JSFiddle - React, Tailwind, and code Playground

by ubershmekel

HTML

<div id="Frame">
    <span class="Centerer"></span>
    <img src="http://i.imgur.com/CbcmRLC.jpg"/>
</div>

CSS

#Frame
{
    width: 405px;
    height: 597px;
    background: url('http://i.imgur.com/uRvKrNR.jpg') no-repeat;
    text-align: center;
}
.Centerer
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#Frame > img
{
    vertical-align: middle;
}