content-013-print-ref.html (674B)
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>4</div> 19 <div> 20 The number 4 should be seen in the header and footer, on every page. 21 </div> 22 <div>4</div> 23 </div> 24 <div class="page"> 25 <div>4</div> 26 <div>Another page</div> 27 <div>4</div> 28 </div> 29 <div class="page"> 30 <div>4</div> 31 <div>Yet another page</div> 32 <div>4</div> 33 </div> 34 <div class="page"> 35 <div>4</div> 36 <div>Last page</div> 37 <div>4</div> 38 </div>