Flow multi-column elements left-right before top-down

Question

Is this possible?

So if we had a list:

• Item 1
• Item 2
• Item 3
• Item 4

Instead of

Item 1 Item 3

Answer 1

Like this?

<style>
  ul {list-style: none;}
  li {float: left;}
  li:nth-child(2n+1) {clear: left;} /* 1st of every twos */
</style>
<ul>
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
  <li>item 4</li>
</ul>