JSFiddle - React, Tailwind, and code Playground

HTML

<div id="vertical">
    <p>this text is vertically centered.  It's long enough to wrap, and should work for any size chunk of content.</p>
    <p>Heck, it even works with multiple items in  the middle.</p>
</div>

CSS

#vertical {
    display:table-cell;
    vertical-align:middle;
    height: 500px;
    width: 300px;
    background: #CCC;
}