Некоторые методы деления текста на столбцы при вёрстке сайтов:

• Использование плавающих блоков. 1 С их помощью чаще всего делают 2 или 3 колонки. 1 Например, если нужно сделать область для вывода статей, а справа — боковую колонку с меню. 1
• Применение таблиц. 1 Таблицы созданы для вывода большого количества ячеек и столбцов, поэтому сделать в них колонки проще всего. 1 Вся структура задаётся в html-коде, поэтому код получается достаточно громоздким. 1
• Использование флексбокса. 1 Создаётся один общий блок-контейнер, в который помещаются другие блоки, которые нужно сделать в виде колонок. 1 Потом этому контейнеру прописывается display: flex. 1 Далее задаётся свойство flex-direction, которое определяет направление главной оси, по которой будут расположены блоки. 1
• Применение свойств CSS. 12 К блоку, в котором текст нужно разбить в несколько колонок, применяются следующие свойства: 1
• Column-count — свойство задаёт количество колонок, на которое нужно разбить текст. 1 Рекомендуется выставлять значение от 2 до 4. 1
• Column-width — задаёт количество символов текста в одной колонке. 1 Оптимально: 30–50 символов в одной колонке. 1
• Column-gap — определяет промежуток между колонками. 1 Можно задавать в пикселях. 1
• Column-rule — рисует линию, разделяющую колонки. 1 Сначала записывается толщина линии, потом её тип, а потом цвет. 1