2009-12-11 22:36:34 -08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2010-01-27 15:46:48 -08:00
|
|
|
<title>CSS 2.1 Test Suite: handling of blocks inside inlines</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"/>
|
|
|
|
|
<meta name="flags" content="dom" />
|
2009-12-11 22:36:34 -08:00
|
|
|
<style>
|
|
|
|
|
#outermost { border: 2px solid; }
|
|
|
|
|
#outer { border: 4px solid yellow; }
|
|
|
|
|
#inner { border: 6px sold green; }
|
|
|
|
|
</style>
|
|
|
|
|
<script>
|
|
|
|
|
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>
|
