third_party/WebKit/LayoutTests/imported/csswg-test/css-shapes-1/shape-outside/shape-image/shape-image-024-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <title>CSS Reference File</title>
   5     <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
   6     <style type="text/css">
   7         body {
   8             margin: 0;
   9         }
  10         .green {
  11             background-color: rgb(0,100,0);
  12             width: 100px;
  13             height: 200px;
  14         }
  15         .left-rect { left: 10px; }
  16         .right-rect { left: 120px; }
  17
  18         .blue {
  19             width: 2px;
  20             height: 200px;
  21             background-color: blue;
  22         }
  23         .left-line { left: 115px; }
  24         .right-line { left: 230px }
  25
  26         .green, .blue {
  27             position: absolute;
  28             top: 70px;
  29         }
  30     </style>
  31 </head>
  32 <body>
  33     <p>
  34         The test passes if the green rectangle on the right is completely between the two blue lines.
  35         There should be no red.
  36     </p>
  37     <div class="green left-rect"></div>
  38     <div class="green right-rect"></div>
  39     <div class="blue left-line"></div>
  40     <div class="blue right-line"></div>
  41 </body>
  42 </html>