Два списка столбцов со специфическим переполнением

Question

Как бы вы создали простую страницу html/css, которая может отображать 2 столбца со списком элементов, чтобы первый столбец заполнился первым, а затем перетекает во второй столбец, т.е. НЕ сбалансированный столбец высота.

Например:

------------------ 
1. John 
2. Alan 
3. Matt 

------------------ 
1. John 5. Suzie 
2. Alan 
3. Matt 
4. Phil 
------------------ 
1. John 5. Suzie 
2. Alan 6. Cathy 
3. Matt 7. Bob 
4. Phil 8. Richard 
------------------ 

Я попытался DIV с колонки подсчета: 2; но, например, с четырьмя элементами, они будут разделять их по 2 элемента в каждом столбце, где мне бы хотелось, чтобы все 4 в первом столбце.

Спасибо!

Answer 1

Просто используйте column-fill: auto:

-moz-column-fill: auto; 
    column-fill: auto; 

В следующий раз вы задать некоторые вопросы, поделиться своим кодом.