JSFiddle - React, Tailwind, and code Playground

by asif097

HTML

<div class="parent">
    <div class="child">
        <img src="http://comps.canstockphoto.com/can-stock-photo_csp2525879.jpg" />
    </div>
</div>

CSS

html,body {
    height:100%;
}
.parent {
    display:table;
    border:2px solid gray;
    height:100%;
    width:100%;
}

.child {
    display:table-cell;
    vertical-align:middle;
    width:100%;
}

.child img {
    border:2px solid red;
    width:200px;
}