4 <!-- Test that insertions work in the presence of display:none elements that
5 separate whitespace from block boundaries -->
7 body
> div { border:
1px solid black; margin:
1em;
8 font-family:sans-serif; letter-spacing:
2px; }
12 function makeSpan(text
) {
13 var e
= document
.createElement("span");
18 document
.body
.offsetHeight
;
19 var d1
= document
.getElementById("d1");
20 d1
.insertBefore(makeSpan("Hello"), d1
.firstChild
);
21 var d2
= document
.getElementById("d2");
22 d2
.appendChild(makeSpan("Kitty"));
23 var d3
= document
.getElementById("d3");
24 d3
.insertBefore(makeSpan("Hello"), d3
.firstChild
.nextSibling
);
25 var d4
= document
.getElementById("d4");
26 d4
.insertBefore(makeSpan("Kitty"), d4
.lastChild
);
30 <body onload=
"loaded()">
31 <div id=
"d1"><em>X
</em> <span>Kitty
</span></div>
32 <div id=
"d2"><span>Hello
</span> <em>X
</em></div>
33 <div id=
"d3"><div></div><em>X
</em> <span>Kitty
</span></div>
34 <div id=
"d4"><span>Hello
</span> <em>X
</em><div></div></div>