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 style="float:left; width:50%;">11</div>
12
</div>
<div>
Page
</div>
<div>14</div>
</div>
<div class="page">
<div>
<div style="float:left; width:50%;">6</div>
7
</div>
<div>Another page</div>
<div>5</div>
</div>
<div class="page">
<div>
<div style="float:left; width:50%;">12</div>
13
</div>
<div>Yet another page</div>
<div>15</div>
</div>
<div class="page">
<div>
<div style="float:left; width:50%;">6</div>
7
</div>
<div>Last page</div>
<div>5</div>
</div>