block-in-inline-append-002.xht (1497B)
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 – append-to-nested-split-inline-1</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-append-002-nosplit-ref.xht"/> 7 <meta name="flags" content="dom" /> 8 <style type="text/css"> 9 #outermost { border: 2px solid; } 10 #outer { border: 4px solid yellow; } 11 #inner { border: 6px sold green; } 12 </style> 13 <script type="text/javascript"> 14 function doTest() { 15 var i = document.getElementById("inner"); 16 var frag = document.createDocumentFragment(); 17 var newSpan = document.createElement("span"); 18 newSpan.appendChild(document.createTextNode("span")); 19 newSpan.style.display = "block"; 20 frag.appendChild(newSpan); 21 frag.appendChild(document.createTextNode("after span")); 22 i.appendChild(frag); 23 } 24 </script> 25 </head> 26 <body onload="doTest()"> 27 <span id="outermost"> 28 <span id="outer"> 29 <span id="inner"> 30 <span style="display: block"></span> 31 before span 32 </span> 33 </span> 34 </span> 35 36 37 </body></html>