src/third_party/WebKit/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-image-shape-margin-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         #outer {
   8             position: relative;
   9             width: 100px;
  10             height: 250px;
  11         }
  12         #container {
  13             position: absolute;
  14             top: 120px;
  15         }
  16         #shape-ref-div {
  17             width: 50px;
  18             height: 100px;
  19             background-color: rgb(0, 100, 0);
  20         }
  21         #line {
  22             width: 100px;
  23             height: 1px;
  24             background-color: black;
  25         }
  26     </style>
  27 </head>
  28 <body>
  29     <p>
  30         The test passes if the green rectangle is below the line. There should be no red.
  31     </p>
  32     <div id="outer">
  33         <div id="container">
  34             <div id="line"><div>
  35             <div id="shape-ref-div"></div>
  36         </div>
  37     </div>
  38 </body>
  39 </html>
  40
  41
  42