1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html><head>
3 <link rel="reference" href="block-in-inline-insert-013-ref.xht">
4 <link rel="reference" href="block-in-inline-insert-013-nosplit-ref.xht">
5 <title>CSS Test: blocks inside inlines – insert-into-split-inline-13</title>
6 <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
7 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
8 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
9 <meta name="flags" content="dom">
10 <style type="text/css">
11 #i { border: 2px solid; }
12 #i:before { display: block; content: "One"; }
13 #i:after { content: "Three"; }
14 </style>
15 <script type="text/javascript">
16 function doTest() {
17 var i = document.getElementById("i");
18 i.insertBefore(document.createTextNode("Two"), i.firstChild);
19 }
20 </script>
21 </head>
22 <body onload="doTest()">
23 <span id="i"><span style="display: none"></span></span>
24
25
26 </body></html>