En mi página HTML tengo algo parecido a esto:
<div> <table>...</table> </div>
Lo que quiero conseguir es que el <div> sea tan ancho o tan estrecho como la tabla que contiene en su interior. Por defecto el <div> ocupa toda la anchura del navegador porque es un elemento de bloque, pero quiero que tenga la misma anchura que el elemento <table> que contiene.
Estás leyendo una traducción autorizada de la pregunta Make Div Width Equal To Child Contents planteada por George Snider.
Respuestas
La forma correcta de hacerlo es aplicar el valor inline-block a la propiedad display del elemento padre, en este caso el <div>:
div { display: inline-block; }
@javiereguiluz
7 febrero 2015, 20:35