JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table">
    <div class="table-cell">
        <p>Test</p>
    </div>
</div>

CSS

html, body, .table, .table-cell{
    height: 100%;
    width: 100%;
}
.table{
    display: table;
}
.table-cell{
    display: table-cell;
    vertical-align: middle
}
p{
    margin-right: auto;
    margin-left: auto;
    width: 20%;
    text-align: center;
}