<!DOCTYPE html>
<html>
  <head>
    <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
    <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
    <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
    <meta name="flags" content="dom" />
    <style>
      #i { border: 2px solid; }
      #i::after { display: block; content: "Two"; }
    </style>
    <script>
      function doTest() {
        var i = document.getElementById("i");
        i.insertBefore(document.createTextNode("One"), i.firstChild);
      }
    </script>
  </head>
  <body onload="doTest()">
    <span id="i"><span style="display: none"></span></span>
  </body>
</html>