| <!DOCTYPE html> |
| <p>Test that a relatively positioned spanner acts as a containing block for absolutely positioned |
| descendants.</p> |
| <p>Below you should see the word 'PASS' (with large letter spacing). Below the word there should be |
| a green square with a black border.</p> |
| <div style="width:13em;"> |
| <div style="float:left; width:2em;">P</div> |
| <div style="float:left; width:2em;">A</div> |
| <div style="float:left; width:2em;">S</div> |
| <div style="float:left; width:2em;">S</div> |
| <div style="clear:left; border:1px solid black; padding:10px; width:100px; height:100px; background:green;"></div> |
| </div> |