block-clear-6c-left.html (466B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style type="text/css"> 5 .separator { 6 height: 20px; 7 background-color: green; 8 } 9 #parent { 10 background-color: lime; 11 } 12 #float { 13 float: left; 14 width: 100px; height: 100px; 15 background-color: blue; 16 } 17 #clear { 18 clear: left; 19 margin-top: 15px; 20 margin-bottom: 15px; 21 } 22 </style> 23 </head> 24 <body> 25 <div class="separator"></div> 26 <div id="parent"> 27 <div id="float"></div> 28 <div id="clear"></div> 29 </div> 30 <div class="separator"></div> 31 </body> 32 </html>