Cómo alinear el centro en flexbox

Flexbox se ha convertido en mi forma favorita de centrar un elemento en una página.

Envuelve un artículo en undivy tu ponesdisplay: flexyjustify-content: center.

<div class="wrapper">
  ...
</div>
.wrapper {
  display: flex;
  justify-content: center;
}

Usar Tailwind CSS es más fácil, todo lo que tiene que hacer es agregar elflexyjustify-centerclases:

<div class="flex justify-center">
   ...
</div>

Descarga mi gratisManual de CSS


Más tutoriales de CSS: