third_party/WebKit/LayoutTests/fast/block/float/intruding-float-sibling-with-margin.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     #text-margin {
  18         margin-left: 20px;
  19     }
  20 </style>
  21 <body>
  22     <p>You should see a single green square. You should not see any red.</p>
  23     <div id="container">
  24         <div id="float"></div>
  25         <div id="text-margin">X</div>
  26         <div id="text">X</div>
  27     </div>
  28 </body>