src/third_party/WebKit/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-polygon-zero-vertex-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3 #container {
   4     width: 400px;
   5     text-align: right;
   6     font: 50px/1 Ahem, sans-serif;
   7     -webkit-font-smoothing: antialiased;
   8     color: rgba(0, 255, 0, 0.5);
   9 }
  10
  11 #shape1 {
  12     float: right;
  13     width: 200px;
  14     height: 100px;
  15     background-color: blue;
  16 }
  17
  18 #shape2 {
  19     clear: right;
  20     float: right;
  21     width: 100px;
  22     height: 100px;
  23     background-color: blue;
  24 }
  25 </style>
  26
  27 <p>The green rectangles should wrap around the left edge of the blue shape.</p>
  28 <div id="container">
  29     <div id="shape1"></div>
  30     <div id="shape2"></div>
  31     X<br>X<br>X<br>X<br>X
  32 </div>