| <!DOCTYPE html> |
| <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> |
| <style> |
| :root { |
| print-color-adjust: exact; |
| } |
| body { margin: 0; } |
| </style> |
| <div style="float:right; width:20%; border:3px solid;"> |
| <div style="width:50%; height:calc(100vh - 3px); background:brown;"></div> |
| <div style="width:50%; height:100vh; background:blue;"></div> |
| <div style="width:50%; height:50vh; background:cyan;"></div> |
| </div> |
| <div style="background:yellow;"> |
| <div style="width:20%; height:225vh; background:hotpink;"></div> |
| <div style="height:75vh;"></div> |
| </div> |
| This text should start on the fourth page. The first three pages should have a |
| yellow background. On the left hand side there should be a hotpink rectangle, |
| starting at the beginning on the first page, and ending 25% from the top of the |
| third page. On the right hand side there should a figure with a black border. It |
| should end around the middle of the third page. Inside there should be a brown |
| rectangle on the first page, a blue rectangle on the second page, and a cyan |
| rectangle on the third page. |
