page-margin-005-print-ref.html (544B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <style> 4 @page { 5 size: 600px 300px; 6 margin: 30px; 7 } 8 :root { 9 print-color-adjust: exact; 10 } 11 body { 12 margin: 0; 13 background: cyan; 14 } 15 </style> 16 The page margins should be the same on every side (30px).<br> 17 There's a 30px square in the bottom right corner. 18 <div style="position:fixed; right:0; bottom:0; width:30px; height:30px; background:hotpink;"></div> 19 <div style="break-before:page;"> 20 Same on the second page. 21 </div>