JSFiddle - React, Tailwind, and code Playground

HTML

<div class="inlay">
    <span class="helper"></span>
    <div class="diver"> </div>
</div>

CSS

html, body {
    height: 100%;
    background: #ddd;
}
.inlay {
    height: 100%;
    text-align: center;
}

.inlay .diver {
    vertical-align: middle;
    background: #ded;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}