Center image vertically and horizontally with % width and height

Question

how do i center a img with % width and height vertically and horizontally. The img is going to be responsive to the screen resolution and i need it to stay centered.

Answer 1

I was able to fix this by putting this img in a table like this

<table align="center" valign="center">
  <tr>
    <td style="text-align:center;">
      <img style="width:80%;max-width:500px;" src="logo.png"/>
    </td>
  </tr>
</table>