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.
Quick example
h2 {
/* Makes the heading stretch across all columns */
column-span: all;
text-align: center;
}Quick facts
Initial value
noneInherited
No
Applies to
in-flow block-level elements
Animation type
discrete
Values
noneallcolumn-span Browser Support
Widely availableSince 202095% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.
Safe to use without fallbacks.
50+
71+
9+
12+