JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <img src="http://i.stack.imgur.com/e0Snp.jpg">
</div>

CSS

.outer {
    border:1px solid #ddd; 
    float:left; 
    height:150px; 
    padding:10px; 
    display: table;
}

.outer img {
    display: table-cell; 
    vertical-align: middle; 
    text-align: center;
}