| <!DOCTYPE html> | |
| <link rel="author" title="Morten Stenshorne" href="mailto:[email protected]"> | |
| <style> | |
| @page { | |
| size: 600px 300px; | |
| margin: 30px; | |
| } | |
| :root { | |
| print-color-adjust: exact; | |
| } | |
| body { | |
| margin: 0; | |
| background: cyan; | |
| } | |
| </style> | |
| The page margins should be the same on every side (30px).<br> | |
| There's a 30px square in the bottom right corner. | |
| <div style="position:fixed; right:0; bottom:0; width:30px; height:30px; background:hotpink;"></div> | |
| <div style="break-before:page;"> | |
| Same on the second page. | |
| </div> |