JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outerDiv">
    <div id="wordDiv">Word</div>
</div>

CSS

html, body { 
 height: 100%;
    margin:0;
    padding:0;
}
#outerDiv{
    height: 100%; 
    width: 100%;
    background-color: red; 
    text-align: center; 
}
#wordDiv{
    position:absolute;
    background-color:lightblue;
    top:50%;
    left:50%;
    width:100px;
    height:100px;
    line-height:100px;
    margin:-50px -50px;
}