Multi-Column

Create CSS multi-column layouts visually.

Spanning heading

Multi-column layout flows a single stream of text into several columns, the way a newspaper does. The browser balances the content across columns, so you describe the shape and it does the fitting. Combine column-count with column-width and the browser treats them as a maximum count and a minimum width, which makes the layout responsive without a single media query.

Generated CSS

With both column-count and column-width set, the count acts as a maximum and the width as a minimum.