third_party/WebKit/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-linetop-adjustment-expected.html

   1 <html>
   2 <head>
   3 <style>
   4 .overlay {
   5     position: absolute;
   6     top: 0;
   7     left: 0;
   8     width: 102px;
   9     height: 106px;
  10     background-color: green;
  11 }
  12 </style>
  13 </script>
  14 </head>
  15 <body>
  16 <div class="overlay"></div>
  17 <div class="overlay" style="left: 140px"></div>
  18 <div class="overlay" style="top: 140px"></div>
  19 <div class="overlay" style="top: 140px; left: 140px;"></div>
  20
  21 <p style="margin-top: 280px;">The content should wrap around the triangle shapes, it should fit in the content box, so you should see four green rectangles.
  22 You shouldn't see any red.</p>
  23 <p><a href='https://code.google.com/p/chromium/issues/detail?id=346877'>Issue 346877</a>: [CSS Shapes] Adjust lineTop position to the next available wrapping location at shape-outsides</p>
  24 </body>
  25 </html>