title: How can I horizontally align the following header image?
body: <p>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</p>
  
  <p><a href="http://www.websu.it/tv-film/hello-world/" rel="nofollow">The page with the image that I need fixed</a>. </p>
  
  <p>The code containing the image is:</p>
  
  <pre><code>    &lt;headerimage&gt;&lt;span&gt;
              &lt;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"&gt;&lt;/span&gt;
          &lt;/headerimage&gt;
  </code></pre>
  
  <p>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.</p>
  
  <p>Please help me see it :) It's probably very stupid, haha.
  Thanks so much!</p>