LayoutTests/imported/w3c/web-platform-tests/css/css-shapes/shape-outside/shape-image/gradients/shape-outside-linear-gradient-008-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <title>CSS Reference File</title>
   5     <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com"/>
   6     <style type="text/css">
   7         .container {
   8             width: 200px;
   9             height: 200px;
  10             background-color: red;
  11             font-family: Ahem;
  12             font-size: 50px;
  13             line-height: 1;
  14         }
  15         #test {
  16             color: green;
  17         }
  18         #gradient {
  19             float: left;
  20             width: 100px;
  21             height: 200px;
  22             background-color: green;
  23         }
  24     </style>
  25 </head>
  26 <body>
  27     <p>
  28         The test passes if you see a green square. There should be no red.
  29     </p>
  30     <div id="test" class="container">
  31         <div id="gradient"></div>
  32         xx xx xx xx
  33     </div>
  34 </body>
  35 </html>