| <!DOCTYPE html> |
| <link rel="author" title="Morten Stenshorne" href="mailto:[email protected]"> |
| <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1458850"> |
| <link rel="match" href="monolithic-overflow-023-print-ref.html"> |
| <style> |
| @page { |
| size: 600px; |
| margin: 0; |
| } |
| body { |
| margin: 0; |
| } |
| </style> |
| <div style="display:table;"> |
| <div style="display:table-header-group; break-inside:avoid;"> |
| <div style="width:100px; height:100px; background:green;"></div> |
| </div> |
| <div style="display:table-row;"> |
| <div style="height:530px; contain:size;"> |
| There should be two pages. A green square should be on each page. Nothing |
| should overlap with the square. |
| </div> |
| </div> |
| <div style="display:table-row;"> |
| <div style="height:100px; border:solid;"> |
| This text should go on the second page, right below the green square. It |
| should NOT be placed on top of the square. |
| </div> |
| </div> |
| </div> |
