JSFiddle - React, Tailwind, and code Playground

by satantx

HTML

<div class="table">
    <div class="td">
        <div class="main">Текст</div>
    </div>
</div>

CSS

body,
html {
    height: 100%;
}

.table {
    width: 100%;
    height: 100%;
    display: table;
}

.td {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.main {
    margin: 0 auto;
    width: 300px;
    padding: 20px;
    background: red;
    color: #fff;
}