Files
servo/tests/wpt/css-tests/css21_dev/xhtml1print/white-space-normal-004.xht

49 lines
2.1 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. 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 XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Test: white-space normal: UNICODE space characters with inline elements</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test white-space-normal-004"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" />
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 -->
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/004.html" type="text/html" />
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" />
<link rel="match" href="reference/white-space-normal-003-ref.xht" />
<meta name="flags" content="ahem" />
<style type="text/css">
/* setup */
* { white-space: normal; font: inherit; }
strong {font-weight: bold;}
div { display: block; }
span { display: inline; }
/* test */
td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; }
span { color: green; background: lime; }
</style>
</head>
<body>
<p>Test passes if there is only the word "PASS" in green and <strong>no red</strong>.</p>
<table>
<tr>
<td>
<div> <span>XXXp pXXp pXXp pXXp</span></div>
<div><span> <span> X</span> <span> X</span> X&nbsp; X X &nbsp;&Eacute; <span> X&nbsp;&nbsp;</span>&Eacute;</span> </div>
<div> </div>
<div><span> XXX&Eacute; XXXX &Eacute;XXp &Eacute;XXp </span></div>
<div> <span>X    X  X p&nbsp; <span> X </span> p &nbsp;X </span> </div>
<div><span>X&nbsp; &nbsp; X<span></span>&nbsp;<span> X </span>&Eacute;XX&Eacute; <span> </span> &Eacute;XX&Eacute; </span> </div>
</td>
</tr>
</table>
</body>
</html>