Cascading Style Sheets FlexBox

Flexbox | Activar modo Flexbox

Para activar el modo flexbox a un contenedor, asignamos a dicho contenedor la propiedad display con el valor flex o inline-flex.

CASO 1Contenedor Flexbox de tipo inline-flex

La declaración display: inline-flex, establece un contenedor en línea, es similar a inline-block ya que ocupa solo el contenido.

Soy un span en línea.
1
2
3
4
5
6

CASO 2Contenedor Flexbox de tipo flex

La declaración display: flex, establece un contenedor en bloque, es similar a block ya que ocupa todo el ancho del padre.

Soy un span en línea.
1
2
3
4
5
6