html - コンテンツに応じて div の幅を自動的に取るにはどうすればよいですか

Question

fieldsetやのような効果を作りたいlabel。

見出しが辺に沿って変化する場合、見出しの白い背景の幅は同じままです。

headingordiv要素をそのコンテンツに合わせて十分な幅にすることができれば、適切な効果が得られます。

他に解決策があれば教えてください。

Answer 1

float幅を指定せずに、縮小する div で使用するか、 display: inline-block(IE6 では動作しませんが (inline-blockデフォルトではインラインの要素にのみ適用されるため)、幅を指定せずに使用できます。または、明らかに両方を使用できます。私はそうではありませんが浮動ブロックを のように動作させたい理由を確認してくださいinline。

jsbinでのデモ

Answer 2

私はこれをお勧めします

#element {
    display: table; /* IE8+ and all other modern browsers */
}