JSFiddle - React, Tailwind, and code Playground

HTML

<div class="alldiv">
Center horizontally and vertically a single line of text
</div>

CSS

.alldiv{
width:400px;
    height:200px;
    text-align:center;
    line-height:200px;
    border:solid 1px red;
}