css - CSS div タイトルの位置

Question

div タイトルを次のように表示することは可能ですか:

ここに画像の説明を入力

div内に「Div Title here」というテキストを入れて、無地の背景にして絶対座標で配置できることは知っていますが、タイトルをドキュメント全体ではなくdivに関連付けたいので、タイトルの移動を気にせずに div を移動します。

ここでフィドルを設定しました: http://jsfiddle.net/Eth6U/。

score 11 · Accepted Answer

タグを使用<fieldset>してこれを行うことができます...

ここに例があります...

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

CSS と<fieldset>同じようにタグを編集できます...<div>

score 6 · Accepted Answer

fieldsetとタグを使用できlegendます。

例えば：

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

score 1 · Accepted Answer

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

score 1 · Accepted Answer

fieldsetとを探しているようですねlegend。

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

score 1 · Accepted Answer

これはSitePoint.comで議論されており、div 内に div をネストし、負のマージンを使用して正しく配置するのが最善の方法のように思われましたが、これは望ましくないと思います。

あなたがやろうとしていることは、フォームのフィールドセットの凡例に非常に似ており、その html を使用して CSS でスタイルを設定し、外観をカスタマイズできます。例

5 に答える 5