title: centering overflowed content
body: <p>I have a dynamically created list of <code>&lt;a&gt;</code> tags (without text) to which I apply a background image. I display these icons within <code>&lt;div&gt;</code> container using the <code>float: left;</code> style.</p>
  
  <p>When the row of icons becomes too long it overflows and begins a new row as expected.</p>
  
  <p>How can I either center this last row, or spread the icons out evenly across the row?</p>