src/third_party/WebKit/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-relative-size-svg-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 #container {
   6     color: green;
   7     font: 100px/1 Ahem, sans-serif;
   8 }
   9 #shape-outside {
  10     width: 100px;
  11     height: 100px;
  12     float: left;
  13     background: blue;
  14     background-repeat: no-repeat;
  15 }
  16 </style>
  17 </head>
  18 <body>
  19 <p>You should see three green squares: above the blue square, to the blue square's right, and below the blue square.</p>
  20 <div id="container">
  21   X<br>
  22   <div id="shape-outside"></div>
  23   X<br>X
  24 </div>
  25 </body>
  26 </html>