third_party/WebKit/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-margin-crash.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4 #wrapped-text {
   5     font-size: 30px;
   6     line-height: 1;
   7 }
   8
   9 #image-valued-shape {
  10     -webkit-shape-outside: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px'><rect x='0' y='0' width='100' height='100' fill='green'/></svg>");
  11     margin: 30px;
  12     float: left;
  13     width: 100px;
  14     height: 100px;
  15     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px'><rect x='0' y='0' width='100' height='100' fill='green'/></svg>");
  16     background-repeat: no-repeat;
  17 }
  18 </style>
  19 <body>
  20   <p>The A-C text should appear above and then to the right of the green rectangle. This test should not crash.</p>
  21   <div id="wrapped-text">
  22     <div id="image-valued-shape"></div>A<br>B<br>C
  23   </div>
  24 </body>
  25 </html>