Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title>CSS Test: Content property and white-space: nowrap</title>
<link rel="match" href="content-white-space-003-ref.html" />
<meta name="assert" content="'white-space: nowrap' applies to generated string content." />
<style type="text/css">
div.outer {
border: solid silver;
margin: 0.5em;
padding: 0.2em;
color: blue;
}
div div {
width: 4em;
}
#reference
{
white-space: nowrap;
}
#test:before
{
content: "This text\A should be on\A one\A line.";
white-space: nowrap;
}
</style>
</head>
<body>
<p>Test passes if the contents of the two silver boxes are identical.</p>
<div class="outer"> <div id="reference">This text should be on one line.</div></div>
<div class="outer"><div id="test"></div></div>
</body>
</html>