title: How to stack divs from top to bottom in CSS
body: <p>I have a list that goes like this:</p>
  
  <pre><code>&lt;div class="item"&gt;1&lt;/div&gt;
  &lt;div class="item"&gt;2&lt;/div&gt;
  &lt;div class="item"&gt;3&lt;/div&gt;
  &lt;div class="item"&gt;4&lt;/div&gt;
  &lt;div class="item"&gt;5&lt;/div&gt;
  </code></pre>
  
  <p>using css float left, it looks like this in html:</p>
  
  <pre><code>1 2
  3 4
  5
  </code></pre>
  
  <p>Is it possible to style my divs to look like the following:</p>
  
  <pre><code>1 4
  2 5
  3
  </code></pre>
  
  <p>Hope someone can help, thanks!</p>