Display: El Control de Visibilidad
Define cómo se comporta la caja en el flujo del documento. ¿Bloque, línea o un nuevo contexto flex/grid?
Display: Block
Los elementos ocupan el 100% del ancho disponible de su padre y comienzan en una nueva línea.
Bloque 1
Bloque 2
Etiquetas Comunes
, ,
,
Display: Inline-Block
Se sitúan en línea (como el texto) pero conservan la capacidad de tener ancho, alto y márgenes verticales.
Inline 1
Inline 2
Uso Sugerido
Perfecto para botones y elementos de navegación que necesitan dimensiones precisas pero deben convivir en una fila.