6 tipos de display para CSS

Los valores más comunes que puede recibir la propiedad display son:

1. Block: Abarca todo el ancho posible.

2. Inline: Reduce su tamaño hasta lo que abarca su contenido, sin respetar los valores de las propiedades width y height

3. Inline-block: Combina las propiedades de block e inline, ya que respeta las dimensiones indicadas en las propiedades width y height, pero coloca el elemento al costado de elementos hermanos que también tengan display: inline o inline-block.

4. Flex: Asume propiedades que favorecen la alineación de los elementos internos.

5. Grid: Asume algunas propiedades por defecto organizando los contenidos en filas y columnas.

6. None: Oculta el elemento.