Source code
Revision control
Copy as Markdown
Other Tools
<!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></div>
<div>
All pages except this one should display the current page and the total page
count in both the header and footer.
</div>
<div></div>
</div>
<div class="page">
<div>Page 2 of 3</div>
<div>Another page</div>
<div>Page 2 of 3</div>
</div>
<div class="page">
<div>Page 3 of 3</div>
<div>Yet another page</div>
<div>Page 3 of 3</div>
</div>