JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
        <div class="wrapper">
            <div class="text">тут будет текст</div>
        </div>    
    </div>

CSS

.wrap{
display:table;
width:100%;
height:100%;
} 
 
.wrapper{
display:table-cell;
width:100%;    
height:300px;
border:1px solid #000;
vertical-align:middle;    
}

.text{
width:200px;
height:150px;
border:1px solid #ccc;
margin:0 auto;    
}