Как выстроить элементы в 2 колонки?

[alleclf]

Помогите пожалуйста разобраться как выстроить ссылки в 2 колонки.

 

Например, есть 8 ссылок, их необходимо разместить в 2 колонки.

 

Используя float:left ссылки выстраиваются вот так:

— ссылка 1 ———————-- ссылка 2 —

— ссылка 3 ———————-- ссылка 4 —

— ссылка 5 ———————-- ссылка 6 —

— ссылка 7 ———————-- ссылка 8 —

 

Вот код - http://jsfiddle.net/238cpzhq/

 

Можно ли их выстроить вот в таком порядке:

— ссылка 1 ———————-- ссылка 5 —

— ссылка 2 ———————-- ссылка 6 —

— ссылка 3 ———————-- ссылка 7 —

— ссылка 4 ———————-- ссылка 8 —

 

вроде как сначала одна колонка заполняется, потом вторая.

 

ПС: в коде, ссылки менять местами нельзя )))

[Sensei]

http://jsfiddle.net/238cpzhq/2/

[alleclf]

http://jsfiddle.net/238cpzhq/2/

супер, спасибо