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;
}
html {
writing-mode: vertical-lr;
}
body {
margin: 0;
}
.fullpager {
break-before: page;
margin-left: 40px;
margin-top: 10px;
width: calc(100vw - 60px);
height: calc(100vh - 40px);
}
</style>
<div class="fullpager" style="background:yellow;">
first page
</div>
<div class="fullpager" style="background:cyan;">
second page
</div>
<div class="fullpager" style="background:pink;">
third page
</div>