JSFiddle - React, Tailwind, and code Playground

by tabalinas

HTML

<div id="parent">
    <div id="child">
        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/SIPI_Jelly_Beans_4.1.07.tiff/lossy-page1-256px-SIPI_Jelly_Beans_4.1.07.tiff.jpg" />
        <span>Some text</span>
    </div>
</div>

CSS

#parent { 
    display: table;
    height: 300px;
    border: 1px solid red;
}

#parent img {
    vertical-align: middle;
}

#child {
    display: table-cell;
    vertical-align: middle;
}