JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <div class="alignVertical">some text</div>
</div>

CSS

.parent {
    display:flex;
    height:100vh;
    background-color:red;
    justify-content:center;
    align-items:center;
    flex-direction:column;
}