Отображение списков друг под другом с новыми данными

Question

У меня возникла проблема с отображением списков, которые аккуратно текут друг с другом для отображения данных. Вот что я пытаюсь создать свои списки: http://www.about.com/#!/explore-topics/

Я прорвал таблицу стилей, и я не могу понять, как это происходит. Мне было интересно, сможет ли кто-нибудь пролить свет на это, я разорвал свои волосы, пытаясь воспроизвести одно и то же, и я не могу этого сделать. Я думаю, что это может быть Javascript, но я не совсем уверен. Буду признателен за любую оказанную помощь.

Answer 1

С их помощью CSS:

#explore-topics .viewport { 
-moz-column-width: 216px; 
-webkit-column-width: 216px; 
column-width: 216px; 
width: 7910px; 
} 

Они используют определение столбца CSS3. Узнайте больше об этом здесь: http://www.w3schools.com/css3/css3_multiple_columns.asp