58 lines
2.3 KiB
HTML
58 lines
2.3 KiB
HTML
<!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>
|