Centrar DIV no ecrã

Para colocar uma div no centro do ecrã, com Tailwind CSS, usamos a class flex. Assm podemos aproveitar as classes justify-center e items-center.

Por fim, com a class h-screen definimos a altura da div parent para ser igual à area do ecrã onde está a ser mostrada.

<div class='flex justify-center items-center h-screen'>
  <div>
     <p>Text on center screen</p>
  </div>
</div>

Categorias

Tailwind CSS

Etiquetas

Tem dúvidas em como usar esta ajuda?