<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<style>
  @page {
    margin: 0;
  }
  body {
    margin: 0;
  }
  .page {
    display: grid;
    grid-template-rows: 4em auto 4em;
    height: 100vh;
    margin: 0 4em;
  }
</style>
<div class="page">
  <div>There are 4 pages</div>
  <div>
    Page
  </div>
  <div>0</div>
</div>
<div class="page">
  <div></div>
  <div>Another page</div>
  <div>3</div>
</div>
<div class="page">
  <div></div>
  <div>Yet another 