JSFiddle - React, Tailwind, and code Playground

by Lindow

HTML

<div class="element image">
  <span class="helper"></span>
  <img class="logo cw" src="http://lorempixel.com/200/100/">
</div>

CSS

.image {
  position: absolute;
  text-align: center;
  background:red;
  width: 160px;
  height:50px;
  left: 30px;
  top: 65px;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.image .logo {
  transform: rotate(0deg);
  max-width: 50px;
  max-height: 50px;
  vertical-align: middle;
}