third_party/WebKit/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-rounded-inset-expected.html

   1 <html>
   2 <head>
   3 <style>
   4 .shape-outside {
   5     position: absolute;
   6     top: 0px;
   7     left: 0px;
   8     width: 200px;
   9     height: 200px;
  10     background-color: green;
  11 }
  12 </style>
  13 </script>
  14 </head>
  15 <body>
  16
  17 <div class='shape-outside'></div>
  18
  19 <p style="margin-top: 210px;">The content should wrap around the rounded inset. If the rounded inset is processed correctly, then
  20 the red rectangle should be wrapped around the rounded edge, thus you should see only a green rectangle.</p>
  21 <p><a href="https://code.google.com/p/chromium/issues/detail?id=341584">Issue 341584</a>: [CSS Shapes] Rounded Insets Let Content Overlap Shape</p>
  22 </body>
  23 </html>