Change <li> list vertically to horozontally with 4 lines interval : <p>I have a list with ul li like this</p>

<ul>
<li>Item line 1</li>
<li>Item line 2</li>
<li>Item line 3</li>
<li>Item line 4</li>
<li>Item line 5</li>
<li>Item line 6</li>
<li>Item line 7</li>
<li>Item line 8</li>
<li>Item line 9</li>
<li>Item line 10</li>
<li>Item line 11</li>
<li>Item line 12</li>
</ul>

<p>And I need to change to this, its possible only with CSS ?</p>

<pre>
Item line 1         Item line 5         Item line 9
Item line 2         Item line 6         Item line 10
Item line 3         Item line 7         Item line 11
Item line 4         Item line 8         Item line 12
</pre>

<p>Regards</p>

<p>Daniel</p>
