column-span
Allows an element (like a header) to stretch across all columns instead of being confined to a single column in a multi-column layout.
It is documented as part of the CSS Multi-column Layout specification.
Syntax
/* Usage Example */
h2 {
/* Makes the heading stretch across all columns */
column-span: all;
text-align: center;
}
/* Syntax */
column-span: none;
column-span: all;
/* Global values */
column-span: inherit;
column-span: initial;
column-span: revert;
column-span: revert-layer;
column-span: unset;column-span Browser support
Widely available
Since
2020 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.
50+
71+
9+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more