CSS: Multi-Column Layout for Text Flow

By Xah Lee. Date: . Last updated: .

Here's a example of multi-column layout.

css multi-columns layout 2014-08-04
CSS multi-columns layout

To have multi-columns, use the attribute column-count: n, where n is the number of columns.

div.xyz {column-count: 3}

Test here: CSS Multi-Columns Test Page.

As of , It is supported by Chrome, Firefox, Safari, Edge, Internet Explorer 10.



Liket it? I spend 2 years writing this tutorial. Help me spread it. Tell your friends. Or, Put $5 at patreon.

Or, Buy JavaScript in Depth

If you have a question, put $5 at patreon and message me.

Web Dev Tutorials

  1. HTML
  2. Visual CSS
  3. JS in Depth
  4. JS Object Ref
  5. DOM Scripting
  6. SVG
  7. Blog