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

body {
    width:100%;
    margin:0;
    padding:0;
}
#w {
    display:table;
    width: 100%;
}
#iw {
  width:100%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
margin-left:-100px;
    margin-top:-50px;
}
#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;
}