JSFiddle - React, Tailwind, and code Playground

HTML

<div id="big2">
    <div class="small"><p>Some Text</p></div>
</div>

CSS

#big2 {
    width:360px;
    height:430px;
    background-color:#ccc;
    clear: both;
   display: table-cell;
   vertical-align: middle;    
}

.small {
    height:130px;
    background-color:#ddd;
    margin: auto 0;
}
p
{
    text-align: center;
}