block-in-inline-008.html (1072B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1457464"> 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 <!-- There are no valid breakpoints in this test. Blink will still place a break 7 between the end of #monolith and the bottom padding of #container, to 8 prevent fragmentainer overflow, whereas Gecko won't insert any breaks at 9 all. All we want to test here, though, is that no break is inserted between 10 the top border of #outer and #container. --> 11 <div style="columns:1; overflow:hidden; column-fill:auto; width:100px; height:100px; background:red;"> 12 <div id="outer" style="width:100px; border-top:10px solid green;"> 13 <span> 14 <div id="container" style="padding-bottom:50px;"> 15 <div id="monolith" style="contain:size; height:90px; background:green;"></div> 16 </div> 17 </span> 18 </div> 19 </div>