Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<style>
@page {
size: 320px 200px;
margin: 0;
}
@page :first {
size: 500px;
}
body {
margin: 0;
}
</style>
<div style="width:250px; height:500px; background:yellow;">
first page
</div>
<div style="break-before:page; width:160px; height:200px; background:cyan;">
second page
</div>
<div style="break-before:page; width:160px; height:200px; background:pink;">
third page
</div>