выстроить li в два столбика

[Нusuf]

здравствуйте.

подскажите, пожалуйста,

как можно вот на этой картинке сделать список в два столбика:

вот его код (li я сократила немного, чтобы вас не утомлять):

<div class="za-post-inner">
<h2 class="za-postheader">
<div class="za-postcontent">
<div class="za-article">
<div id="article-index">
<h3>Article Index</h3>
<ul>
<li>
<li>
<li>
<li>
<li>
<li>
</ul>
</div>
</div>
<div class="za-article">
</div>
<div class="cleared"></div>
<div class="za-postfootericons za-metadata-icons">
</div>
<div class="cleared"></div>

что нужно прописать в css ? у меня ничего не получается. Ставлю max-heigth на маленькое значение,чтобы список сам занял 2 колонки - но список просто смещается вниз за границы дива.

спасибо

[hedgehog]

Примерно так? http://jsfiddle.net/MxZLY/

[Нusuf]

hedgehog, очень благодарна. Всё получилось!

только , если можно было бы нумерацию сторок (у меня стоят номера возле каждой строки) - чтобы получалось не построчно, а в столбик, сначала по-порядку слева, потом перекидывается список направо. Так нельзя сделать? У меня это содержание книги , с номерами страниц и неудобно, когда они мечутся направо-налево.

Edited January 22, 2013 by Нusuf

[Николя223]

проще два списка использовать)

[Нusuf]

проще два списка использовать)

нет, не проще. На джумле работаю. Этот список с разной длиной повторяется на каждой странице. Поэтому он должен сам выстраиваться в два ряда подравниваясь автоматически.

Да и лезть в такие глубины php не могу, чтобы менять структуру этой области.

поэтому у меня только средства css

[Cryolite]

Можно использовать CSS свойство columns (с префиксами), но придется "забить" на IE (работает, только в 10, а в остальных будет один список)

Edited January 22, 2013 by Cryolite

[Нusuf]

да ладно. пусть так остаётся. ещё раз спасибо hedgehog

[Николя223]

Husuf, Jquery для того и созданно, чтоб облегчать работу(верите-нет, мне гораздо охотнее на Jquery плагин написать чем PHP с его смарти ковырять)))

я всё таки правильно написал - два списка лучше))))

http://jsfiddle.net/nikolya223/L9uZG/

Edited January 22, 2013 by Николя223