Make center Text for horizontal and vertical in Tailwind Nextjs

Center Element (use Flex)

<div className="flex justify-center items-center">
<div>Center</div>
</div>

Center Position (use Absolute)

<div className="relative">
<div>
<Icon />
</div>
<div
   className={`absolute top-0 left-0 right-0 bottom-0 text-center content-center`}
>Center</div>
</div>

Center Text (use Text Format)

<span  className={`text-center content-center`}> Center</span>