| <!DOCTYPE html> | |
| <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> | |
| <style> | |
| @page { | |
| margin: 0; | |
| } | |
| body { | |
| margin: 0; | |
| } | |
| .fullpager { | |
| break-before: page; | |
| margin-top: 10px; | |
| margin-left: 40px; | |
| 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> |