CSS DIV標題位置

是否有可能使一個div標題出現這樣的：CSS DIV標題位置

enter image description here

我知道我可以在文本中的DIV中「事業部在這裏題名」，給它一個堅實的背景並用絕對座標定位，但我希望標題與div相關聯，而不是整個文檔，所以我可以移動div而不必擔心移動標題。

我在這裏設置了一個小提琴：http://jsfiddle.net/Eth6U/。

見過的'

'和''標籤？ – Pointy

不，還沒有，我想這就是我需要的。 –

這是不可能實現與傳說和一些css的fieldset？無賴，爲時已晚。 ;） – JaggenSWE

可以使用<fieldset>標籤這樣做...

下面是一個例子...

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

您只需編輯<fieldset>標籤作爲<div>在CSS中...

2012-06-11 14:36:45 shahbaz

是的，這正是我所需要的，應該知道... –

您可以使用fieldset和legend標籤。

例如：

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

2012-06-11 14:36:13 Qtax

是的，謝謝你，這正是我所需要的 –

例如：http://jsfiddle.net/Eth6U/7/ – Playmaker

sou如你正在尋找fieldset和legend。

<fieldset>   
    <legend>Title</legend>   
    ... 
</fieldset>

2012-06-11 14:38:21 oezi

這是討論on SitePoint.com，似乎這樣做是爲了築巢一個div內的股利和使用負利潤率正確定位它，我相信你不想做的最好的方式。

你正在做的事情與表單的fieldset圖例非常相似，你可以使用該html並使用CSS來設置它的樣式來定製它的外觀。 Examples

2012-06-11 14:45:30

<fieldset> 
<legend>Div Title Here</legend> 
<!-- Write your code here what do you want in that fieldset--> 
</fieldset>

2012-06-11 15:11:21

回答