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-rl;
}
body {
margin: 0;
}
.fullpager {
break-before: page;
margin-right: 20px;
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>