Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!doctype html> <title>Example</title> <style> .multicol { background: beige; padding: 10px; /* Safari and Chrome */ -webkit-column-count: 3; -webkit-column-rule: 2px dotted coral; /* Firefox */ -moz-column-count: 3; -moz-column-rule: 2px dotted coral; /* CSS3 */ column-count: 3; column-rule: 2px dotted coral; } .multicol h3 { column-span: all; } </style> <div class="multicol"> <h3>This heading spans across all three columns — this is achieved using the column-span property</h3> <p>The CSS column-span property allows content to span across multiple columns on a multi-column layout. Useful if you have a heading that needs to span across all columns. </p> <p>An element that spans across multiple columns is called a spanning element.</p> <p>Try changing the values to see the effect it has on this example.</p> </div>
Preview