Wie können wir eine div nehmen Breite entsprechend ihrem Inhalt automatisch

Question

Ich möchte einen Effekt wie das von fieldset und label erstellen.

Wenn die Positionen an der Seite zu ändern, dass die Breite der weiße Hintergrund der Überschrift gleich bleibt.

Wenn ich das heading oder div Element machen kann, um die Breite genug zu nehmen, um seinen Inhalt zu passen, wird es den richtigen Effekt geben.

Wenn es eine andere Lösung gibt, lassen Sie es mich bitte wissen.

Answer 1

Sie float auf dem div verwenden, können Sie verkleinern möchten, oder display: inline-block (obwohl das nicht in IE6 funktionieren wird (da es inline-block nur auf Elemente inline Standardeinstellung) gilt ohne eine Breite angeben. Oder Sie können beide verwenden, offensichtlich. Obwohl ich nicht sicher bin, warum Sie wollen würde ein schwebte-Block handeln zu lassen, als ob es inline war.

Demo bei jsbin

Answer 2

ich würde empfehlen, dieses

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