| <!DOCTYPE html> |
| <style> |
| .container { |
| overflow-x: auto; |
| float: left; |
| width: 5em; |
| height: 5em; |
| line-height: 2em; |
| margin: 2px; |
| border: 1px solid hotpink; |
| } |
| .filler { width:200%; height:1px; } |
| </style> |
| <p>There should be 7 boxes below. Each should contain the word "PASS" |
| once, and no "FAIL". Scrollbars may or may not be present. The |
| exact position of the word "PASS" will vary from box to box.</p> |
| <div class="container"> |
| <div>PASS<br></div> |
| <div class="filler"></div> |
| </div> |
| <div class="container"> |
| <div style="break-after:page;">PASS<br></div> |
| <div class="filler"></div> |
| </div> |
| <div class="container"> |
| <br>PASS |
| </div> |
| <div class="container"> |
| <br>PASS |
| </div> |
| <div class="container"> |
| PASS<br> |
| <div class="filler"></div> |
| </div> |
| <div class="container"> |
| PASS<br> |
| <div class="filler"></div> |
| </div> |
| <div class="container"> |
| <br> |
| PASS<br> |
| <div class="filler"></div> |
| </div> |