title: Wrapping list inside a div
body: <p>I have a div and I have a list inside the div. I want the list inside the div to appear like this:</p>
  
  <pre>
  Item 1    Item 5    Item 9
  
  Item 2    Item 6    Item 10
  
  Item 3    Item 7    Item 11
  
  Item 4    Item 8    Item 12
  </pre>
  
  <p>I understand that with display:inline-block I can make it like this,</p>
  
  <pre>
  Item 1 Item 2 Item 3 Item 4
  Item 5 Item 6 Item 7 Item 8
  </pre>
  
  <p>But I would like for the columns to go vertically and then start again from the top in the next column (as shown above) once the div ends. The div has a fixed height. Without any display, the text just goes outside the div.</p>
  
  <p>Thanks!</p>