2 <link rel=
"author" title=
"Morten Stenshorne" href=
"mailto:mstensho@chromium.org">
3 <link rel=
"help" href=
"https://www.w3.org/TR/css-multicol-1/#cf">
4 <link rel=
"match" href=
"../reference/ref-filled-green-100px-square.xht">
5 <p>Test passes if there is a filled green square and
<strong>no red
</strong>.
</p>
6 <div style=
"width:100px; height:100px; background:red;">
7 <div style=
"columns:5; gap:10px; column-fill:auto; column-rule:10px solid green;">
8 <div style=
"background:green;">
9 <div style=
"height:10px;"></div>
10 <div style=
"break-before:column; height:10px;"></div>
11 <div style=
"break-before:column; height:10px;"></div>
12 <div style=
"break-before:column; height:10px;"></div>
13 <div style=
"break-before:column; height:100px;"></div>