JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content-outer">
    <div id="content-inner">
        <div id="content">
            <p>Some mindless Content Some mindless Content Some mindless Content Some mindless Content Some mindless Content Some mindless Content Some mindless Content Some mindless Content</p>
        </div>
    </div>
</div>

CSS

#content-outer {
    display:table;
    overflow:hidden;
    margin:0px auto;    
    height:100%;
    width:465px;
}

#content-inner {
    display:table-cell;
    vertical-align: middle;
}

html, body {
    height:100%;
}