title: How to center Masonry Items?
body: <p>I have set up masonry to display items as such:</p>
  
  <pre><code>$('#list').masonry({
    itemSelector: '.propitem',
    columnWidth: 230
  });
  </code></pre>
  
  <p>This works, but all items (<code>.propitem</code>) float to the left. For example if my container <code>#list</code> is 600px wide there will be two columns to the left but a gap to the right of them where the remaining 140px is. I would like to center the 2 columns with a 70px 'margin' on either side.</p>
  
  <p>I have tried using css to centre these, but had no luck, eg:</p>
  
  <pre><code>#list {
  text-align: center;
  }
  </code></pre>
  
  <p>Would anyone know the correct way of achieving this?</p>