block-clear-2.html (474B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <!-- Without floats, no clearance applies, thus margin-top of #clear 5 should collapse with margin-bottom of its parent element. --> 6 <style type="text/css"> 7 #parent { 8 margin-bottom: 10px; 9 } 10 .separator { 11 height: 20px; 12 background-color: green; 13 } 14 #clear { 15 clear: left; 16 margin-top: 20px; 17 } 18 </style> 19 </head> 20 <body> 21 <div id="parent"> 22 <div class="separator"></div> 23 <div id="clear"></div> 24 </div> 25 <div class="separator"></div> 26 </body> 27 </html>