JSFiddle - React, Tailwind, and code Playground

HTML

<div style="min-height: 317px"> 
    <div class="verticalalign">
    <h1>Heading</h1>
    <p>Some text</p>
    </div>
</div>

CSS

div {background: #eee; display: table; width: 100%;}
.verticalalign {display: table-cell; width: 100%; vertical-align: middle; }