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

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5     #image-shape {
   6         float: left;
   7         background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAK0lEQVQ4T2NkYPj/n4GKgHHUQIpDczQMKQ5ChtEwHA1DMkJgNNmQEWhoWgAkKift4VBlVgAAAABJRU5ErkJggg==");
   8         background-repeat: no-repeat;
   9         width: 20px;
  10         height: 20px;
  11     }
  12
  13     #content {
  14         font: 20px/1 Ahem, sans-serif;
  15         color: green;
  16     }
  17 </style>
  18 </head>
  19 <body>
  20   <p>
  21       This test requires the Ahem font. It uses a 20x20 PNG solid blue image to define a shape-outside
  22       for a "float: left" div. The green content should wrap around the blue square.</p>
  23
  24   <div id="content">
  25       <div id="image-shape"></div>
  26       XX</br>XX
  27 </body>
  28 </html>