JSFiddle - React, Tailwind, and code Playground

by Madalina Taina

HTML

<div class=frame>
    <img src="http://jsfiddle.net/img/logo.png" height=5 />
</div>
<div class=frame>
    <img src="http://jsfiddle.net/img/logo.png" height=3 />
</div>

CSS

.frame {
    height: 25px;      /* equals max image height */
    width: 160px;
    border: 1px solid red;
    white-space: nowrap;
    text-align: center; margin: 1em 0;
}
.frame:before{
  content:"";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

img {
    vertical-align: middle;
}