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