Column-span

Span the content of an element across multiple columns.

Syntax
      column-span: 1 | all  ;

1 - The content block does not span multiple columns (Default).
all - Span all columns. All content that is declared before the content block is shown before the content block.

Examples:
h1 { column-span: all; }
.emw3class { column-span: all; }

#emw3id { column-span: all; }

Try it:

Do Column layouts improve readability?
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 -webkit-column-span for Safari and Chrome.

“Everything is worth what its purchaser will pay for it” ~ Publilius Syrus

Related:

column-span - MDN Web Docs.
column-count - Number of columns an element should be divided into.
column-width - Width of the columns.


Copyright © 2013-2022 Emw3.com
Some rights reserved