monolithic-overflow-030-print-ref.html (975B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <style> 4 :root { 5 print-color-adjust: exact; 6 } 7 body { 8 margin: 0; 9 } 10 </style> 11 <div style="break-after:page;"> 12 <div style="display:flow-root; height:1.5in;"> 13 <p> 14 There should be four pages, and each one should have a green square in the 15 bottom right corner. 16 </p> 17 </div> 18 <div style="margin-left:auto; width:0.5in; height:0.5in; background:green;"></div> 19 </div> 20 <div style="break-after:page;"> 21 <div style="height:1.5in;"></div> 22 <div style="margin-left:auto; width:0.5in; height:0.5in; background:green;"></div> 23 </div> 24 <div style="break-after:page;"> 25 <div style="height:1.5in;"></div> 26 <div style="margin-left:auto; width:0.5in; height:0.5in; background:green;"></div> 27 </div> 28 <div style="break-after:page;"> 29 <div style="height:1.5in;"></div> 30 <div style="margin-left:auto; width:0.5in; height:0.5in; background:green;"></div> 31 </div>