<!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>