testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002e.xht

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
   2     <title>CSS Test: blocks inside inlines &#8211; insert-into-split-inline-2e</title>
   3     <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
   4     <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
   5     <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
   6     <link rel="match" href="block-in-inline-insert-002-ref.xht"/>
   7     <meta name="flags" content="dom" />
   8   <script type="text/javascript">
   9    function doit() {
  10      var newNode = document.createElement("div");
  11      newNode.appendChild(document.createTextNode("Five"));
  12      document.getElementById("target")
  13              .insertBefore(newNode, document.getElementById("insertion"));
  14    }
  15   </script>
  16   <style type="text/css">
  17    body &gt; span { border: 3px solid blue }
  18   </style>
  19  </head>
  20  <body onload="doit()">
  21   <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><span id="insertion">Six</span><div>Seven</div><div>Eight</div></span>
  22
  23
  24 </body></html>