2012-06-11 15 views
6

は次のように表示されるのdivタイトルを作成することは可能ですそれを絶対座標で配置しますが、文書全体ではなくdivと関連付けられるようにしたいので、タイトルを移動することを心配することなくdivを移動できます。CSSのdivタイトル位置

ここでフィーバーを設定しました:http://jsfiddle.net/Eth6U/

+0

はエヴァー '

'と '' タグを見たことありますか? – Pointy

+0

いいえ、まだ、私はそれが私が必要と思う。 –

+0

これは凡例といくつかのCSSでfieldsetで達成することはできませんか?バマー、遅すぎる。 ;) – JaggenSWE

答えて

9

...

は、ここでの例です...

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

あなただけ<fieldset>タグを編集することができますCSSの<div>として...

+0

はい、私が必要としているものです。 –

5

fieldsetとタグを使用できます。例えば

:あなたはこれを行うために<fieldset>タグを使用することができます

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

はい、まさに私が必要としたものですありがとうございます –

+2

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

0

souあなたはfieldsetlegendを探しているようです。

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

これはon SitePoint.comを議論し、それはそれを行うための最善の方法は、div要素の中に巣にdiv要素だったと私はあなたが行うにはしたくないと考えていた、それを正しく配置するために、負の余白を使用思えました。

あなたがしようとしているのは、フォームのフィールドセットの凡例に非常によく似ています。そのHTMLを使用してCSSでスタイルを変更して、その外観をカスタマイズできます。 Examples

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