JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<table class="super-centered"><tr><td>
    <div class="content">
        <p>I am centered like a boss!</p>
        <p>...</p>
        <p>...</p>
        <p>...</p>
        <p>...</p>
        <p>...</p>
        <p>...</p>
        <p>...</p>
        <p>...</p>
    </div>
</td></tr></table>
</body>

CSS

/*o.v.*/

/*Thanks to http://www.jakpsatweb.cz/css/css-vertical-center-solution.html*/

/*html,body {height:100%;}*/
.super-centered {position:absolute; width:100%;height:100%;vertical-align:middle;}
.content {margin:0 auto;width:200px;border:1px solid orange;}