src/third_party/WebKit/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-layout-after-initial-layout-pass-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 .shape-outside {
   6     float: left;
   7     width: 50px;
   8     height: 100px;
   9     background-color: green;
  10 }
  11 #content {
  12     font: 25px/1 Ahem, sans-serif;
  13     width: 200px;
  14     position: absolute;
  15     top: 0px;
  16     left: 0px;
  17 }
  18 </style>
  19 </head>
  20
  21 <body>
  22     <div id="content">
  23         <p><div class="shape-outside"></div>XXXX XXXX XXXX XXXX</p>
  24     </div>
  25 </body>
  26
  27 <p style="margin-top: 150px;">
  28     There is a green left floating container with shape-outside (50px wide, 100px tall) and inline content (black rectangle). The whole content flows into a region.
  29     The black rectangle should respect the shape-outside, thus the black rectangle should have 50px left offset, which is represented by the green rectangular area.
  30 </p>
  31 <p>Bug <a href="http://webkit.org/b/114829">114829</a>: [CSS Regions][CSS Shapes] Content in region doesn't respect shape-outside after initial layout pass</p>
  32 </html>