Edit in JSFiddle


              
            
          
            
              
                
<img src="http://dummyimage.com/100x100/08c/fff&text=centering.jpg">
img {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100px; /*画像の幅*/
   height: 100px; /*画像の高さ*/
   margin-top: -50px; /* height(画像の高さ)の半分の値 */
   margin-left: -50px; /* width(画像の幅)の半分の値 */
}