fixedpos-011-print-ref.html (682B)
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 .square { 11 float: right; 12 width: 100px; 13 height: 100px; 14 background: green; 15 } 16 .text { 17 margin-right: 110px; 18 } 19 </style> 20 <div class="square"></div> 21 <div class="text"> 22 There should be three pages. All pages should have a green square in the top 23 right corner. 24 </div> 25 <div style="break-before:page;"> 26 <div class="square"></div> 27 <div class="text">Second page</div> 28 </div> 29 <div style="break-before:page;"> 30 <div class="square"></div> 31 <div class="text">Third page</div> 32 </div>