title: Organize divs to 2 columns - css or jquery
body: <p>i have 10 divs one after the other that I want to organize in 2 columns. The thing is that if I float them all I get these columns:</p>
  
  <pre><code>1 2
  3 4
  5 6
  7 8
  9 10
  </code></pre>
  
  <p>but instead I want to get these columns:</p>
  
  <pre><code>1 6
  2 7
  3 8
  4 9
  5 10
  </code></pre>
  
  <p>is this can be achieved by css only? if not, what is the most efficient jquery that can do this? (I don't  want to touch the markup because it is generated by a complex system...)</p>
  
  <p>the markup is simple:</p>
  
  <pre><code>&lt;div class="item"&gt;
  ...
  &lt;/div&gt;
  &lt;div class="item"&gt;
  ...
  &lt;/div&gt;
  ...
  </code></pre>