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

我整个下午都在尝试，但我想念一些东西，有人可以帮我吗？
该页面可以在以下链接找到

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时，我似乎无法实现。

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

最佳答案

在图像上设置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>

关于html - 如何水平对齐以下标题图像？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13365414/