JSFiddle - React, Tailwind, and code Playground

HTML

<div class="center-area">
    <div class="center-content">
        bla bla bla<br/>
        bla<br/>
        bla bla bla
    </div>
</div>

CSS

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.center-area {
    display: table;
    height: 100%;
    margin: auto;
}

.center-area .center-content {
    display: table-cell;
    vertical-align: middle;
}