title: Horizontal image align CSS
body: <p>I'm having some trouble aligning a main image. It should be center-aligned horizontally, yet keeps going all over the place. The page can be found here <a href="http://0034.eu/propmanager/" rel="nofollow">http://0034.eu/propmanager/</a></p>
  
  <pre><code>&lt;img src="images/background-space.png" class="displayed" border="0" /&gt;
  
  IMG.displayed{
      display: inline-block;
      margin-left: auto;
      margin-right: auto;
  }
  </code></pre>
  
  <p>That's basically the CSS I have applied to the image, all the source code is on main index.html (no separate style sheet).</p>