LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-not-a-layer.html

   1 <!DOCTYPE html>
   2 <style>
   3     .container {
   4         font: 10px/1 Ahem;
   5         color: green;
   6     }
   7     .left {
   8         float: left;
   9         height: 10px;
  10         width: 50px;
  11         background-color: red;
  12         -webkit-shape-outside: rectangle(0, 0, 0, 100%);
  13     }
  14 </style>
  15 <body>
  16     You should see a green rectangle. You shouldn't see any red.
  17     <div class="container">
  18         <div class="left"></div>
  19         XXXXX
  20     </div>
  21 </body>