отображение двух столбцов в блоке

Question

Мне нужна помощь с проблемой.

В блоке есть определенная высота. Высота больше, чем высота списка, поэтому это displayed in 2 columns.

Я не получил этого, сначала заполнил первый столбец элементов списка, затем второй. it looks like this

CSS

.wrap{ 

} 
.wrap ol{ 
    height: 290px; 
    width: 500px; 
    display: block; 
    outline: 1px solid red; 
    overflow: hidden; 
} 

    .wrap ol li{ 
     width: 50%; 
     float: left; 
    } 

Answer 1

Простой способ заключается в использовании CSS нескольких столбцов.

.wrap{ 
    column-count: 2; 
    -moz-column-count: 2; 
    -webkit-column-count: 2; 
} 

См http://jsfiddle.net/aC4Nc/

Чтобы увеличить Совместимость со старыми браузерами, используйте этот polyfill