title: Can't Center an Image
body: <p>I've been reading various posts on stackoverflow and a few other sites about centering images.  I found this code on various sites that seems to be a general guide:</p>
  
  <pre><code>img  {
  display: block;
  margin-left: auto;
  margin-right: auto;
       }
  </code></pre>
  
  <p>I am trying to center an image.  I can't center it with this code.  I can make it move using text-align: center but read this isn't the best method of doing so.  I made a jsfiddle.  If anyone wouldn't mind helping me it would be appreciated.  I was able to make the image move as well by adding a random width value.  I don't think this is the right approach though either since I am eyeballing if it is centered or not.</p>
  
  <p>Sorry, I couldn't get the actual image to display but the img logo is there as a placeholder: <a href="http://jsfiddle.net/sdaless/kTn7j/8/" rel="nofollow">jsFiddle</a></p>