JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div"><h1>hi</h1></div>

CSS

h1 {
    position: absolute;
    top: 50%;
    left: 44%;
    -webkit-transform: translate(-44%, -50%);
    transform: translate(-44%, -50%);
    margin: 0;
    font-size: 120px;
    text-align: center;
    z-index: -1;
}

#div{
    width:100%;
    box-shadow:inset 0 0 0 1000px rgba(255,0,0,0.5);
    height:400px;
}