JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">    
    <div class="centered">        
        <img src="http://i.stack.imgur.com/gIjwD.png" />
    </div>    
</div>

CSS

.block {
    text-align: center;
    background:#ccc;
    margin-bottom:5px;
    height: 200px;
    width:200px;
}

.block:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

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