JSFiddle - React, Tailwind, and code Playground

HTML

<div class="demo wraptocenter">
   <span></span>
   <img src="http://www.spitzer.caltech.edu/images/twitter.png?1295473781" alt="" />
</div>

CSS

.wraptocenter * {
    vertical-align: middle;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/*End wraptocenter - image Vcenter  patch styles*/

.demo   {
         width:100px;
         height:100px;
         border:1px solid red; 
         position:absolute; 
         top:50%; 
         left:50%; 
         margin-top:-100px;
         margin-left:-100px;}