¿cómo podemos hacer un div tomar ancho de acuerdo a su contenido automáticamente

Question

Quiero crear un efecto como el de fieldset y label.

Cuando los encabezamientos cambian a lo largo del lado, la anchura que el fondo blanco de la partida sigue siendo la misma.

Si puedo hacer que el elemento heading o div tome el ancho suficiente para ajustarse a su contenido, dará el efecto correcto.

Si hay alguna otra solución, por favor hágamelo saber.

Answer 1

Puede utilizar float en el div que desea reducir o display: inline-block (aunque eso no funcionará en IE6 (ya que se aplica únicamente a inline-block elementos en línea por defecto) sin especificar una anchura. O puede usar tanto, obviamente. Aunque no estoy seguro de por qué te gustaría hacer un acto de bloque flotaba como si fuera inline.

demo en jsbin

Answer 2

recomendaría este

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