La propiedad display: table

Los siguientes ejercicios tratarán sobre los tipos de cajas de tabla.

En los primeros tiempos de la web era muy común usar tablas para distribuir los elementos de una página. Tenían ventajas difíciles de conseguir con bloques, como las columnas de la misma altura.

Sin embargo, por su significado, las tablas no están pensadas para organizar la distribución de una página, y poco a poco se dejó de usarlas así. Pero su comodidad no se olvidó.

Más adelante se creó un grupo de valores de display que permite dar a cualquier elemento el comportamiento de una tabla.

El primer valor, display: table, convierte la caja del elemento en una tabla. Las cajas de tabla tienen estas características:

1. se les puede asignar ancho, alto, bordes, relleno y márgenes;
2. su ancho predeterminado depende del contenido;
3. hay un salto de línea antes y después del elemento.

Las cajas de tabla se parecen a las de bloque, salvo por su ancho predeterminado.