How to force inline-block wrap to new line using CSS or jQuery?

[ElusiveN]

I have ten items. How do I make it to two lines, each having five items?HTML:\[code\]<ul> <li>item1</li> <li>item2</li> //... <li>item5</li> //newline <li>item6</li> <li>item10</li><ul>\[/code\]CSS:\[code\]ul li { display: inline-block; }\[/code\]Note, I have to use \[code\]inline-block\[/code\] instead of \[code\]inline\[/code\].