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>