Column-count for Multi column Layouts in CSS

Column-count in CSS

The column-count property lets you split content into multiple columns.

.columned {
  column-count: 2;
}

This will break the content into two vertical columns.

Key Points ^-^

  • Works on block-level containers

  • Common for articles, lists, or magazine-style layouts

  • Combine with column-gap for spacing

  • Use column-rule for visual dividers

Simple way to add structure without using flex or grid.