third_party/WebKit/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-polygon-000-expected.html

   1 <!DOCTYPE html>
   2 <title>shape-outside-floats-polygon-000-reference.html</title>
   3 <link rel="author" title="Adobe" href="http://html.adobe.com/">
   4 <link rel="author" title="Bem Jones-Bey" href="mailto:bjonesbe@adobe.com">
   5 <meta name="flags" content="ahem">
   6 <style>
   7 .container {
   8     font: 20px/1 Ahem, sans-serif;
   9     line-height: 20px;
  10     width: 400px;
  11     height: 400px;
  12     background: blue;
  13 }
  14 .float-left {
  15     height: 20px;
  16     float: left;
  17 }
  18 .float-right {
  19     height: 20px;
  20     float: right;
  21 }
  22 </style>
  23 <body>
  24   <div class="container">
  25     <div style="width: 200px" class="float-left"></div>
  26     XXXXXXXXXX
  27     <div style="width: 180px" class="float-left"></div>
  28     XXXXXXXXXXX
  29     <div style="width: 160px" class="float-left"></div>
  30     XXXXXXXXXXXX
  31     <div style="width: 140px" class="float-left"></div>
  32     XXXXXXXXXXXXX
  33     <div style="width: 120px" class="float-left"></div>
  34     XXXXXXXXXXXXXX
  35     <div style="width: 100px" class="float-left"></div>
  36     XXXXXXXXXXXXXXX
  37     <div style="width: 80px" class="float-left"></div>
  38     XXXXXXXXXXXXXXXX
  39     <div style="width: 60px" class="float-left"></div>
  40     XXXXXXXXXXXXXXXXX
  41     <div style="width: 40px" class="float-left"></div>
  42     XXXXXXXXXXXXXXXXXX
  43     <div style="width: 20px" class="float-left"></div>
  44     XXXXXXXXXXXXXXXXXXX
  45     <div style="width: 20px" class="float-right"></div>
  46     XXXXXXXXXXXXXXXXXXX
  47     <div style="width: 40px" class="float-right"></div>
  48     XXXXXXXXXXXXXXXXXX
  49     <div style="width: 60px" class="float-right"></div>
  50     XXXXXXXXXXXXXXXXX
  51     <div style="width: 80px" class="float-right"></div>
  52     XXXXXXXXXXXXXXXX
  53     <div style="width: 100px" class="float-right"></div>
  54     XXXXXXXXXXXXXXX
  55     <div style="width: 120px" class="float-right"></div>
  56     XXXXXXXXXXXXXX
  57     <div style="width: 140px" class="float-right"></div>
  58     XXXXXXXXXXXXX
  59     <div style="width: 160px" class="float-right"></div>
  60     XXXXXXXXXXXX
  61     <div style="width: 180px" class="float-right"></div>
  62     XXXXXXXXXXX
  63     <div style="width: 200px" class="float-right"></div>
  64     XXXXXXXXXX
  65   </div>
  66 </body>