JSFiddle - React, Tailwind, and code Playground

HTML

<div class="frame">
    <span class="helper"></span>
    <img src="http://jsfiddle.net/img/logo.png" height=250 />
    <br />
    <span>hi</span>
     <span><br />hi</span>
    <span>hi<br /><br /></span>
    
</div>

CSS

.frame {
      position: absolute; 
    top: 0px; 
    bottom: 0px;
    left: 0px;
    right:0px;
    width: 160px;
    border: 1px solid red;
    
    text-align: center; margin: 1em 0;
}

.helper {
    display: inline;
    height: 100%;
    vertical-align: middle;
    position: relative;
}

img {
    background: #3A6F9A;
    vertical-align: middle;
    max-height: 25px;
    max-width: 160px;
}