block-clear-6d-left.html (488B)
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 margin-bottom: 30px; 12 } 13 #float { 14 float: left; 15 width: 100px; height: 100px; 16 background-color: blue; 17 } 18 #clear { 19 clear: left; 20 margin-top: 10px; 21 margin-bottom: 20px; 22 } 23 </style> 24 </head> 25 <body> 26 <div class="separator"></div> 27 <div id="parent"> 28 <div id="float"></div> 29 <div id="clear"></div> 30 </div> 31 <div class="separator"></div> 32 </body> 33 </html>