About this tool
Build a CSS multi-column text layout by setting the column count, gap and an optional divider rule, with a live sample preview and copyable CSS, all in your browser.
Frequently asked questions
What does column-count do?
It splits the element's content into that many balanced columns, flowing text from one column to the next like a newspaper.
What is the column-rule?
It draws a divider line between columns, with its own width, style and color, much like a CSS border.