Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!doctype html> <title>Example</title> <style> .multicol { background-color: beige; padding: 10px; /* Safari and Chrome */ -webkit-column-count: 3; -webkit-column-rule: 2px dotted coral; -webkit-column-fill: balance; /* Firefox */ -moz-column-count: 3; -moz-column-rule: 2px dotted coral; -moz-column-fill: balance; /* CSS3 */ column-count: 3; column-rule: 2px dotted coral; column-fill: balance; } </style> <h3>Column-fill Example</h3> <div class="multicol"> <p>The CSS column-fill property allows you to balance content equally between columns on a multi-column layout.</p> <p>At the time of writing, browser support for this property was limted/non-existent. Therefore, this example may not display as expected.</p> </div>
Preview