Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<style>
body {
margin: 0;
}
.square {
float: right;
width: 100px;
height: 100px;
background: green;
}
.text {
margin-right: 110px;
}
</style>
<div class="square"></div>
<div class="text">
There should be three pages. All pages should have a green square in the top
right corner.
</div>
<div style="break-before:page;">
<div class="square"></div>
<div class="text">Second page</div>
</div>
<div style="break-before:page;">
<div class="square"></div>
<div class="text">Third page</div>
</div>