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