content-004-print-ref.html (689B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <style> 4 @page { 5 margin: 0; 6 } 7 body { 8 margin: 0; 9 } 10 .page { 11 display: grid; 12 grid-template-rows: 4em auto 4em; 13 height: 100vh; 14 margin: 0 4em; 15 } 16 </style> 17 <div class="page"> 18 <div>Page 1 of 3</div> 19 <div> 20 Every page should display the current page and the total page count in both 21 the header and footer. 22 </div> 23 <div>Page 1 of 3</div> 24 </div> 25 <div class="page"> 26 <div>Page 2 of 3</div> 27 <div>Another page</div> 28 <div>Page 2 of 3</div> 29 </div> 30 <div class="page"> 31 <div>Page 3 of 3</div> 32 <div>Yet another page</div> 33 <div>Page 3 of 3</div> 34 </div>