JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="ib inner"></div><!-- no space! --><div class="ib fix">&nbsp;</div>
</div>

CSS

.wrap
{
    position: relative;
    width: 500px;
    height: 500px;
    text-align: center;
    border: dotted 1px #000;
}

.ib
{
    display: inline-block;
    vertical-align: middle;
}

*:first-child+html .ib /* ie7 */
{
    display: inline;
    zoom: 1;
}

.inner
{
    width: 200px;
    height: 200px;
    margin: 0 auto;
    background-color: #ccc;
}

.fix
{
    width: 0px;
    height: 100%;
    overflow: hidden;
}