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>There are 4 pages</div>
<div>
Page
</div>
<div>2</div>
</div>
<div class="page">
<div></div>
<div>Another page</div>
<div>4</div>
</div>
<div class="page">
<div></div>
<div>Yet another page</div>
<div>6</div>
</div>
<div class="page">
<div></div>
<div>Last page</div>
<div>8</div>
</div>