content-012-print-ref.html (840B)
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> 19 <div style="float:left; width:50%;">11</div> 20 12 21 </div> 22 <div> 23 Page 24 </div> 25 <div>14</div> 26 </div> 27 <div class="page"> 28 <div> 29 <div style="float:left; width:50%;">6</div> 30 7 31 </div> 32 <div>Another page</div> 33 <div>5</div> 34 </div> 35 <div class="page"> 36 <div> 37 <div style="float:left; width:50%;">12</div> 38 13 39 </div> 40 <div>Yet another page</div> 41 <div>15</div> 42 </div> 43 <div class="page"> 44 <div> 45 <div style="float:left; width:50%;">6</div> 46 7 47 </div> 48 <div>Last page</div> 49 <div>5</div> 50 </div>