UTILS.
100% в браузере

Многоколоночная вёрстка CSS

Создайте многоколоночную текстовую вёрстку CSS с разделительной линией.

Об этом инструменте

Создайте многоколоночную текстовую вёрстку CSS, задав количество колонок, отступ и необязательную разделительную линию, с живым образцом предпросмотра и копируемым CSS — всё прямо в браузере.

Часто задаваемые вопросы

Что делает column-count?
Оно разбивает содержимое элемента на указанное количество сбалансированных колонок, перетекая текст из одной колонки в следующую, как в газете.
Что такое column-rule?
Оно рисует разделительную линию между колонками со своей шириной, стилем и цветом, во многом как CSS-рамка.

Больше инструментов