layout/reftests/first-line/out-of-flow-1d.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>CSS 2.1 Test Suite: :first-line</title>
   5     <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
   6     <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
   7     <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line"/>
   8     <meta name="flags" content="dom" />
   9     <style>
  10       div { color: green }
  11       div::first-line { color: red }
  12     </style>
  13     <script>
  14       function runTest() {
  15         var s = document.createElement("span");
  16         s.setAttribute("style", "float: left");
  17         s.appendChild(document.createTextNode("This should be green"));
  18         var i = document.getElementById("i");
  19         i.parentNode.insertBefore(s, i);
  20       }
  21     </script>
  22   </head>
  23   <body onload="runTest()">
  24     <div><span id="i"></span></div>
  25   </body>
  26 </html>
  27