Разделить контент на колонки

В CSS 3 появилась возможность разбивать контент на несколько колонок. IE поддерживает данную возможность с 10 версии.

1-ый способ: указанное число колонок

Разделить контент на указанное число колонок можно через свойство column-count.

.columns {
    column-count: 3;
    column-gap: 20px;
    column-rule: 1px solid #CCC;
}

Пример кода на JSFiddle

Параметр column-gap определяет расстояние между колонками.

2-й способ: автоматическое число колонок

Если указать параметр column-width (без указания кол-ва колонок через параметр column-count), то контент автоматически разделится на несколько колонок с указанной шириной.

.columns {
    column-width: 200px;
    column-gap: 20px;
}

Пример кода на JSFiddle

В качестве примера разделения контента на колонки, можно посмотреть любое примечание в Википедии: en.wikipedia.org/wiki/World_Wide_Web#References