layout/reftests/ib-split/insert-into-split-inline-10.html

   1 <!DOCTYPE html>
   2 <html>
   3  <head>
   4     <title>CSS 2.1 Test Suite: handling of blocks inside inlines</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/visuren.html#anonymous-block-level"/>
   8     <meta name="flags" content="dom" />
   9   <script>
  10    function doit() {
  11      var newNode = document.createElement("span");
  12      newNode.appendChild(document.createTextNode("Nine"));
  13      document.getElementById("target").appendChild(newNode);
  14    }
  15   </script>
  16   <style>
  17    body > span { border: 3px solid blue }
  18    body > span > span { border: 3px solid cyan }
  19    body > span > span::after { content: "Ten" }
  20   </style>
  21  </head>
  22  <body onload='doit()'>
  23   <span><span id="target"
  24   ><span>One</span
  25   ><span>Two</span
  26   ><span>Three</span
  27   ><div>Four</div
  28   ><div>Five</div
  29   ><span>Six</span
  30   ><div>Seven</div
  31   ><div>Eight</div
  32  ></span></span>
  33  </body>
  34 </html>