The number of columns an element should be divided into.

      column-count: number | auto ;

number - The browser will attempt to flow the content into this number of columns.
auto - The browser will calculate the number of columns automatically.

The default value is auto.

h1 { column-count: 3; }
.emw3class { column-count: 5; }

#emw3id { column-count: 2; }

Try it:

When text is displayed in newspaper columns the length of each line is much shorter. This is a great aid to readability. On the internet many people will skim read large blocks of text and this can have the unfortunate effect that they miss important points buried in a long paragraph.

(CSS 3) Browser Support: IE 10, Opera. Use the equivalent -moz-column-count for Firefox and -webkit-column-count for Safari and Chrome.

“It is with books as with men: a very small number play a great part, the rest are lost in the multitude” ~ Voltaire


column-count - MDN Web Docs.
column-gap - Gap between the columns.
column-span - How many columns an element should span across.
column-width - Width of the columns.

Copyright © 2013-2022
Some rights reserved