html - 如何水平对齐以下标题图片？

Question

我已经尝试了整个下午，但我遗漏了一些东西，有人可以帮我解决这个问题吗？ 该页面可以在以下链接找到

The page with the image that I need fixed .

包含图像的代码是:

    <headerimage><span>
            <img width="1920" height="600" src="http://www.websu.it/wp-content/uploads/2012/11/suitsheader.jpg" class="attachment-post-thumbnail wp-post-image" alt="Suits Header" title="Suits Header"></span>
        </headerimage>

我想在较小的屏幕上将宽度为 1920 像素的图像水平居中。当我给一个类属性 background-position: top center 时，它工作得很好，但是当我需要在页面本身有一个 -tag 时，我似乎无法实现它。

请帮我看看:)这可能很愚蠢，哈哈。 非常感谢!

Answer 1

在图像上设置 margin: 0 auto;，例如:

<headerimage>
  <span>
    <img style="margin:0 auto;" width="1920" height="600" src="http://www.websu.it/wp-content/uploads/2012/11/suitsheader.jpg" class="attachment-post-thumbnail wp-post-image" alt="Suits Header" title="Suits Header">
  </span>
</headerimage>