<!DOCTYPE html>
<html>
<head>
<title>Test that segments across multiple renderers work fine with simple line layout.</title>
</head>
<body>
<script>
function injectTextNodes(container, style)
{
	container.appendChild(document.createTextNode(" 	"));
	container.appendChild(document.createTextNode("	"));
	container.appendChild(document.createTextNode("	This tests     "));
	container.appendChild(document.createTextNode(" 	   "));
	container.appendChild(document.createTextNode("whitespace 		overlapping "));
	container.appendChild(document.createTextNode("	multiple     "));
	container.appendChild(document.createTextNode("				renderers."));
	container.appendChild(document.createTextNode("This tests when non-"));
	container.appendChild(document.createTextNode("whitespace con"));
	container.appendChild(document.createTextNode("tent o"));
	container.appendChild(document.createTextNode("verla"));
	container.appendChild(document.createTextNode("ps multiple ren"));
	container.appendChild(document.createTextNode("deres."));
	container.style.cssText = style;
	document.body.appendChild(container);
}

injectTextNodes(document.createElement("div"));
injectTextNodes(document.createElement("div"), "width: 0px");
injectTextNodes(document.createElement("div"), "width: 10px");
injectTextNodes(document.createElement("div"), "width: 100px");
injectTextNodes(document.createElement("pre"));
</script>
</body>
</html>
