JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <div class="child">Выравнивание по центру </div>
    <div class="helper"></div>
</div>

CSS

.parent {
    width: 350px;
    height: 350px;
    border: 1px solid red;
    text-align: center;
}

.child {    
    display:inline-block;
    vertical-align:middle;
}
.helper {        
    display:inline-block;
    vertical-align:middle;
    height:100%;
    width:0px;
}