Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-break/inline-skipping-fragmentainer-001.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>SPAN in empty fragmentainer</title>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<meta name="assert" content="The SPAN starts in the first inner column of the first row (first outer column) of the inner multicol container, and ends in the first (and only) inner column in the second row (second outer column), where there's a tall inline-block. The second inner column of the first row is empty.">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="width:100px; height:100px; background:red;">
<div style="width:50px; columns:1; column-fill:auto; gap:0; height:100px; orphans:1; widows:1; background:green">
<div style="height:5px;"></div>
<div id="inner" style="columns:2; width:11px; gap:0; column-fill:auto;">
<span style="position:relative;">
<div style="display:inline-block; width:50px; height:100px; background:green;"></div>
</span>
</div>
</div>