JSFiddle - React, Tailwind, and code Playground

HTML

<div class="photo-container">
    <span class="helper"></span>
    <img src="http://cs618020.vk.me/v618020706/11cd7/AKJev-riLX0.jpg" height="30px" width="30px" />
</div>

CSS

.photo-container {
    width: 100px;
    height: 210px;
    border: 2px solid #000;
    background-color: chocolate;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
img {
    vertical-align: middle;
    max-height: 210px;
}