JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="container">
        <div id="wrapper">
            <div> Your content</div>
        </div>
    </div>
</body>

CSS

body {height: 300px;}
#container {display: table; height:100%; margin: 0 auto;}
#wrapper {display:table-cell; vertical-align: middle;}