JSFiddle - React, Tailwind, and code Playground

by Uday Hiwarale

HTML

<div>
  <img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=200%C3%97150&w=200&h=150"/>
</div>

CSS

div {
  width:300px;
  height:300px;
  border:2px solid #aaa;
  text-align:center;
  white-space:nowrap;
}

div:before{
  content : "";
  vertical-align:middle;
  display:inline;
  width:0px;
  height:100%;
}

div > img {
  vertical-align:middle;
}