Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-multicol/broken-column-rule-1.html - WPT Dashboard Interop Dashboard
<!DOCTYPE HTML>
<title>CSS Test: breaking of column rule</title>
<meta charset="utf-8">
<link rel="match" href="broken-column-rule-1-ref.html">
<style>
.outer {
height: 100px;
column-fill: auto;
width: 550px;
column-count: 4;
column-gap: 50px;
/* leaves 100px for each column */
}
.inner {
column-count: 2;
column-rule: 2px solid blue;
height: 250px;
}
.fill {
}
</style>
<div class="outer">
<div class="inner">
<div class="fill"></div>
</div>
</div>