JSFiddle - React, Tailwind, and code Playground

by veer_vin

HTML

<div id="over">
    <span class="Centerer"></span>
    <img class="Centered" src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
</div>

CSS

*
{
    padding: 0;
    margin: 0;
}
#over
{
    position:absolute;
    width:100%;
    height:100%;
    text-align: center;
}
.Centerer
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.Centered
{
    display: inline-block;
    vertical-align: middle;
}