htmlfonts
← Back to Guides Directory
Advanced Layout

Creating Newspaper Columns in CSS

01. The Concept

The CSS column-count property automatically flows your text into multiple columns, just like a newspaper, automatically balancing the height.

02. Production-Ready Code

p.article { column-count: 2; column-gap: 2rem; }

💡 Pro Typography Tip

Avoid using columns on mobile devices; set column-count to 1 for screens under 768px.