CSS

`display`

Define el tipo de caja que genera un elemento: block, inline, flex, grid o none, entre otros. Es la base de todo layout en CSS.

Valores

Valores	Descripcion
`block`	Ocupa todo el ancho disponible y empieza en una linea nueva.
`inline`	Ocupa solo el ancho de su contenido, en el flujo del texto.
`flex / grid`	Convierte al elemento en contenedor flexible o de cuadricula.
`none`	Elimina el elemento del layout por completo.

Vista previa

Codigo

ejemplo.html

<style>
  .caja { display: inline-block; background: #eee; padding: 8px 14px; margin: 4px; }
</style>
<span class="caja">Caja uno</span><span class="caja">Caja dos</span>