Re-import the css/css-shapes WPT
[WebKit-https.git] / 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>