JSFiddle - React, Tailwind, and code Playground

by karim79

HTML

<div class="wrapper">
    <div class="inner">
        <span></span>
        <img class="img" src="http://static.php.net/www.php.net/images/php.gif"/>
    </div>
</div>

CSS

.wrapper {
    max-height: 400px;
    max-width: 400px;
    background: yellow;
    text-align: center;
}
.inner {
    height: 400px;
    width: 400px;   
    line-height:400px;    
    display: inline-block;
    vertical-align: middle;
}

.inner span {
     height: 100%;   
}

.inner * {
}