I have a list items which I am mapping on <ul>
<li>
.
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
<li>Item5</li>
<li>Item6</li>
<li>Item7</li>
<li>Item8</li>
<li>Item9</li>
<li>Item10</li>
<li>Item11</li>
</ul>
It display the items on the page like from left to right:
Item1 Item2 Item3 Item4 Item5
Item6 Item7 Item8 Item9 Item10
Item11
I want to display them from top to bottom like
Item1 Item4 Item7 Item10
Item2 Item5 Item8 Item11
Item3 Item6 Item9
How can I display them from top to bottom?