columns
A shorthand property that allows you to easily create multi-column text layouts, similar to a newspaper or magazine.
It is documented as part of the CSS Multi-column Layout specification.
Syntax
/* Usage Example */
.multi-column-text {
columns: 3 200px;
/* sets up to 3 columns, each at least 200px wide */
column-gap: 2rem;
}
/* Syntax */
columns: column-width;
columns: column-count;
columns: column-height;
/* Global values */
columns: inherit;
columns: initial;
columns: revert;
columns: revert-layer;
columns: unset;columns Browser support
Widely available
Since
2017 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2017.
50+
52+
9+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more