我知道这个问题已经被问过很多次了。但它们都是复杂的代码，并且解决方案根据其具体要求而有所不同。
请在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>
不会a放在中间。不起作用mx-auto。
有人可以告诉我为什么会这样吗？我该怎么做才能把它放在中间。
PS 我不能text-center在父元素上使用。
