third_party/WebKit/LayoutTests/fast/css/margin-collapse-013-reduction.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style type="text/css">
   5 #float {
   6  float: left;
   7  width: 100px; height: 100px;
   8  background-color: blue;
   9 }
  10 #clear {
  11  clear: left;
  12  margin-top: 10px;
  13  margin-bottom: 40px;
  14 }
  15 #separator {
  16  height: 20px;
  17  background-color: green;
  18 }
  19 </style>
  20 </head>
  21 <body>
  22 <div id="float"></div>
  23 <div id="clear"></div>
  24 <div id="separator"></div>
  25 There should be gap between the blue square and the green rectangle.
  26 </body>
  27 </html>