blob: ee98c99f107ad24900827b3bc31688e2087ff6eb [file] [log] [blame]
<HTML>
<BODY>
The first four tests expect a green block to be above them, i.e., to have the text shrinking quirk disabled.
<div style="background: green; border-bottom: 1px solid black;">
<span style="padding-left: 1px;"></span></div>
<div>There should be a green block above this text</div>
<div style="background: green; border-bottom: 1px solid black;">
<span style="padding-right: 1px;"></span></div>
<div>There should be a green block above this text</div>
<div style="background: green; border-bottom: 1px solid black;">
<span style="border-left: 1px solid black;"></span></div>
<div>There should be a green block above this text</div>
<div style="background: green; border-bottom: 1px solid black;">
<span style="border-right: 1px solid black;"></span></div>
<div>There should be a green block above this text</div>
The remaining tests do not expect a block to be above them, and red will show if the test fails.
<div style="background: red; border-bottom: 1px solid black;">
<span style="padding-top: 1px;"></span></div>
<div>There should not be a red block above this text</div>
<div style="background: red; border-bottom: 1px solid black;">
<span style="padding-bottom: 1px;"></span></div>
<div>There should not be a red block above this text</div>
<div style="background: red; border-bottom: 1px solid black;">
<span style="border-top: 1px solid black;"></span></div>
<div>There should not be a red block above this text</div>
<div style="background: red; border-bottom: 1px solid black;">
<span style="border-bottom:1px solid black"></span></div>
<div>There should not be a red block above this text</div>
<div style="background: red; border-bottom: 1px solid black;">
<span style="margin-left: 1px;"></span></div>
<div>There should not be a red block above this text</div>
<div style="background: red; border-bottom: 1px solid black;">
<span style="margin-right: 1px;"></span></div>
<div>There should not be a red block above this text</div>
<div style="background: red; border-bottom: 1px solid black;">
<span style="margin-top: 1px;"></span></div>
<div>There should not be a red block above this text</div>
<div style="background: red; border-bottom: 1px solid black;">
<span style="margin-bottom: 1px;"></span></div>
<div>There should not be a red block above this text</div>
</BODY>
</HTML>