<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <title>CSS Test: blocks inside inlines – append-to-nested-split-inline-1</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"> <link rel="match" href="reference/block-in-inline-append-002-nosplit-ref.htm"> <meta name="flags" content="dom"> <style type="text/css"> #outermost { border: 2px solid; } #outer { border: 4px solid yellow; } #inner { border: 6px sold green; } </style> <script type="text/javascript"> function doTest() { var i = document.getElementById("inner"); var frag = document.createDocumentFragment(); var newSpan = document.createElement("span"); newSpan.appendChild(document.createTextNode("span")); newSpan.style.display = "block"; frag.appendChild(newSpan); frag.appendChild(document.createTextNode("after span")); i.appendChild(frag); } </script> </head> <body onload="doTest()"> <span id="outermost"> <span id="outer"> <span id="inner"> <span style="display: block"></span> before span </span> </span> </span> </body></html>