title: I want to show list items as 2 or more columns (dynamic alignment)
body: <p>I am able to do the list using <code>float:left;</code> like this</p>
  
  <p><img src="https://i.stack.imgur.com/AyS03.png" alt="enter image description here"></p>
  
  <p>But I would like to show it like this (as 2 or more columns)</p>
  
  <p><img src="https://i.stack.imgur.com/0w8tg.png" alt="enter image description here"></p>
  
  <p>How can I do that?</p>
  
  <p>@sandeep gave good solution. Unfortunately does not work in IE(need ie7 and above).</p>
  
  <p>any help? </p>