third_party/WebKit/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-image-002-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,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAAQ0lEQVRIS2NkYPj/n4EowMhIlDIizQMaNmoxrgAdDWpcIUNcmhlNXHiy6mjiGk1csBAYzU7Y08JoATJagCCFAHWLTAAzb0/tZZmo4AAAAABJRU5ErkJggg==");
   8         background-repeat: no-repeat;
   9         width: 30px;
  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 30x20 PNG image that contains a pair of 10x20
  22       blue rectangles for a "float: left" div. The green content should wrap around the rightmost blue
  23       rectangle</p>
  24
  25   <div id="content">
  26       <div id="image-shape"></div>
  27       XX</br>XX
  28 </body>
  29 </html>