third_party/WebKit/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-one-pixel-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5     #content {
   6         font: 50px/1 Ahem, sans-serif;
   7         -webkit-font-smoothing: antialiased;
   8         color: green;
   9     }
  10     #sandbag {
  11         float: left;
  12         width: 150px;
  13         height: 100px;
  14     }
  15 </style>
  16 </head>
  17 <body>
  18   <p>The shape-outside in this test is a 2x2 image with only the upper left pixel set. The shape
  19   element's margin-box is and the the shape-margin is big enough (is greater than 150 * sqrt(2))
  20   so that the shape-margin boundary extends beyond the margin-box's bounds. The shape-outside boundary
  21   is clipped to the margin-box, so it's as if the shape-outside was equal to the margin-box.</p>
  22   <div id="content">
  23       <div id="sandbag"></div>X<br>X
  24   </div>
  25 </body>
  26 </html>