LayoutTests/imported/w3c/web-platform-tests/css/css-shapes/shape-outside/shape-image/shape-image-027-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <title>CSS Reference File</title>
   5     <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
   6     <style type="text/css">
   7         body {
   8             margin: 0;
   9         }
  10         .green, .blue {
  11             position: absolute;
  12             top: 70px;
  13         }
  14         .left-rect {
  15             left: 10px;
  16         }
  17         .right-rect {
  18             width: 50px;
  19             height: 100px;
  20             left: 70px;
  21             background: rgb(0,100,0);
  22         }
  23         .blue {
  24             width: 2px;
  25             height: 100px;
  26             background-color: blue;
  27         }
  28         .left-line { left: 65px; }
  29         .right-line { left: 125px }
  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">
  38         <img src="../support/left-half-rectangle.png">
  39     </div>
  40     <div class="green right-rect"></div>
  41     <div class="blue left-line"></div>
  42     <div class="blue right-line"></div>
  43 </body>
  44 </html>