third_party/WebKit/LayoutTests/fast/block/float/intruding-float-sibling-with-margin-expected.html

   1 <!DOCTYPE html>
   2 <style type="text/css">
   3     #container {
   4         font: 20px/1 Ahem;
   5         line-height: 20px;
   6         background-color: red;
   7         width: 40px;
   8         height: 40px;
   9         color: green;
  10     }
  11     #float {
  12         float: left;
  13         width: 20px;
  14         height: 40px;
  15         background: green;
  16     }
  17 </style>
  18 <body>
  19     <p>You should see a single green square. You should not see any red.</p>
  20     <div id="container">
  21         <div id="float"></div>
  22         <div id="text-margin">X</div>
  23         <div id="text">X</div>
  24     </div>
  25 </body>