JSFiddle - React, Tailwind, and code Playground

HTML

<div class="t">
         <div>
             everything is vertically centered in modern IE8+ and others.
         </div>
          <div></div>
       </div>

CSS

.t, .t > div:first-child
{ 
    border:1px solid green;
}
.t
{
    height:400px;
}
.t > div 
{ 
    display:inline-block; 
    vertical-align:middle  
}
.t > div:last-child
{
    height:100%;    
}