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