Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<!-- All fragmentainers but the first just have room for the repeated headers
and footers, and no room for regular, unrepeated, stuff. We should still
fit 1px of unrepeated content in every fragmentainer, because that should
be a sensible way of interpretating
assumed to have a minimum block size of 1px"). -->
<div style="margin:100px; columns:4; column-fill:auto; height:40px; background:yellow;">
<div style="margin-bottom:-60px;"></div>
<div style="columns:1; column-fill:auto; background:lime;">
<div style="display:table;">
<div style="display:table-header-group; break-inside:avoid;">
<div style="width:20px; height:20px; background:blue;"></div>
</div>
<div style="display:table-footer-group; break-inside:avoid;">
<div style="width:20px; height:20px; background:hotpink;"></div>
</div>
<div style="height:100px; background:black;"></div>
</div>
</div>
</div>