JSFiddle - React, Tailwind, and code Playground

by DeepakKamat

HTML

<div id='outer_div'>
    <div id='inner_div'></div>
</div>

CSS

#outer_div {
   display: table-row; 
   height: 200px; 
   width: 200px;
   background:yellow;     
}

#inner_div {
   display: table-cell; 
   vertical-align: middle;
   height: 500px; 
   width: 500px;
   background:green; 
}