JSFiddle - React, Tailwind, and code Playground

by danielzen

HTML

<div class="wraptocenter">
<img src="http://zzz.net/photo.jpg">
</div>

CSS

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 700px;
    height: 700px;
}
.wraptocenter * {
    vertical-align: middle;
}

.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}