diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-multicol/multicol-nested-019.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-multicol/multicol-nested-019.html | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-multicol/multicol-nested-019.html b/testing/web-platform/tests/css/css-multicol/multicol-nested-019.html new file mode 100644 index 0000000000..13242ff19b --- /dev/null +++ b/testing/web-platform/tests/css/css-multicol/multicol-nested-019.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/css-multicol-1/#the-multi-column-model"> +<link rel="help" href="https://www.w3.org/TR/css-break-3/#unforced-breaks"> +<meta name="assert" content="Prefer ignoring the orphans request inside the inner multicol over ignoring the break-before:avoid and earlier orphans requests, as specified in https://www.w3.org/TR/css-break-3/#unforced-breaks"> +<link rel="match" href="../reference/ref-filled-green-100px-square.xht"> +<style> + .mc { + columns: 2; + column-gap: 0; + column-fill: auto; + } + .ib { + display: inline-block; + vertical-align: top; + width: 100%; + height: 25px; + background: green; + } +</style> +<p>Test passes if there is a filled green square and <strong>no red</strong>.</p> +<div class="mc" style="width:100px; height:100px; line-height:25px; orphans:3; widows:3; background:red;"> + <div class="ib"></div><br> + <div class="ib"></div><br> + <div class="ib"></div><br> + <div class="mc" style="break-before:avoid;"> + <div class="ib"></div><br> + <div class="ib"></div><br> + </div> + <div style="height:100px; background:green;"></div> +</div> |