title: How to arrange many divs side by side and one under the other
body: <p>Here is what I want to do;</p>
  
  <p><a href="http://pinterest.com/all/?category=photography" rel="nofollow">Pinterest</a></p>
  
  <p>Let's say I have 10 or more rectangular divs. I want to put those divs 5 of them side by side and the other 5 of them are under the others. My question is;</p>
  
  <p>How should I name the divs ? Should the class name change for every div or the IDs change or Should I give;</p>
  
  <pre><code>float:left
  </code></pre>
  
  <p>attribute to all divs to let them align side by side. So the other five will be placed under them when there is no place horizontally.</p>
  
  <p>I mean how should the structure of these 10 divs (or more) be ?</p>