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;
}
</style>
<div style="break-after:page;">
<div style="display:flow-root; height:1.5in;">
<p>
There should be four pages, and each one should have a green square in the
bottom right corner.
</p>
</div>
<div style="margin-left:auto; width:0.5in; height:0.5in; background:green;"></div>
</div>
<div style="break-after:page;">
<div style="height:1.5in;"></div>
<div style="margin-left:auto; width:0.5in; height:0.5in; background:green;"></div>
</div>
<div style="break-after:page;">
<div style="height:1.5in;"></div>
<div style="margin-left:auto; width:0.5in; height:0.5in; background:green;"></div>
</div>
<div style="break-after:page;">
<div style="height:1.5in;"></div>
<div style="margin-left:auto; width:0.5in; height:0.5in; background:green;"></div>
</div>