xxxxxxxxxx
<!-- grid only: vertical + horizontal -->
<div class="grid place-items-center">Text</div>
<!-- grid OR flex: vertical + horizontal -->
<div class="flex items-center justify-center">Text</div>
xxxxxxxxxx
<div class="flex items-center justify-center h-screen"></div>
xxxxxxxxxx
Class Properties
----- ----------
align-baseline vertical-align: baseline;
align-top vertical-align: top;
align-middle vertical-align: middle;
align-bottom vertical-align: bottom;
align-text-top vertical-align: text-top;
align-text-bottom vertical-align: text-bottom;
xxxxxxxxxx
Class Properties
text-left text-align: left;
text-center text-align: center;
text-right text-align: right;
text-justify text-align: justify;
text-start text-align: start;
text-end text-align: end;