layout/reftests/ib-split/insert-into-split-inline-1c.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("Three"));
  13      document.getElementById("target")
  14              .insertBefore(newNode, document.getElementById("insertion"));
  15    }
  16   </script>
  17   <style>
  18    body > span { border: 3px solid blue }
  19   </style>
  20  </head>
  21  <body onload='doit()'>
  22   <span id="target"
  23   ><span>One</span
  24   ><span>Two</span
  25   ><div id="insertion">Four</div
  26   ><div>Five</div
  27   ><span>Six</span
  28   ><div>Seven</div
  29   ><div>Eight</div
  30   ><span>Nine</span
  31   ><span>Ten</span
  32   ><span>Eleven</span
  33  ></span>
  34  </body>
  35 </html>