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.