|
1 <!DOCTYPE html> |
|
2 <html> |
|
3 <head> |
|
4 <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title> |
|
5 <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> |
|
6 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> |
|
7 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/> |
|
8 <meta name="flags" content="dom" /> |
|
9 <style> |
|
10 #outermost { border: 2px solid; } |
|
11 #outer { border: 4px solid yellow; } |
|
12 #inner { border: 6px sold green; } |
|
13 </style> |
|
14 <script> |
|
15 function doTest() { |
|
16 var i = document.getElementById("inner"); |
|
17 var frag = document.createDocumentFragment(); |
|
18 var newSpan = document.createElement("span"); |
|
19 newSpan.appendChild(document.createTextNode("span")); |
|
20 newSpan.style.display = "block"; |
|
21 frag.appendChild(newSpan); |
|
22 frag.appendChild(document.createTextNode("after span")); |
|
23 i.appendChild(frag); |
|
24 } |
|
25 </script> |
|
26 </head> |
|
27 <body onload="doTest()"> |
|
28 <span id="outermost"> |
|
29 <span id="outer"> |
|
30 <span id="inner"> |
|
31 <span style="display: block"></span> |
|
32 before span |
|
33 </span> |
|
34 </span> |
|
35 </span> |
|
36 </body> |
|
37 </html> |