Несколько методов размещения нескольких колонок на веб-странице:

1. С помощью плавающих блоков. 1 По умолчанию два блока в нормальном потоке не могут стоять на одной строке, но это поведение можно изменить, прописав обоим свойство float: left | right. 1 Они начнут прижиматься к левому или правому краю. 1
2. С помощью таблиц. 1 Таблицы созданы для вывода большого количества ячеек и столбцов, поэтому сделать в них колонки проще всего. 1 Вся их структура задаётся в html-коде, поэтому код получается достаточно громоздким. 1
3. С помощью флексбокса. 1 Создаётся один общий блок-контейнер, в который помещаются другие блоки, которые нужно сделать в виде колонок. 1 Потом этому контейнеру нужно прописать display: flex. 1
4. С помощью CSS свойств для разбиения текста на колонки. 1 К блоку, в котором текст нужно разбить в несколько колонок, применяются следующие свойства: 1

• Column-count — свойство задаёт количество колонок, на которое нужно разбить текст. 1
• Column-width — задаёт количество символов текста в одной колонке. 1
• Column-gap — определяет промежуток между колонками. 1 Можно задавать в пикселях. 1
• Column-rule — рисует линию, разделяющую колонки. 1

1. С помощью технологии CSS Grid Layout. 5 Это удобная технология для раскладки элементов на веб-страницах. 5