JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">    
    <div id="layout">    
        <div id="content"> 
            Hello world! 
        </div>     
    </div>   
</div>

CSS

#container {    
    display:table;    
    border-collapse:collapse;  
    height:200px;  
    width:100%;
    border:1px solid #000;
}         
#layout {    
    display:table-row;   
}           
#content {    
    text-align:center; 
    display:table-cell;  
    vertical-align:middle;    
}