JSFiddle - React, Tailwind, and code Playground

HTML

<div id="w">
    <div id="iw">
        <a href="#">
            <img src="http://stackoverflow.com/content/stackoverflow/img/apple-touch-icon.png" />
        </a>
    </div>
</div>

CSS

html,body {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:1px solid #000;
}
#w {
    display:table;
    height:100%;
    width: 100%;
}
#iw {
    display:table-cell;
    text-align:center;
    height:100%;
    width:100%;
    vertical-align:middle;
}
#iw a img {
    -moz-box-shadow:0 1em 1em #444;
    -webkit-box-shadow:0 1em 1em #444;
    -o-box-shadow:0 1em 1em #444;
    box-shadow:0 1em 1em #444;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    border-radius: 10px;
}