JSFiddle - React, Tailwind, and code Playground

HTML

<div style="min-height: 100%; background-color: red; width: 100%; text-align: center; vertical-align: middle;"><div id="wordDiv">Word</div></div>

CSS

html, body { 
 height: 100%;
}
#wordDiv{
    position:absolute;
    background-color:blue;
    top:50%;
    left:50%;
}