JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    <div class="vcenter">
        Yo! This is Centered !
    </div>
</div>

CSS

.box{
   min-height:200px;
   background:tomato;
   color:#fff;
   width:200px;
}
.vcenter{
    position: relative;
    top:50%;
    background:purple;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}