title: HTML & CSS: Vertical Flow Layout (columnar style), how to implement?
body: <p>The standard CSS/html positioning of "flowing" Elements is horizontal (row based) => <code>float:left</code>;. What do I need to do, to position them like in the example below (columnar style). Are there any CSS tags to set this somewhere? (Ideally I do not want to setup a grid, this should happen the same way automatically lilke it does in the float:left style...)</p>
  
  <pre><code>+---------------------------+
  |  DivBox1                  |
  |  DivBox2                  |
  |  DivBox3                  |
  +---------------------------+
  </code></pre>
  
  <p>After adding: 2 more boxes:</p>
  
  <pre><code>+----------------------------+
  |  DivBox1  DivBox4          |
  |  DivBox2  DivBox5          |
  |  DivBox3                   |
  +----------------------------+
  </code></pre>
  
  <p>Finally, after adding 2 more boxes it would look like this:</p>
  
  <pre><code>+-----------------------------+
  |  DivBox1  DivBox4  DivBox7  |
  |  DivBox2  DivBox5           |
  |  DivBox3  DivBox6           |
  +-----------------------------+
  </code></pre>