Eu sei que essa pergunta foi feita muitas vezes. Mas todos são códigos complexos e as soluções diferem com base nos seus requisitos específicos.
Execute este código muito simples no Tailwind Playground :
<div class="h-48 w-full bg-red-400">
<a class="mx-auto inline-flex items-center bg-blue-400 px-8 py-5">Hello</a>
</div>
O anão será colocado no meio. O mx-autonão funciona.
Alguém pode me dizer por que isso acontece? E o que devo fazer para colocá-lo no meio.
PS Não posso usar text-centerno elemento pai.
