Перенос строк по столбцам

[Artik20003]

Доброй ночи всем!

Возникла проблема переноса пунктов меню по столбцам. Рисунок пояснит подробнее

То есть есть некоторый div фиксированной высоты а в нем ссылки например так

<div style="height:100px;">

<a href="#">Пункт меню 1</a>

<a href="#">Пункт меню 2</a>

<a href="#">Пункт меню 3</a>

<a href="#">Пункт меню 3</a>

<a href="#">Пункт меню 3</a>

</div>

у ссылок представим display:block; так что они расположены в столбик как на картинке.

Скажите пожалуйста, можно ли средствами css задать так, что если очередной пункт не помещается в данном столбце, то он переносится в новый стобец (см. рисунок), причем ширина div была auto?

Могу решить проблему средствами js или еще на стороне сервера, но вот можно ли средствами сss?

Заранее благодарен.

[sigma77]

Скажите пожалуйста, можно ли средствами css задать так, что если очередной пункт не помещается в данном столбце, то он переносится в новый стобец (см. рисунок), причем ширина div была auto?

Можно, но не кроссбраузерно.

http://www.w3.org/TR/css3-multicol/

[Artik20003]

Спасибо большое. С удовольствием прочел статью.