title: Making image align center of screen in html
body: <p>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:</p>
  
  <pre><code>&lt;table width=100% height=100%&gt; 
      &lt;tr&gt;
          &lt;td style="text-align: center; vertical-align: middle;"&gt;
              &lt;img src="" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>html, body
  {
      height: 100%;
  }
  </code></pre>