CSS div标题位置

Question

是否可以使div标题显示如下:

我知道我可以在div中使用文本"Div Title here",给它一个坚实的背景并用绝对坐标定位它,但我希望标题与div相关联,而不是整个文档,所以我可以移动div而不用担心移动标题.

我在这里设置了一个小提琴:http://jsfiddle.net/Eth6U/.

Answer 1

您可以使用<fieldset>标签执行此操作...

这是一个例子......

<fieldset>
    <legend>Div title here...</legend>
</fieldset>

您可以<fieldset>像<div>在CSS中一样编辑标签...

Answer 2

您可以使用fieldset和legend标签.

例如:

<fieldset>
    <legend>The title</legend>
    <p>hello!</p>
</fieldset>