column-span
Makes an element span all columns in multi-column layout. For full-width headings or dividers.
Class List
| Class | CSS | Description |
|---|---|---|
csa | column-span: all | Spans all columns for full-width display |
Usage Examples
Display specific elements (headings, banners) at full width in multi-column layout.
<!-- Full width title within column layout -->
<div class="cw200px cg2rem">
<p>The first paragraph is placed within columns.</p>
<h2 class="csa">This title spans across all columns</h2>
<p>Subsequent paragraphs are split into columns again.</p>
<p>Multi-column layout continues.</p>
</div>Tips & Notes
column-span supports only all or none
Per CSS spec, column-span cannot specify column counts. Either all or none.
Content flow is interrupted
Content splits before/after csa element. Layout may differ from expectations.