CSS3 имеет встроенные свойства, с помощью которых Вы сможете разбивать текст элементов на несколько столбцов.

Разбиение текста на столбцы

Обратите внимание: данные свойства поддерживаются в браузерах IE10+ и Opera. Для браузеров Chrome и Safari перед свойством требуется добавить префикс -webkit, а для Firefox префикс -moz.

С помощью CSS3 свойства column-count Вы можете указать количество столбцов, на которые необходимо разбить текст выбранного элемента.

div {
column-count:3;
}

Оформление столбцов текста

С помощью CSS3 свойство column-gap Вы можете установить величину отступа между столбцами текста.

div {
column-count:4;
column-gap:50px;
}

С помощью свойства column-rule Вы можете задать ширину, цвет и стиль оформления пространства между столбцами.

div {
column-count:4;
column-rule:2px dotted #7F0055;
}

CSS3 свойство column-width позволяет указывать ширину столбцов текста.

div {
column-width:150px;
}