JSFiddle - React, Tailwind, and code Playground

HTML

<div class="section" id="section1">
<h1>Lorem ipsum</h1>
</div>

CSS

html, body {
height: 100%;
margin: 0;
}

#section1 {
    height: 90%; 
text-align:center; 
    display:table;
    width:100%;
}

#section1 h1 {display:table-cell; vertical-align:middle}