third_party/WebKit/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-image-threshold-002-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5     #image-shape {
   6         float: left;
   7         background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100px' height='50px'><rect x='0' y='0' width='100' height='50' fill='rgba(0,0,100, 0.3)'/></svg>");
   8         background-repeat: no-repeat;
   9         width: 100px;
  10         height: 50px;
  11     }
  12 </style>
  13 </head>
  14 <body>
  15   <p>The green "Hello World" should appear on top of the blue rectangle.</p>
  16   <div style="color: green">
  17       <div id="image-shape">Hello World</div>
  18   </div>
  19 </body>
  20 </html>