title: Side-by-side list items as icons within a div (css)
body: <p>I am looking for a way to create a <code>&lt;ul&gt;</code> of items that I can put within a <code>&lt;div&gt;</code> and have them show up side-by-side and wrap to the next line as the browser window is resized.  </p>
  
  <p>For example, if we have 10 items in the list that currently show 5 items on the first row and 5 items on the second row, as the user makes the browser window wider, it turns into 6 items on the first row and 4 items on the second row, etc.</p>
  
  <p>I am looking for similar functionality to what Windows Explorer does when in tiles/icons/thumbnails view.  I am able to create the <code>&lt;li&gt;</code>'s I want as far as the size, color, content, etc.  I am just having trouble with the wrapping/clearing/etc. part.</p>