comment pouvons-nous faire une div prendre la largeur en fonction de son contenu automatiquement

Question

Je veux créer un effet comme celui de fieldset et label.

Lorsque les positions changent le long du côté, la largeur que le fond blanc de la position reste la même.

Si je peux faire l'élément heading ou div pour prendre la largeur suffisante pour adapter son contenu, il donnera l'effet approprié.

S'il y a une autre solution, s'il vous plaît faites le moi savoir.

Answer 1

Vous pouvez utiliser float sur la div que vous voulez réduire ou display: inline-block (bien que cela ne fonctionne pas dans IE6 (puisqu'il applique inline-block uniquement aux éléments en ligne par défaut) sans spécifier une largeur. Vous pouvez également utiliser les deux, évidemment. Bien que je ne suis pas sûr pourquoi vous voulez faire un acte bloc flottaient comme si elle était inline.

Démo à jsbin

Answer 2

Je recommande cet

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