Question

I have tried the whole afternoon but I’m missing something, can some one help me with this?
The page can be found at the following link

The page with the image that I need fixed.

The code containing the image is:

    <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>

I would like to horizontally center the image with a width of 1920px on smaller screens. When I give a class the property background-position: top center, it works perfectly, but when I need to have a -tag in the page itself I can’t seem to make it happen.

Please help me see it 🙂 It’s probably very stupid, haha.
Thanks so much!

Answer 1

Set margin: 0 auto; on the image, like:

<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>