Making image align center of screen in html

Question

I am loading image on iOS device. I want my image to be centered horizontally as well vertically center with all screens and orientation . I have tried it using table and td , It is aligning horizontally center but not aligning vertically middle . This is what I have tried html:

<table width=100% height=100%>      <tr>         <td style="text-align: center; vertical-align: middle;">             <img src="" />         </td>     </tr> </table> 

css:

html, body {     height: 100%; } 

Answer 1

Instead of Table, You can achieve the same with div and img

Working Demo

HTML

<div><img src="http://placehold.it/350x150"></div> 

CSS

html, body {     height: 100%;     margin:0;     padding:0; }  div {     position:relative;     height: 100%;     width:100%; }  div img {     position:absolute;     top:0;     left:0;     right:0;     bottom:0;     margin:auto; }