blob: 66db9b3f77e1cf414980e2ea2430eb71f8daf7bd [file] [log] [blame]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<head>
<style>
div {
width:100px;
height:100px;
background-color:lime;
float:left
}
span {
display:block
}
</style>
<script>
// Force line box path.
if (window.internals)
internals.settings.setSimpleLineLayoutEnabled(false);
</script>
</head>
<body>
<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
This paragraph has a bottom margin of 50px.</span>
<span style="clear:both; margin-top:25px;margin-bottom:30px"></span>
<span>This text should be immediately under the float.</span>
<hr>
<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
This paragraph has a bottom margin of 50px.</span>
<span style="clear:both; margin-top:25px;margin-bottom:30px"></span>
<span style="margin-top:40px">This text should be 10px under the float.</span>
<hr>
<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
This paragraph has a bottom margin of 50px.</span>
<span style="clear:both; margin-top:30px;margin-bottom:-60px"></span>
<span style="margin-top:60px">This text should be to the right of the float.</span>
<hr>
<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
This paragraph has a bottom margin of 50px.</span>
<span style="clear:both; margin-top:25px;margin-bottom:30px"></span>
<span>This text should be immediately under the float.</span>
<hr>
<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
This paragraph has a bottom margin of 50px.</span>
<span style="clear:both; margin-top:30px"></span>
<span style="margin-top:40px">This text should be 10px under the float.</span>
<hr>
<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
This paragraph has a bottom margin of 50px.</span>
<span style="clear:both; margin-top:-30px"></span>
<span style="margin-top:30px">This text should be 20px under the float.</span>
<hr>
<span style="border:10px dotted black">
<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
This paragraph has a bottom margin of 50px.</span>
<span style="clear:both; margin-top:25px;margin-bottom:30px"></span>
</span>
<hr>
<span style="border:10px dotted black">
<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
This paragraph has a bottom margin of 50px.</span>
<span style="clear:both; margin-top:-30px"></span>
</span>