monolithic-overflow-023-print-ref.html (675B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <style> 4 @page { 5 size: 600px; 6 margin: 0; 7 } 8 :root { 9 print-color-adjust: exact; 10 } 11 body { 12 margin: 0; 13 } 14 </style> 15 <div style="width:100px; height:100px; background:green;"></div> 16 <div> 17 There should be two pages. A green square should be on each page. Nothing 18 should overlap with the square. 19 </div> 20 <div style="break-before:page; width:100px; height:100px; background:green;"></div> 21 <div style="height:100px; border:solid;"> 22 This text should go on the second page, right below the green square. It 23 should NOT be placed on top of the square. 24 </div>