title: Display HTML UL in a vertical direction
body: <p>Normally i use ul to have list of product like this, just add "float: left" to the li and you are almost running:</p>
  
  <pre><code>p1 p2 p3 p4
  p5 p6 p7 p8
  </code></pre>
  
  <p>Now i'm in the situation where i want it apposite like this:</p>
  
  <pre><code>p1 p4
  p2 p6
  p3 p7
  p4 p8
  </code></pre>
  
  <p>Is this possible?</p>
  
  <p>EDIT:</p>
  
  <p>The content in the p1 is dynamic and can be different in size(height). So I'm looking for something like a article layout. Etc: maybe there is only space for 3 product in the first list, and 4 in the next row. So i can't use something like two different list, because the content and product can change.</p>