JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outerdiv">
    <!-- Enable this and set the height to 150 to see the error in chrome -->
    <!-- span></span -->
    <img src="" height="100" width="80" /> 
</div>

CSS

.outerdiv {
    display: table-cell;
    width: 200px;
    height: 150px;
    text-align: center;
    vertical-align: middle;
    background: #ccc;
}
.outerdiv img {
    background: #666666;
}
.ie_vertical_align * {
    vertical-align: middle;
}
.ie_vertical_align span {
    display: inline-block;
    height: 150px;
    width: 0;
}