50 lines
840 B
HTML
50 lines
840 B
HTML
<!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>
|