图像未在页面中间水平居中

Question

这是我的简单代码：

<h1 style="text-align:center;">Title TEST</h1>
<img class="center" src="MyImage.jpg">
<footer>
  <p style="text-align:center;">Footer TEST</p>
</footer>

文本正确居中，图像居中。为什么？我听不懂