JSFiddle - React, Tailwind, and code Playground

HTML

<div id='sample'>
<span class='vertical'>Test Message</span>
</div>

CSS

#sample 
{
    height:100px;
     width:100%;
    background-color:#003366;
    display:table;
    text-align: center;
    
}
.vertical 
{
       color:white;
     display:table-cell;
    vertical-align:middle;
}