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: 500px 300px;
margin: 0;
}
body {
margin: 0;
background: yellow;
}
.page {
margin: 50px;
border: 10px solid;
padding: 50px;
height: 80px;
break-before: page;
}
</style>
<div class="page">
This page should be completely yellow (with a border).
</div>
<div class="page">
This page should be completely yellow (with a border).
</div>
<div class="page">
This page should be completely yellow (with a border).
</div>