JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<style type="text/css">
    #myoutercontainer { position:relative }
    #myinnercontainer { position:absolute; top:50%; height:10em; margin-top:-5em }
</style>
</head>
<body>

<div id="myoutercontainer" style = 'border: 1px solid #000000;'>
    <div id="myinnercontainer">
        <p>Hey look! I'm vertically centered!</p>
        <p>How sweet is this?!</p>
    </div>
</div>
</body>
</html>