How to center Masonry Items? : <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>
