JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.parent {
    height:100vh;
    background-color:red;
}
.alignVertical {
    position:relative;
    display:inline-block;
    top:50%;
    transform:translateY(-50%);
}