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