JSFiddle - React, Tailwind, and code Playground

HTML

<!-- [if lte IE 7]>
<style>/* should be in the head */
html, body , .ie {
height:100%;
text-align:center;
white-space:nowrap;
}
.ie , .main{
display:inline;/* used with zoom in case you take a block elemnt instead an inline element*/
zoom:1;
vertical-align:middle;
text-align:left;
white-space:normal;
}
</style>
<b class="ie"></b>
<!--[endif]-->
<div class="main">Fill it up with your content</div>

CSS

/* IE8 and others*/
 .main {
    width:500px;
    margin:auto;
    border:solid;
}
html, body {
    height:100%;
    width:100%;
    display:table;
}
body {
    display:table-cell;
    vertical-align:middle;
}