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