Files
servo/tests/wpt/css-tests/css21_dev/html4/block-in-inline-append-002.htm

38 lines
1.4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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>