JSFiddle - React, Tailwind, and code Playground

by gionaf

HTML

<html>
<body>
    <div id="container">
        <span>
            <img src="http://cdn.motinetwork.net/demotivationalposters.net/image/demotivational-poster/0807/css-sales-css-sales-demotivational-poster-1216218414.jpg">
        </span>
    </div>
</body>
</html>

CSS

html,body,#container {
    height:100%;
}
#container {
    width:100%;
    display:table;
    *display:block; /* IE7 */
}
#container > span {
    display:table-cell;
    *display:inline-block; /* IE7 */
    vertical-align:middle;
    text-align:center;
}
#container > span > img {
    width:100%;
    max-width:400px;
}