JSFiddle - React, Tailwind, and code Playground

by am0200

HTML

<div><img src="http://usr.im/500x300" /></div>

CSS

html, body {
    margin: 0;
    height: 100%;
}
div {
    height: 100%;
    text-align: center;
}
div:before {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle;
}
img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    width: auto;
    vertical-align: middle;
}