title: jQuery isotope centering
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/114543/how-to-center-div-in-div">How to center DIV in DIV?</a>  </p>
  </blockquote>
  
  
  
  <p>Please take a look at the image below:</p>
  
  <p><img src="https://i.stack.imgur.com/y83kS.png" alt="enter image description here"></p>
  
  <p>How can I make the grey squares horizontally centered inside the red container div? This is all made with isotope, so please keep that in mind.</p>
  
  <p>Thanks in advance.</p>
  
  <p><img src="https://i.stack.imgur.com/wZU4s.png" alt="enter image description here">
  <img src="https://i.stack.imgur.com/XRliv.png" alt="enter image description here"></p>
  
  <p>Even if the parent (red) div is always aligned in the middle, the grey, smaller ones are not.
  In the top image, when they are aligned in one single column, that column should be in the exact middle of the wrapper (red) div.</p>