title: Center an image horizontally using CSS
body: <p>I am trying to center a image horizontally using css.</p>
  
  <p>I am displaying my image on the screen with the following HTML code:</p>
  
  <pre><code>&lt;div id="loading" class="loading-invisible"&gt;  
      &lt;img class="loading" src="logo.png"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am croping my image as I only want to display some of the image and I am using the following css:</p>
  
  <pre><code>img.loading 
  {
  position:absolute;
  clip:rect(0px,681px,75px,180px);
  }
  </code></pre>
  
  <p>however I can't work out how to center the image once it has been croped.</p>
  
  <p>Anyone able to help ?</p>