Make the h2 element span all columns:
h2
{
-webkit-column-span:all; /* Chrome */
column-span:all;
}
There are more instances at the bottom of the page.
Browser support
Ie | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
Internet Explorer 10 and Opera support the column-span property.
Safari and Chrome support alternative -webkit-column-span properties.
Note: The column-span property is not supported by Internet Explorer 9 and earlier browsers.
Definitions and usages
The column-span property specifies how many columns an element should span.
Default: | 1 |
---|---|
Inheritance: | no |
Version: | CSS3 |
JavaScript syntax: | object .style.columnSpan="all" |
Grammar
column-span: 1|all;
Value | Describe | Test |
---|---|---|
1 | Elements should span a column. | Test |
all | Elements should span all columns. | Test |
Try it yourself - example
- Column-count
- Divide the text in the div element into three columns.
- Column-gap
- Divide the text in the div element into three columns, 30 pixels apart.
- Column-rule
- Specifies the width, style, and color between columns.
Related pages
CSS3 tutorial: CSS3 multiple columns