title: Using CSS, how do I move a DIV to the left of the centre position?
body: <p>A fairly standard way to horizontally centre a <code>DIV</code> is to set the left and right margins to <code>auto</code>.</p>
  
  <p>However, I have a <code>DIV</code> that I want to be mostly horizontally centred, but I want to nudge it a little toward the left.</p>
  
  <p>I tried setting the margins like so:</p>
  
  <pre><code>margin: 100px 60% 24px 40%;
  </code></pre>
  
  <p>... and also like this:</p>
  
  <pre><code>margin: 100px 40% 24px 60%;
  </code></pre>
  
  <p>... but <em>both</em> resulted in the DIV being positioned further to the right.</p>
  
  <p>I tried adding padding to the <code>DIV</code>, but that also only moves it to the right.</p>
  
  <p>In short, it seems no matter what I do, the <code>DIV</code> moves to the right, not to the left as desired.</p>
  
  <p>How do I nudge a <code>DIV</code> a little to the left of centre?</p>