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

   1 <!DOCTYPE html>
   2 <title>shape-outside-floats-polygon-002-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     -webkit-writing-mode: vertical-rl;
  14 }
  15 .float-left {
  16     width: 20px;
  17     float: left;
  18 }
  19 .float-right {
  20     width: 20px;
  21     float: right;
  22 }
  23 </style>
  24 <body>
  25   <div class="container">
  26     <div style="height: 200px" class="float-left"></div>
  27     XXXXXXXXXX
  28     <div style="height: 180px" class="float-left"></div>
  29     XXXXXXXXXXX
  30     <div style="height: 160px" class="float-left"></div>
  31     XXXXXXXXXXXX
  32     <div style="height: 140px" class="float-left"></div>
  33     XXXXXXXXXXXXX
  34     <div style="height: 120px" class="float-left"></div>
  35     XXXXXXXXXXXXXX
  36     <div style="height: 100px" class="float-left"></div>
  37     XXXXXXXXXXXXXXX
  38     <div style="height: 80px" class="float-left"></div>
  39     XXXXXXXXXXXXXXXX
  40     <div style="height: 60px" class="float-left"></div>
  41     XXXXXXXXXXXXXXXXX
  42     <div style="height: 40px" class="float-left"></div>
  43     XXXXXXXXXXXXXXXXXX
  44     <div style="height: 20px" class="float-left"></div>
  45     XXXXXXXXXXXXXXXXXXX
  46     <div style="height: 20px" class="float-right"></div>
  47     XXXXXXXXXXXXXXXXXXX
  48     <div style="height: 40px" class="float-right"></div>
  49     XXXXXXXXXXXXXXXXXX
  50     <div style="height: 60px" class="float-right"></div>
  51     XXXXXXXXXXXXXXXXX
  52     <div style="height: 80px" class="float-right"></div>
  53     XXXXXXXXXXXXXXXX
  54     <div style="height: 100px" class="float-right"></div>
  55     XXXXXXXXXXXXXXX
  56     <div style="height: 120px" class="float-right"></div>
  57     XXXXXXXXXXXXXX
  58     <div style="height: 140px" class="float-right"></div>
  59     XXXXXXXXXXXXX
  60     <div style="height: 160px" class="float-right"></div>
  61     XXXXXXXXXXXX
  62     <div style="height: 180px" class="float-right"></div>
  63     XXXXXXXXXXX
  64     <div style="height: 200px" class="float-right"></div>
  65     XXXXXXXXXX
  66   </div>
  67 </body>