Make the references actually dependable (#25952)
diff --git a/css/CSS2/css1/c541-word-sp-000-ref.xht b/css/CSS2/css1/c541-word-sp-000-ref.xht
index c5f9864..309cac4 100644
--- a/css/CSS2/css1/c541-word-sp-000-ref.xht
+++ b/css/CSS2/css1/c541-word-sp-000-ref.xht
@@ -1,37 +1,26 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
-
<head>
-
- <title>CSS Reftest Reference</title>
-
- <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
-
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type="text/css"><![CDATA[
- div
- {
- background-color: aqua;
- width: 540px;
- }
-
- img {vertical-align: bottom;}
-
- img.central {margin: 0px 30px;}
-
- img#third {margin: 0px 60px;}
-
- img#right {margin-left: 60px;}
- ]]>
- </style>
-
+ div { font: 30px/1 Ahem; width: 18em; background: yellow; color: aqua; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" title="16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties"/>
</head>
-
<body>
-
<p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p>
-
- <div><img src="support/swatch-yellow.png" width="60" height="330" alt="Image download support must be enabled" class="central" /><img src="support/swatch-yellow.png" width="60" height="330" alt="Image download support must be enabled" class="central" /><img src="support/swatch-yellow.png" width="60" height="330" alt="Image download support must be enabled" id="third" /><img src="support/swatch-yellow.png" width="60" height="330" alt="Image download support must be enabled" id="right" /></div>
-
+ <div class="test">x  xx  xxx  xxxx</div>
+ <div class="test">x  xx  xxx  xxxx</div>
+ <div class="test">x  xx  xxx  xxxx</div>
+ <div class="test">x  xx  xxx  xxxx</div>
+ <div class="test">x  xx  xxx  xxxx</div>
+ <div class="test">x  xx  xxx  xxxx</div>
+ <div class="test">x  xx  xxx  xxxx</div>
+ <div class="test">x  xx  xxx  xxxx</div>
+ <div class="test">x  xx  xxx  xxxx</div>
+ <div class="test">x  xx  xxx  xxxx</div>
+ <div class="test">x  xx  xxx  xxxx</div>
</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/CSS2/css1/c541-word-sp-001-ref.xht b/css/CSS2/css1/c541-word-sp-001-ref.xht
index 3551984..25dcde1 100644
--- a/css/CSS2/css1/c541-word-sp-001-ref.xht
+++ b/css/CSS2/css1/c541-word-sp-001-ref.xht
@@ -1,36 +1,21 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
-
<head>
-
- <title>CSS Reftest Reference</title>
-
- <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
-
+ <title>test reference</title>
+ <meta name="flags" content="ahem" />
+ <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type="text/css"><![CDATA[
- div
- {
- background-color: aqua;
- margin-left: 50px;
- width: 300px;
- }
-
- img {vertical-align: bottom;}
-
- img.left-and-right-sides {margin-left: 25px;}
-
- img.central {margin: 0px 25px;}
- ]]>
- </style>
-
+ div { font: 25px/1 Ahem; width: 12em; background: yellow; color: aqua; margin: 0 0 0 2em; }
+ ]]></style>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" title="16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties"/>
</head>
-
<body>
-
<p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).</p>
-
- <div><img src="support/swatch-yellow.png" width="50" height="150" alt="Image download support must be enabled" class="left-and-right-sides" /><img src="support/swatch-yellow.png" width="50" height="150" alt="Image download support must be enabled" class="central" /><img src="support/swatch-yellow.png" width="25" height="150" alt="Image download support must be enabled" class="central" /><img src="support/swatch-yellow.png" width="25" height="150" alt="Image download support must be enabled" class="left-and-right-sides" /></div>
-
+ <div class="test">x  x  xx xx</div>
+ <div class="test">x  x  xx xx</div>
+ <div class="test">x  x  xx xx</div>
+ <div class="test">x  x  xx xx</div>
+ <div class="test">x  x  xx xx</div>
+ <div class="test">x  x  xx xx</div>
</body>
</html>
