Update CSS tests to revision 7a87ef71fc579e52d3438e009107aa442bc4021b

87 files changed, 1028 insertions, 170 deletions

diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/chapter-7.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/chapter-7.xht
index 231e2ee67f3..7cd0e04e77a 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/chapter-7.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/chapter-7.xht
@@ -41,7 +41,7 @@
       <tr id="text-align-end-001-7.1" class="primary">
         <td><strong>
             <a href="text-align-end-001.xht">text-align-end-001</a></strong></td>
-        <td><a href="reference/text-align-end-001.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-001.xht">=</a> </td>
         <td></td>
         <td>text-align: end, direction: rtl
           <ul class="assert">
@@ -52,7 +52,7 @@
       <tr id="text-align-end-002-7.1" class="primary">
         <td><strong>
             <a href="text-align-end-002.xht">text-align-end-002</a></strong></td>
-        <td><a href="reference/text-align-end-002.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-002.xht">=</a> </td>
         <td></td>
         <td>text-align: end, direction: ltr
           <ul class="assert">
@@ -63,7 +63,7 @@
       <tr id="text-align-end-003-7.1" class="primary">
         <td><strong>
             <a href="text-align-end-003.xht">text-align-end-003</a></strong></td>
-        <td><a href="reference/text-align-end-003.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-003.xht">=</a> </td>
         <td></td>
         <td>text-align: end, dir=rtl
           <ul class="assert">
@@ -74,7 +74,7 @@
       <tr id="text-align-end-004-7.1" class="primary">
         <td><strong>
             <a href="text-align-end-004.xht">text-align-end-004</a></strong></td>
-        <td><a href="reference/text-align-end-004.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-004.xht">=</a> </td>
         <td></td>
         <td>text-align: end, dir=ltr
           <ul class="assert">
@@ -85,7 +85,7 @@
       <tr id="text-align-end-005-7.1" class="primary">
         <td><strong>
             <a href="text-align-end-005.xht">text-align-end-005</a></strong></td>
-        <td><a href="reference/text-align-end-005.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-005.xht">=</a> </td>
         <td></td>
         <td>text-align: end, direction: rtl
           <ul class="assert">
@@ -96,7 +96,7 @@
       <tr id="text-align-end-006-7.1" class="primary">
         <td><strong>
             <a href="text-align-end-006.xht">text-align-end-006</a></strong></td>
-        <td><a href="reference/text-align-end-006.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-006.xht">=</a> </td>
         <td></td>
         <td>text-align: end, direction: ltr
           <ul class="assert">
@@ -107,7 +107,7 @@
       <tr id="text-align-end-007-7.1" class="primary">
         <td><strong>
             <a href="text-align-end-007.xht">text-align-end-007</a></strong></td>
-        <td><a href="reference/text-align-end-007.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-007.xht">=</a> </td>
         <td></td>
         <td>text-align: end, dir=rtl
           <ul class="assert">
@@ -118,7 +118,7 @@
       <tr id="text-align-end-008-7.1" class="primary">
         <td><strong>
             <a href="text-align-end-008.xht">text-align-end-008</a></strong></td>
-        <td><a href="reference/text-align-end-008.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-008.xht">=</a> </td>
         <td></td>
         <td>text-align: end, dir=ltr
           <ul class="assert">
@@ -129,7 +129,7 @@
       <tr id="text-align-end-009-7.1" class="primary">
         <td><strong>
             <a href="text-align-end-009.xht">text-align-end-009</a></strong></td>
-        <td><a href="reference/text-align-end-009.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-009.xht">=</a> </td>
         <td></td>
         <td>text-align: end, dir=auto, RTL first strong
           <ul class="assert">
@@ -140,7 +140,7 @@
       <tr id="text-align-end-010-7.1" class="primary">
         <td><strong>
             <a href="text-align-end-010.xht">text-align-end-010</a></strong></td>
-        <td><a href="reference/text-align-end-010.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-010.xht">=</a> </td>
         <td></td>
         <td>text-align: end, dir=auto, LTR first strong
           <ul class="assert">
@@ -151,7 +151,7 @@
       <tr id="text-align-end-014-7.1" class="primary">
         <td><strong>
             <a href="text-align-end-014.xht">text-align-end-014</a></strong></td>
-        <td><a href="reference/text-align-end-014.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-014.xht">=</a> </td>
         <td></td>
         <td>text-align: end, pre, dir=rtl inherited
           <ul class="assert">
@@ -162,7 +162,7 @@
       <tr id="text-align-end-015-7.1" class="primary">
         <td><strong>
             <a href="text-align-end-015.xht">text-align-end-015</a></strong></td>
-        <td><a href="reference/text-align-end-015.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-015.xht">=</a> </td>
         <td></td>
         <td>text-align: end, pre, dir=ltr inherited
           <ul class="assert">
@@ -173,7 +173,7 @@
       <tr id="text-align-end-016-7.1" class="primary">
         <td><strong>
             <a href="text-align-end-016.xht">text-align-end-016</a></strong></td>
-        <td><a href="reference/text-align-end-016.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-016.xht">=</a> </td>
         <td></td>
         <td>text-align: end, pre, dir=auto
           <ul class="assert">
@@ -184,7 +184,7 @@
       <tr id="text-align-end-017-7.1" class="primary">
         <td><strong>
             <a href="text-align-end-017.xht">text-align-end-017</a></strong></td>
-        <td><a href="reference/text-align-end-017.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-017.xht">=</a> </td>
         <td></td>
         <td>text-align: end, pre, dir=auto on surrounding block
           <ul class="assert">
@@ -239,7 +239,7 @@
       <tr id="text-align-justify-001-7.1" class="primary">
         <td><strong>
             <a href="text-align-justify-001.xht">text-align-justify-001</a></strong></td>
-        <td><a href="reference/text-align-justify-001.xht">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-001.xht">=</a> </td>
         <td></td>
         <td>text-align: justify, direction: rtl
           <ul class="assert">
@@ -250,7 +250,7 @@
       <tr id="text-align-justify-002-7.1" class="primary">
         <td><strong>
             <a href="text-align-justify-002.xht">text-align-justify-002</a></strong></td>
-        <td><a href="reference/text-align-justify-002.xht">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-002.xht">=</a> </td>
         <td></td>
         <td>text-align: justify, direction: ltr
           <ul class="assert">
@@ -261,7 +261,7 @@
       <tr id="text-align-justify-003-7.1" class="primary">
         <td><strong>
             <a href="text-align-justify-003.xht">text-align-justify-003</a></strong></td>
-        <td><a href="reference/text-align-justify-003.xht">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-003.xht">=</a> </td>
         <td></td>
         <td>text-align: justify, dir=rtl
           <ul class="assert">
@@ -272,7 +272,7 @@
       <tr id="text-align-justify-004-7.1" class="primary">
         <td><strong>
             <a href="text-align-justify-004.xht">text-align-justify-004</a></strong></td>
-        <td><a href="reference/text-align-justify-004.xht">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-004.xht">=</a> </td>
         <td></td>
         <td>text-align: justify, dir=ltr
           <ul class="assert">
@@ -283,7 +283,7 @@
       <tr id="text-align-justify-005-7.1" class="primary">
         <td><strong>
             <a href="text-align-justify-005.xht">text-align-justify-005</a></strong></td>
-        <td><a href="reference/text-align-justify-005.xht">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-005.xht">=</a> </td>
         <td></td>
         <td>text-align: justify, dir=auto, RTL first strong
           <ul class="assert">
@@ -294,7 +294,7 @@
       <tr id="text-align-justify-006-7.1" class="primary">
         <td><strong>
             <a href="text-align-justify-006.xht">text-align-justify-006</a></strong></td>
-        <td><a href="reference/text-align-justify-006.xht">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-006.xht">=</a> </td>
         <td></td>
         <td>text-align: justify, dir=auto, LTR first strong
           <ul class="assert">
@@ -305,7 +305,7 @@
       <tr id="text-align-justifyall-001-7.1" class="primary">
         <td><strong>
             <a href="text-align-justifyall-001.xht">text-align-justifyall-001</a></strong></td>
-        <td><a href="reference/text-align-justifyall-001.xht">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-001.xht">=</a> </td>
         <td></td>
         <td>text-align: justify-all, direction: rtl
           <ul class="assert">
@@ -316,7 +316,7 @@
       <tr id="text-align-justifyall-002-7.1" class="primary">
         <td><strong>
             <a href="text-align-justifyall-002.xht">text-align-justifyall-002</a></strong></td>
-        <td><a href="reference/text-align-justifyall-002.xht">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-002.xht">=</a> </td>
         <td></td>
         <td>text-align: justify-all, direction: ltr
           <ul class="assert">
@@ -327,7 +327,7 @@
       <tr id="text-align-justifyall-003-7.1" class="primary">
         <td><strong>
             <a href="text-align-justifyall-003.xht">text-align-justifyall-003</a></strong></td>
-        <td><a href="reference/text-align-justifyall-003.xht">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-003.xht">=</a> </td>
         <td></td>
         <td>text-align: justify-all, dir=rtl
           <ul class="assert">
@@ -338,7 +338,7 @@
       <tr id="text-align-justifyall-004-7.1" class="primary">
         <td><strong>
             <a href="text-align-justifyall-004.xht">text-align-justifyall-004</a></strong></td>
-        <td><a href="reference/text-align-justifyall-004.xht">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-004.xht">=</a> </td>
         <td></td>
         <td>text-align: justify-all, dir=ltr
           <ul class="assert">
@@ -349,7 +349,7 @@
       <tr id="text-align-justifyall-005-7.1" class="primary">
         <td><strong>
             <a href="text-align-justifyall-005.xht">text-align-justifyall-005</a></strong></td>
-        <td><a href="reference/text-align-justifyall-005.xht">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-005.xht">=</a> </td>
         <td></td>
         <td>text-align: justify-all, dir=auto, RTL first strong
           <ul class="assert">
@@ -360,7 +360,7 @@
       <tr id="text-align-justifyall-006-7.1" class="primary">
         <td><strong>
             <a href="text-align-justifyall-006.xht">text-align-justifyall-006</a></strong></td>
-        <td><a href="reference/text-align-justifyall-006.xht">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-006.xht">=</a> </td>
         <td></td>
         <td>text-align: justify-all, dir=auto, LTR first strong
           <ul class="assert">
@@ -437,7 +437,7 @@
       <tr id="text-align-start-001-7.1" class="primary">
         <td><strong>
             <a href="text-align-start-001.xht">text-align-start-001</a></strong></td>
-        <td><a href="reference/text-align-start-001.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-001.xht">=</a> </td>
         <td></td>
         <td>text-align: start, direction: rtl
           <ul class="assert">
@@ -448,7 +448,7 @@
       <tr id="text-align-start-002-7.1" class="primary">
         <td><strong>
             <a href="text-align-start-002.xht">text-align-start-002</a></strong></td>
-        <td><a href="reference/text-align-start-002.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-002.xht">=</a> </td>
         <td></td>
         <td>text-align: start, direction: ltr
           <ul class="assert">
@@ -459,7 +459,7 @@
       <tr id="text-align-start-003-7.1" class="primary">
         <td><strong>
             <a href="text-align-start-003.xht">text-align-start-003</a></strong></td>
-        <td><a href="reference/text-align-start-003.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-003.xht">=</a> </td>
         <td></td>
         <td>text-align: start, dir=rtl
           <ul class="assert">
@@ -470,7 +470,7 @@
       <tr id="text-align-start-004-7.1" class="primary">
         <td><strong>
             <a href="text-align-start-004.xht">text-align-start-004</a></strong></td>
-        <td><a href="reference/text-align-start-004.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-004.xht">=</a> </td>
         <td></td>
         <td>text-align: start, dir=ltr
           <ul class="assert">
@@ -481,7 +481,7 @@
       <tr id="text-align-start-005-7.1" class="primary">
         <td><strong>
             <a href="text-align-start-005.xht">text-align-start-005</a></strong></td>
-        <td><a href="reference/text-align-start-005.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-005.xht">=</a> </td>
         <td></td>
         <td>text-align: start, direction: rtl
           <ul class="assert">
@@ -492,7 +492,7 @@
       <tr id="text-align-start-006-7.1" class="primary">
         <td><strong>
             <a href="text-align-start-006.xht">text-align-start-006</a></strong></td>
-        <td><a href="reference/text-align-start-006.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-006.xht">=</a> </td>
         <td></td>
         <td>text-align: start, direction: ltr
           <ul class="assert">
@@ -503,7 +503,7 @@
       <tr id="text-align-start-007-7.1" class="primary">
         <td><strong>
             <a href="text-align-start-007.xht">text-align-start-007</a></strong></td>
-        <td><a href="reference/text-align-start-007.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-007.xht">=</a> </td>
         <td></td>
         <td>text-align: start, dir=rtl
           <ul class="assert">
@@ -514,7 +514,7 @@
       <tr id="text-align-start-008-7.1" class="primary">
         <td><strong>
             <a href="text-align-start-008.xht">text-align-start-008</a></strong></td>
-        <td><a href="reference/text-align-start-008.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-008.xht">=</a> </td>
         <td></td>
         <td>text-align: start, dir=ltr
           <ul class="assert">
@@ -525,7 +525,7 @@
       <tr id="text-align-start-009-7.1" class="primary">
         <td><strong>
             <a href="text-align-start-009.xht">text-align-start-009</a></strong></td>
-        <td><a href="reference/text-align-start-009.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-009.xht">=</a> </td>
         <td></td>
         <td>text-align: start, dir=auto, RTL first strong
           <ul class="assert">
@@ -536,7 +536,7 @@
       <tr id="text-align-start-010-7.1" class="primary">
         <td><strong>
             <a href="text-align-start-010.xht">text-align-start-010</a></strong></td>
-        <td><a href="reference/text-align-start-010.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-010.xht">=</a> </td>
         <td></td>
         <td>text-align: start, dir=auto, LTR first strong
           <ul class="assert">
@@ -547,7 +547,7 @@
       <tr id="text-align-start-014-7.1" class="primary">
         <td><strong>
             <a href="text-align-start-014.xht">text-align-start-014</a></strong></td>
-        <td><a href="reference/text-align-start-014.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-014.xht">=</a> </td>
         <td></td>
         <td>text-align: start, pre, dir=rtl inherited
           <ul class="assert">
@@ -558,7 +558,7 @@
       <tr id="text-align-start-015-7.1" class="primary">
         <td><strong>
             <a href="text-align-start-015.xht">text-align-start-015</a></strong></td>
-        <td><a href="reference/text-align-start-015.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-015.xht">=</a> </td>
         <td></td>
         <td>text-align: start, pre, dir=ltr inherited
           <ul class="assert">
@@ -569,7 +569,7 @@
       <tr id="text-align-start-016-7.1" class="primary">
         <td><strong>
             <a href="text-align-start-016.xht">text-align-start-016</a></strong></td>
-        <td><a href="reference/text-align-start-016.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-016.xht">=</a> </td>
         <td></td>
         <td>text-align: start, pre, dir=auto
           <ul class="assert">
@@ -580,7 +580,7 @@
       <tr id="text-align-start-017-7.1" class="primary">
         <td><strong>
             <a href="text-align-start-017.xht">text-align-start-017</a></strong></td>
-        <td><a href="reference/text-align-start-017.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-017.xht">=</a> </td>
         <td></td>
         <td>text-align: start, pre, dir=auto on surrounding block
           <ul class="assert">
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf
index c919d9091d0..84ad57bef5a 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/adobe-fonts/README.md
index 2f757669727..686cb0c4279 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/adobe-fonts/README.md
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/adobe-fonts/README.md
@@ -3,7 +3,8 @@ CSS Orientation Test
 
 Overview
 ----
-CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool.
+CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files 
+that were used to build these OpenType fonts by using the AFDKO *makeotf* tool.
 
 Getting Involved
 ----
@@ -14,20 +15,26 @@ Building
 
 Pre-built font binaries
 ----
-The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/).
+The installable font resources (font binaries) are not part of the source files. 
+They are available at  https://github.com/adobe-fonts/css-orientation-test/
+The latest version of the font binaries is 1.005 (October 2015).
 
 
 Requirements
 ----
 
-For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications.
+For building binary font files from source, installation of the 
+[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) 
+is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications.
 
 Building the fonts
 ----
 
-The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*.
+The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found 
+by executing *makeotf -h*.
 
-In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table:
+In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font 
+for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table:
 
     % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H
     % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-001.xht
new file mode 100644
index 00000000000..0e401203816
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-001.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: end, direction: rtl</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 24px; }
+#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px;  height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div>
+<div class="ref"><div id="rb1"></div></div>
+<div class="ref"><div id="rb1"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-002.xht
new file mode 100644
index 00000000000..69ddc1a8db8
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-002.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: end, direction: ltr</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 24px; }
+#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px;  height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div>
+<div style="direction: rtl;">
+<div class="ref"><div id="rb1"></div></div>
+<div class="ref"><div id="rb1"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-003.xht
new file mode 100644
index 00000000000..a5ae28f324e
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-003.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: end, dir=rtl</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 24px; }
+#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px;  height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
+<div class="ref"><div id="rb1"></div></div>
+<div class="ref"><div id="rb1"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-004.xht
new file mode 100644
index 00000000000..388fdf46c7b
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-004.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: end, dir=ltr</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 24px; }
+#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px;  height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
+<div dir="rtl">
+<div class="ref"><div id="rb1"></div></div>
+<div class="ref"><div id="rb1"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-005.xht
new file mode 100644
index 00000000000..d9ec4fd590d
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-005.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: end, direction: rtl</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 72px; }
+.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px;  height: 72px; }
+.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px;  height: 72px; }
+.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-006.xht
new file mode 100644
index 00000000000..f88e5d2a90c
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-006.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: end, direction: ltr</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 72px; }
+.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px;  height: 72px; }
+.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px;  height: 72px; }
+.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
+<div style="direction: rtl;">
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-007.xht
new file mode 100644
index 00000000000..c94fefb3b64
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-007.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: end, dir=rtl</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 72px; }
+.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px;  height: 72px; }
+.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px;  height: 72px; }
+.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-008.xht
new file mode 100644
index 00000000000..f140d4ceb44
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-008.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: end, dir=ltr</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 72px; }
+.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px;  height: 72px; }
+.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px;  height: 72px; }
+.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
+<div dir="rtl">
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-009.xht
new file mode 100644
index 00000000000..f341480dea6
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-009.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: end, dir=auto, RTL first strong</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 72px; }
+.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px;  height: 72px; }
+.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px;  height: 72px; }
+.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-010.xht
new file mode 100644
index 00000000000..6759f3b1282
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-010.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: end, dir=auto, LTR first strong</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 72px; }
+.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px;  height: 72px; }
+.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px;  height: 72px; }
+.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
+<div dir="rtl">
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-014.xht
new file mode 100644
index 00000000000..40ccdbb3379
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-014.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: end, pre, dir=rtl inherited</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 48px; }
+#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
+<div dir="rtl">
+<div class="ref"><div id="rb1"></div></div>
+<div class="ref"><div id="rb1"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-015.xht
new file mode 100644
index 00000000000..14dbaf9936d
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-015.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: end, pre, dir=ltr inherited</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 48px; }
+#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
+<div class="ref"><div id="rb1"></div></div>
+<div class="ref"><div id="rb1"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-016.xht
new file mode 100644
index 00000000000..47fd1f3ea4f
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-016.xht
@@ -0,0 +1,18 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: end, pre, dir=auto</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 48px; }
+.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px;  height: 24px; }
+.rb2 { position: absolute; bottom: 0; left: 0; background-color: orange; width: 72px;  height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div></div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-017.xht
new file mode 100644
index 00000000000..ae11beb2bc6
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-017.xht
@@ -0,0 +1,17 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: end, pre, dir=auto on surrounding block</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 48px; }
+#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
+<div class="ref"><div id="rb1"></div></div>
+<div class="ref"><div id="rb1"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-001.xht
new file mode 100644
index 00000000000..c9e05a4a260
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: justify, direction: rtl</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
+.ref { text-align: right; position: relative; height:72px;  }
+.rb { position: absolute;  background-color: orange;  width: 72px; }
+.rb1 { top: 0; left: 0; height: 48px;  }
+.rb2 { top: 0; left: 109px; height: 48px; }
+.rb3 { top: 0; left: 218px; height: 48px; }
+.rb4 { top: 0; left: 327px; height: 72px; }
+.rb5 { top: 48px; right: 96px; height: 24px; }
+.rb6 { top: 48px; right: 192px; height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is the same.</div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-002.xht
new file mode 100644
index 00000000000..983d209c71e
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: justify, direction: ltr</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
+.ref { text-align: right; position: relative; height:72px;  }
+.rb { position: absolute;  background-color: orange;  width: 72px; }
+.rb1 { top: 0; right: 0; height: 48px;  }
+.rb2 { top: 0; right: 109px; height: 48px; }
+.rb3 { top: 0; right: 218px; height: 48px; }
+.rb4 { top: 0; right: 327px; height: 72px; }
+.rb5 { top: 48px; left: 96px; height: 24px; }
+.rb6 { top: 48px; left: 192px; height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
+<div style="direction: rtl;">
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-003.xht
new file mode 100644
index 00000000000..117f4b9440a
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: justify, dir=rtl</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
+.ref { text-align: right; position: relative; height:72px;  }
+.rb { position: absolute;  background-color: orange;  width: 72px; }
+.rb1 { top: 0; left: 0; height: 48px;  }
+.rb2 { top: 0; left: 109px; height: 48px; }
+.rb3 { top: 0; left: 218px; height: 48px; }
+.rb4 { top: 0; left: 327px; height: 72px; }
+.rb5 { top: 48px; right: 96px; height: 24px; }
+.rb6 { top: 48px; right: 192px; height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is the same.</div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-004.xht
new file mode 100644
index 00000000000..bad040fe3e2
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-004.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: justify, dir=ltr</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
+.ref { text-align: right; position: relative; height:72px;  }
+.rb { position: absolute;  background-color: orange;  width: 72px; }
+.rb1 { top: 0; right: 0; height: 48px;  }
+.rb2 { top: 0; right: 109px; height: 48px; }
+.rb3 { top: 0; right: 218px; height: 48px; }
+.rb4 { top: 0; right: 327px; height: 72px; }
+.rb5 { top: 48px; left: 96px; height: 24px; }
+.rb6 { top: 48px; left: 192px; height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
+<div dir="rtl">
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-005.xht
new file mode 100644
index 00000000000..b3842fca171
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-005.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: justify, dir=auto, RTL first strong</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
+.ref { text-align: right; position: relative; height:72px;  }
+.rb { position: absolute;  background-color: orange;  width: 72px; }
+.rb1 { top: 0; left: 0; height: 48px;  }
+.rb2 { top: 0; left: 109px; height: 48px; }
+.rb3 { top: 0; left: 218px; height: 48px; }
+.rb4 { top: 0; left: 327px; height: 72px; }
+.rb5 { top: 48px; right: 96px; height: 24px; }
+.rb6 { top: 48px; right: 192px; height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is the same.</div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-006.xht
new file mode 100644
index 00000000000..f2d732ae6ce
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-006.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: justify, dir=auto, LTR first strong</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
+.ref { text-align: right; position: relative; height:72px;  }
+.rb { position: absolute;  background-color: orange;  width: 72px; }
+.rb1 { top: 0; right: 0; height: 48px;  }
+.rb2 { top: 0; right: 109px; height: 48px; }
+.rb3 { top: 0; right: 218px; height: 48px; }
+.rb4 { top: 0; right: 327px; height: 72px; }
+.rb5 { top: 48px; left: 96px; height: 24px; }
+.rb6 { top: 48px; left: 192px; height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is the same.</div>
+<div dir="rtl">
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-001.xht
new file mode 100644
index 00000000000..dd6d2cf2867
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-001.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: justify-all, direction: rtl</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
+.ref { text-align: right; position: relative; height:72px;  }
+.rb { position: absolute;  background-color: orange;  width: 72px; }
+.rb1 { top: 0; left: 0; height: 48px;  }
+.rb2 { top: 0; left: 109px; height: 48px; }
+.rb3 { top: 0; left: 218px; height: 48px; }
+.rb4 { top: 0; left: 327px; height: 72px; }
+.rb5 { top: 48px; right: 96px; height: 24px; }
+.rb6 { top: 48px; right: 192px; height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is the same.</div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-002.xht
new file mode 100644
index 00000000000..27dbf26fe48
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-002.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: justify-all, direction: ltr</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
+.ref { text-align: right; position: relative; height:72px;  }
+.rb { position: absolute;  background-color: orange;  width: 72px; }
+.rb1 { top: 0; right: 0; height: 48px;  }
+.rb2 { top: 0; right: 109px; height: 48px; }
+.rb3 { top: 0; right: 218px; height: 48px; }
+.rb4 { top: 0; right: 327px; height: 72px; }
+.rb5 { top: 48px; left: 96px; height: 24px; }
+.rb6 { top: 48px; left: 192px; height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
+<div style="direction: rtl;">
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-003.xht
new file mode 100644
index 00000000000..d2a2e1e3cd7
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-003.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: justify-all, dir=rtl</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
+.ref { text-align: right; position: relative; height:72px;  }
+.rb { position: absolute;  background-color: orange;  width: 72px; }
+.rb1 { top: 0; left: 0; height: 48px;  }
+.rb2 { top: 0; left: 109px; height: 48px; }
+.rb3 { top: 0; left: 218px; height: 48px; }
+.rb4 { top: 0; left: 327px; height: 72px; }
+.rb5 { top: 48px; right: 96px; height: 24px; }
+.rb6 { top: 48px; right: 192px; height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is the same.</div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-004.xht
new file mode 100644
index 00000000000..5f2e89e1bcc
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-004.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: justify-all, dir=ltr</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
+.ref { text-align: right; position: relative; height:72px;  }
+.rb { position: absolute;  background-color: orange;  width: 72px; }
+.rb1 { top: 0; right: 0; height: 48px;  }
+.rb2 { top: 0; right: 109px; height: 48px; }
+.rb3 { top: 0; right: 218px; height: 48px; }
+.rb4 { top: 0; right: 327px; height: 72px; }
+.rb5 { top: 48px; left: 96px; height: 24px; }
+.rb6 { top: 48px; left: 192px; height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
+<div dir="rtl">
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-005.xht
new file mode 100644
index 00000000000..dfbbb8b4dc1
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-005.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: justify-all, dir=auto, RTL first strong</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
+.ref { text-align: right; position: relative; height:72px;  }
+.rb { position: absolute;  background-color: orange;  width: 72px; }
+.rb1 { top: 0; left: 0; height: 48px;  }
+.rb2 { top: 0; left: 109px; height: 48px; }
+.rb3 { top: 0; left: 218px; height: 48px; }
+.rb4 { top: 0; left: 327px; height: 72px; }
+.rb5 { top: 48px; right: 96px; height: 24px; }
+.rb6 { top: 48px; right: 192px; height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is the same.</div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-006.xht
new file mode 100644
index 00000000000..6cb1c0deeaf
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-006.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: justify-all, dir=auto, LTR first strong</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; }
+.ref { text-align: right; position: relative; height:72px;  }
+.rb { position: absolute;  background-color: orange;  width: 72px; }
+.rb1 { top: 0; right: 0; height: 48px;  }
+.rb2 { top: 0; right: 109px; height: 48px; }
+.rb3 { top: 0; right: 218px; height: 48px; }
+.rb4 { top: 0; right: 327px; height: 72px; }
+.rb5 { top: 48px; left: 96px; height: 24px; }
+.rb6 { top: 48px; left: 192px; height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is the same.</div>
+<div dir="rtl">
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-001.xht
new file mode 100644
index 00000000000..f2d76217ff3
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-001.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: start, direction: rtl</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test { text-align: start; direction: rtl; }
+/* the CSS below is not part of the test */
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 24px; }
+#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px;  height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div>
+<div class="ref"><div id="rb1"></div></div>
+<div class="ref"><div id="rb1"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-002.xht
new file mode 100644
index 00000000000..cb69623e308
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-002.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: start, direction: ltr</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test { text-align: start; direction: ltr; }
+/* the CSS below is not part of the test */
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 24px; }
+#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px;  height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div>
+<div style="direction: rtl;">
+<div class="ref"><div id="rb1"></div></div>
+<div class="ref"><div id="rb1"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-003.xht
new file mode 100644
index 00000000000..03874d52960
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-003.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: start, dir=rtl</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test { text-align: start; }
+/* the CSS below is not part of the test */
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 24px; }
+#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px;  height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
+<div class="ref"><div id="rb1"></div></div>
+<div class="ref"><div id="rb1"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-004.xht
new file mode 100644
index 00000000000..50fa1752665
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-004.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: start, dir=ltr</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test { text-align: start; }
+/* the CSS below is not part of the test */
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 24px; }
+#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px;  height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
+<div dir="rtl">
+<div class="ref"><div id="rb1"></div></div>
+<div class="ref"><div id="rb1"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-005.xht
new file mode 100644
index 00000000000..46fe5cab0da
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-005.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: start, direction: rtl</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test { text-align: start; direction: rtl; }
+/* the CSS below is not part of the test */
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 72px; }
+.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px;  height: 72px; }
+.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px;  height: 72px; }
+.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-006.xht
new file mode 100644
index 00000000000..0f7e4a2e0d7
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-006.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: start, direction: ltr</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test { text-align: start; direction: ltr; }
+/* the CSS below is not part of the test */
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 72px; }
+.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px;  height: 72px; }
+.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px;  height: 72px; }
+.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes is identical.</div>
+<div style="direction: rtl;">
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-007.xht
new file mode 100644
index 00000000000..4d303d7acf2
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-007.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: start, dir=rtl</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test { text-align: start; }
+/* the CSS below is not part of the test */
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 72px; }
+.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px;  height: 72px; }
+.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px;  height: 72px; }
+.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-008.xht
new file mode 100644
index 00000000000..3a523fe9f67
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-008.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: start, dir=ltr</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test { text-align: start; }
+/* the CSS below is not part of the test */
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 72px; }
+.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px;  height: 72px; }
+.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px;  height: 72px; }
+.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
+<div dir="rtl">
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-009.xht
new file mode 100644
index 00000000000..df9e076115c
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-009.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: start, dir=auto, RTL first strong</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test { text-align: start; }
+/* the CSS below is not part of the test */
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 72px; }
+.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px;  height: 72px; }
+.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px;  height: 72px; }
+.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-010.xht
new file mode 100644
index 00000000000..2b291c024d7
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-010.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: start, dir=auto, LTR first strong</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test { text-align: start; }
+/* the CSS below is not part of the test */
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 72px; }
+.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px;  height: 72px; }
+.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px;  height: 72px; }
+.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
+<div dir="rtl">
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-014.xht
new file mode 100644
index 00000000000..a2e5267883d
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-014.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: start, pre, dir=rtl inherited</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test { text-align: start; }
+/* the CSS below is not part of the test */
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 48px; }
+#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
+<div dir="rtl">
+<div class="ref"><div id="rb1"></div></div>
+<div class="ref"><div id="rb1"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-015.xht
new file mode 100644
index 00000000000..8d8b8508a9b
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-015.xht
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: start, pre, dir=ltr inherited</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test { text-align: start; }
+/* the CSS below is not part of the test */
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 48px; }
+#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
+<div dir="ltr">
+<div class="ref"><div id="rb1"></div></div>
+<div class="ref"><div id="rb1"></div></div>
+</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-016.xht
new file mode 100644
index 00000000000..9ae70b5f116
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-016.xht
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: start, pre, dir=auto</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test { text-align: start; }
+/* the CSS below is not part of the test */
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 48px; }
+.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px;  height: 24px; }
+.rb2 { position: absolute; bottom: 0; right: 0; background-color: orange; width: 72px;  height: 24px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div></div>
+<div class="ref"><div class="rb1"></div><div class="rb2"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-017.xht
new file mode 100644
index 00000000000..f8c199d27b0
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-017.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
+<title>text-align: start, pre, dir=auto on surrounding block</title>
+<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
+<style type="text/css">
+.test { text-align: start; }
+/* the CSS below is not part of the test */
+.test, .ref { border: 1px solid orange;  margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
+.ref { position: relative;  height: 48px; }
+#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px;  height: 48px; }
+</style>
+</head>
+<body>
+<div id="instructions">Test passes if shading in both orange boxes is identical.</div>
+<div class="ref"><div id="rb1"></div></div>
+<div class="ref"><div id="rb1"></div></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest-toc.xht
index 8a315b2bfb0..0d9adef6d13 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest-toc.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest-toc.xht
@@ -4204,7 +4204,7 @@
       <tr>
         <td rowspan="1" title="text-align: end, direction: rtl">
           <a href="text-align-end-001.xht">text-align-end-001</a></td>
-        <td><a href="reference/text-align-end-001.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-001.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4212,7 +4212,7 @@
       <tr>
         <td rowspan="1" title="text-align: end, direction: ltr">
           <a href="text-align-end-002.xht">text-align-end-002</a></td>
-        <td><a href="reference/text-align-end-002.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-002.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4220,7 +4220,7 @@
       <tr>
         <td rowspan="1" title="text-align: end, dir=rtl">
           <a href="text-align-end-003.xht">text-align-end-003</a></td>
-        <td><a href="reference/text-align-end-003.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-003.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4228,7 +4228,7 @@
       <tr>
         <td rowspan="1" title="text-align: end, dir=ltr">
           <a href="text-align-end-004.xht">text-align-end-004</a></td>
-        <td><a href="reference/text-align-end-004.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-004.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4236,7 +4236,7 @@
       <tr>
         <td rowspan="1" title="text-align: end, direction: rtl">
           <a href="text-align-end-005.xht">text-align-end-005</a></td>
-        <td><a href="reference/text-align-end-005.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-005.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4244,7 +4244,7 @@
       <tr>
         <td rowspan="1" title="text-align: end, direction: ltr">
           <a href="text-align-end-006.xht">text-align-end-006</a></td>
-        <td><a href="reference/text-align-end-006.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-006.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4252,7 +4252,7 @@
       <tr>
         <td rowspan="1" title="text-align: end, dir=rtl">
           <a href="text-align-end-007.xht">text-align-end-007</a></td>
-        <td><a href="reference/text-align-end-007.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-007.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4260,7 +4260,7 @@
       <tr>
         <td rowspan="1" title="text-align: end, dir=ltr">
           <a href="text-align-end-008.xht">text-align-end-008</a></td>
-        <td><a href="reference/text-align-end-008.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-008.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4268,7 +4268,7 @@
       <tr>
         <td rowspan="1" title="text-align: end, dir=auto, RTL first strong">
           <a href="text-align-end-009.xht">text-align-end-009</a></td>
-        <td><a href="reference/text-align-end-009.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-009.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4276,7 +4276,7 @@
       <tr>
         <td rowspan="1" title="text-align: end, dir=auto, LTR first strong">
           <a href="text-align-end-010.xht">text-align-end-010</a></td>
-        <td><a href="reference/text-align-end-010.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-010.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4284,7 +4284,7 @@
       <tr>
         <td rowspan="1" title="text-align: end, pre, dir=rtl inherited">
           <a href="text-align-end-014.xht">text-align-end-014</a></td>
-        <td><a href="reference/text-align-end-014.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-014.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4292,7 +4292,7 @@
       <tr>
         <td rowspan="1" title="text-align: end, pre, dir=ltr inherited">
           <a href="text-align-end-015.xht">text-align-end-015</a></td>
-        <td><a href="reference/text-align-end-015.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-015.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4300,7 +4300,7 @@
       <tr>
         <td rowspan="1" title="text-align: end, pre, dir=auto">
           <a href="text-align-end-016.xht">text-align-end-016</a></td>
-        <td><a href="reference/text-align-end-016.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-016.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4308,7 +4308,7 @@
       <tr>
         <td rowspan="1" title="text-align: end, pre, dir=auto on surrounding block">
           <a href="text-align-end-017.xht">text-align-end-017</a></td>
-        <td><a href="reference/text-align-end-017.xht">=</a> </td>
+        <td><a href="reference/text-align-end-ref-017.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4316,7 +4316,7 @@
       <tr>
         <td rowspan="1" title="text-align: justify, direction: rtl">
           <a href="text-align-justify-001.xht">text-align-justify-001</a></td>
-        <td><a href="reference/text-align-justify-001.xht">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-001.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4324,7 +4324,7 @@
       <tr>
         <td rowspan="1" title="text-align: justify, direction: ltr">
           <a href="text-align-justify-002.xht">text-align-justify-002</a></td>
-        <td><a href="reference/text-align-justify-002.xht">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-002.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4332,7 +4332,7 @@
       <tr>
         <td rowspan="1" title="text-align: justify, dir=rtl">
           <a href="text-align-justify-003.xht">text-align-justify-003</a></td>
-        <td><a href="reference/text-align-justify-003.xht">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-003.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4340,7 +4340,7 @@
       <tr>
         <td rowspan="1" title="text-align: justify, dir=ltr">
           <a href="text-align-justify-004.xht">text-align-justify-004</a></td>
-        <td><a href="reference/text-align-justify-004.xht">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-004.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4348,7 +4348,7 @@
       <tr>
         <td rowspan="1" title="text-align: justify, dir=auto, RTL first strong">
           <a href="text-align-justify-005.xht">text-align-justify-005</a></td>
-        <td><a href="reference/text-align-justify-005.xht">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-005.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4356,7 +4356,7 @@
       <tr>
         <td rowspan="1" title="text-align: justify, dir=auto, LTR first strong">
           <a href="text-align-justify-006.xht">text-align-justify-006</a></td>
-        <td><a href="reference/text-align-justify-006.xht">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-006.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4364,7 +4364,7 @@
       <tr>
         <td rowspan="1" title="text-align: justify-all, direction: rtl">
           <a href="text-align-justifyall-001.xht">text-align-justifyall-001</a></td>
-        <td><a href="reference/text-align-justifyall-001.xht">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-001.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4372,7 +4372,7 @@
       <tr>
         <td rowspan="1" title="text-align: justify-all, direction: ltr">
           <a href="text-align-justifyall-002.xht">text-align-justifyall-002</a></td>
-        <td><a href="reference/text-align-justifyall-002.xht">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-002.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4380,7 +4380,7 @@
       <tr>
         <td rowspan="1" title="text-align: justify-all, dir=rtl">
           <a href="text-align-justifyall-003.xht">text-align-justifyall-003</a></td>
-        <td><a href="reference/text-align-justifyall-003.xht">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-003.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4388,7 +4388,7 @@
       <tr>
         <td rowspan="1" title="text-align: justify-all, dir=ltr">
           <a href="text-align-justifyall-004.xht">text-align-justifyall-004</a></td>
-        <td><a href="reference/text-align-justifyall-004.xht">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-004.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4396,7 +4396,7 @@
       <tr>
         <td rowspan="1" title="text-align: justify-all, dir=auto, RTL first strong">
           <a href="text-align-justifyall-005.xht">text-align-justifyall-005</a></td>
-        <td><a href="reference/text-align-justifyall-005.xht">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-005.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4404,7 +4404,7 @@
       <tr>
         <td rowspan="1" title="text-align: justify-all, dir=auto, LTR first strong">
           <a href="text-align-justifyall-006.xht">text-align-justifyall-006</a></td>
-        <td><a href="reference/text-align-justifyall-006.xht">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-006.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4468,7 +4468,7 @@
       <tr>
         <td rowspan="1" title="text-align: start, direction: rtl">
           <a href="text-align-start-001.xht">text-align-start-001</a></td>
-        <td><a href="reference/text-align-start-001.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-001.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4476,7 +4476,7 @@
       <tr>
         <td rowspan="1" title="text-align: start, direction: ltr">
           <a href="text-align-start-002.xht">text-align-start-002</a></td>
-        <td><a href="reference/text-align-start-002.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-002.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4484,7 +4484,7 @@
       <tr>
         <td rowspan="1" title="text-align: start, dir=rtl">
           <a href="text-align-start-003.xht">text-align-start-003</a></td>
-        <td><a href="reference/text-align-start-003.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-003.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4492,7 +4492,7 @@
       <tr>
         <td rowspan="1" title="text-align: start, dir=ltr">
           <a href="text-align-start-004.xht">text-align-start-004</a></td>
-        <td><a href="reference/text-align-start-004.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-004.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4500,7 +4500,7 @@
       <tr>
         <td rowspan="1" title="text-align: start, direction: rtl">
           <a href="text-align-start-005.xht">text-align-start-005</a></td>
-        <td><a href="reference/text-align-start-005.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-005.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4508,7 +4508,7 @@
       <tr>
         <td rowspan="1" title="text-align: start, direction: ltr">
           <a href="text-align-start-006.xht">text-align-start-006</a></td>
-        <td><a href="reference/text-align-start-006.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-006.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4516,7 +4516,7 @@
       <tr>
         <td rowspan="1" title="text-align: start, dir=rtl">
           <a href="text-align-start-007.xht">text-align-start-007</a></td>
-        <td><a href="reference/text-align-start-007.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-007.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4524,7 +4524,7 @@
       <tr>
         <td rowspan="1" title="text-align: start, dir=ltr">
           <a href="text-align-start-008.xht">text-align-start-008</a></td>
-        <td><a href="reference/text-align-start-008.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-008.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4532,7 +4532,7 @@
       <tr>
         <td rowspan="1" title="text-align: start, dir=auto, RTL first strong">
           <a href="text-align-start-009.xht">text-align-start-009</a></td>
-        <td><a href="reference/text-align-start-009.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-009.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4540,7 +4540,7 @@
       <tr>
         <td rowspan="1" title="text-align: start, dir=auto, LTR first strong">
           <a href="text-align-start-010.xht">text-align-start-010</a></td>
-        <td><a href="reference/text-align-start-010.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-010.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4548,7 +4548,7 @@
       <tr>
         <td rowspan="1" title="text-align: start, pre, dir=rtl inherited">
           <a href="text-align-start-014.xht">text-align-start-014</a></td>
-        <td><a href="reference/text-align-start-014.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-014.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4556,7 +4556,7 @@
       <tr>
         <td rowspan="1" title="text-align: start, pre, dir=ltr inherited">
           <a href="text-align-start-015.xht">text-align-start-015</a></td>
-        <td><a href="reference/text-align-start-015.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-015.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4564,7 +4564,7 @@
       <tr>
         <td rowspan="1" title="text-align: start, pre, dir=auto">
           <a href="text-align-start-016.xht">text-align-start-016</a></td>
-        <td><a href="reference/text-align-start-016.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-016.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
@@ -4572,7 +4572,7 @@
       <tr>
         <td rowspan="1" title="text-align: start, pre, dir=auto on surrounding block">
           <a href="text-align-start-017.xht">text-align-start-017</a></td>
-        <td><a href="reference/text-align-start-017.xht">=</a> </td>
+        <td><a href="reference/text-align-start-ref-017.xht">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest.list
index f864e053657..d18b41ccb4c 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest.list
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest.list
@@ -521,32 +521,32 @@ tab-size-percent-001.xht == reference/tab-size-length-001-ref.xht
 text-align-006.xht == reference/text-align-006-ref.xht
 text-align-007.xht == reference/text-align-007-ref.xht
 text-align-008.xht == reference/text-align-007-ref.xht
-text-align-end-001.xht == reference/text-align-end-001.xht
-text-align-end-002.xht == reference/text-align-end-002.xht
-text-align-end-003.xht == reference/text-align-end-003.xht
-text-align-end-004.xht == reference/text-align-end-004.xht
-text-align-end-005.xht == reference/text-align-end-005.xht
-text-align-end-006.xht == reference/text-align-end-006.xht
-text-align-end-007.xht == reference/text-align-end-007.xht
-text-align-end-008.xht == reference/text-align-end-008.xht
-text-align-end-009.xht == reference/text-align-end-009.xht
-text-align-end-010.xht == reference/text-align-end-010.xht
-text-align-end-014.xht == reference/text-align-end-014.xht
-text-align-end-015.xht == reference/text-align-end-015.xht
-text-align-end-016.xht == reference/text-align-end-016.xht
-text-align-end-017.xht == reference/text-align-end-017.xht
-text-align-justify-001.xht == reference/text-align-justify-001.xht
-text-align-justify-002.xht == reference/text-align-justify-002.xht
-text-align-justify-003.xht == reference/text-align-justify-003.xht
-text-align-justify-004.xht == reference/text-align-justify-004.xht
-text-align-justify-005.xht == reference/text-align-justify-005.xht
-text-align-justify-006.xht == reference/text-align-justify-006.xht
-text-align-justifyall-001.xht == reference/text-align-justifyall-001.xht
-text-align-justifyall-002.xht == reference/text-align-justifyall-002.xht
-text-align-justifyall-003.xht == reference/text-align-justifyall-003.xht
-text-align-justifyall-004.xht == reference/text-align-justifyall-004.xht
-text-align-justifyall-005.xht == reference/text-align-justifyall-005.xht
-text-align-justifyall-006.xht == reference/text-align-justifyall-006.xht
+text-align-end-001.xht == reference/text-align-end-ref-001.xht
+text-align-end-002.xht == reference/text-align-end-ref-002.xht
+text-align-end-003.xht == reference/text-align-end-ref-003.xht
+text-align-end-004.xht == reference/text-align-end-ref-004.xht
+text-align-end-005.xht == reference/text-align-end-ref-005.xht
+text-align-end-006.xht == reference/text-align-end-ref-006.xht
+text-align-end-007.xht == reference/text-align-end-ref-007.xht
+text-align-end-008.xht == reference/text-align-end-ref-008.xht
+text-align-end-009.xht == reference/text-align-end-ref-009.xht
+text-align-end-010.xht == reference/text-align-end-ref-010.xht
+text-align-end-014.xht == reference/text-align-end-ref-014.xht
+text-align-end-015.xht == reference/text-align-end-ref-015.xht
+text-align-end-016.xht == reference/text-align-end-ref-016.xht
+text-align-end-017.xht == reference/text-align-end-ref-017.xht
+text-align-justify-001.xht == reference/text-align-justify-ref-001.xht
+text-align-justify-002.xht == reference/text-align-justify-ref-002.xht
+text-align-justify-003.xht == reference/text-align-justify-ref-003.xht
+text-align-justify-004.xht == reference/text-align-justify-ref-004.xht
+text-align-justify-005.xht == reference/text-align-justify-ref-005.xht
+text-align-justify-006.xht == reference/text-align-justify-ref-006.xht
+text-align-justifyall-001.xht == reference/text-align-justifyall-ref-001.xht
+text-align-justifyall-002.xht == reference/text-align-justifyall-ref-002.xht
+text-align-justifyall-003.xht == reference/text-align-justifyall-ref-003.xht
+text-align-justifyall-004.xht == reference/text-align-justifyall-ref-004.xht
+text-align-justifyall-005.xht == reference/text-align-justifyall-ref-005.xht
+text-align-justifyall-006.xht == reference/text-align-justifyall-ref-006.xht
 text-align-last-010.xht == reference/text-align-last-010-ref.xht
 text-align-last-011.xht == reference/text-align-last-010-ref.xht
 text-align-match-parent-02.xht == reference/text-align-match-parent-ref.xht
@@ -554,20 +554,20 @@ text-align-match-parent-03.xht == reference/text-align-match-parent-ref.xht
 text-align-match-parent-04.xht == reference/text-align-match-parent-ref.xht
 text-align-match-parent-root-ltr.xht == reference/text-align-match-parent-root-ltr-ref.xht
 text-align-match-parent-root-rtl.xht == reference/text-align-match-parent-root-rtl-ref.xht
-text-align-start-001.xht == reference/text-align-start-001.xht
-text-align-start-002.xht == reference/text-align-start-002.xht
-text-align-start-003.xht == reference/text-align-start-003.xht
-text-align-start-004.xht == reference/text-align-start-004.xht
-text-align-start-005.xht == reference/text-align-start-005.xht
-text-align-start-006.xht == reference/text-align-start-006.xht
-text-align-start-007.xht == reference/text-align-start-007.xht
-text-align-start-008.xht == reference/text-align-start-008.xht
-text-align-start-009.xht == reference/text-align-start-009.xht
-text-align-start-010.xht == reference/text-align-start-010.xht
-text-align-start-014.xht == reference/text-align-start-014.xht
-text-align-start-015.xht == reference/text-align-start-015.xht
-text-align-start-016.xht == reference/text-align-start-016.xht
-text-align-start-017.xht == reference/text-align-start-017.xht
+text-align-start-001.xht == reference/text-align-start-ref-001.xht
+text-align-start-002.xht == reference/text-align-start-ref-002.xht
+text-align-start-003.xht == reference/text-align-start-ref-003.xht
+text-align-start-004.xht == reference/text-align-start-ref-004.xht
+text-align-start-005.xht == reference/text-align-start-ref-005.xht
+text-align-start-006.xht == reference/text-align-start-ref-006.xht
+text-align-start-007.xht == reference/text-align-start-ref-007.xht
+text-align-start-008.xht == reference/text-align-start-ref-008.xht
+text-align-start-009.xht == reference/text-align-start-ref-009.xht
+text-align-start-010.xht == reference/text-align-start-ref-010.xht
+text-align-start-014.xht == reference/text-align-start-ref-014.xht
+text-align-start-015.xht == reference/text-align-start-ref-015.xht
+text-align-start-016.xht == reference/text-align-start-ref-016.xht
+text-align-start-017.xht == reference/text-align-start-ref-017.xht
 text-emphasis-color-001.xht == reference/text-emphasis-color-001-ref.xht
 text-emphasis-position-above-left-001.xht == reference/text-emphasis-position-above-left-001-ref.xht
 text-emphasis-position-above-left-002.xht == reference/text-emphasis-position-above-left-002-ref.xht
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf
index c919d9091d0..84ad57bef5a 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/adobe-fonts/README.md
index 2f757669727..686cb0c4279 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/adobe-fonts/README.md
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/adobe-fonts/README.md
@@ -3,7 +3,8 @@ CSS Orientation Test
 
 Overview
 ----
-CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool.
+CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files 
+that were used to build these OpenType fonts by using the AFDKO *makeotf* tool.
 
 Getting Involved
 ----
@@ -14,20 +15,26 @@ Building
 
 Pre-built font binaries
 ----
-The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/).
+The installable font resources (font binaries) are not part of the source files. 
+They are available at  https://github.com/adobe-fonts/css-orientation-test/
+The latest version of the font binaries is 1.005 (October 2015).
 
 
 Requirements
 ----
 
-For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications.
+For building binary font files from source, installation of the 
+[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) 
+is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications.
 
 Building the fonts
 ----
 
-The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*.
+The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found 
+by executing *makeotf -h*.
 
-In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table:
+In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font 
+for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table:
 
     % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H
     % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-001.xht
index 409884fe4f7..810e99b56f3 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-001.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-001.xht
@@ -4,7 +4,7 @@
 <title>text-align: end, direction: rtl</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-end-001.xht" rel="match" />
+<link href="reference/text-align-end-ref-001.xht" rel="match" />
 <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert" />
 <style type="text/css">
 .test { text-align: end; direction: rtl; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-002.xht
index a3e2156c717..a862d02192b 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-002.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-002.xht
@@ -4,7 +4,7 @@
 <title>text-align: end, direction: ltr</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-end-002.xht" rel="match" />
+<link href="reference/text-align-end-ref-002.xht" rel="match" />
 <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert" />
 <style type="text/css">
 .test { text-align: end; direction: ltr; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-003.xht
index f648c52d992..219d7403aa8 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-003.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-003.xht
@@ -4,7 +4,7 @@
 <title>text-align: end, dir=rtl</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-end-003.xht" rel="match" />
+<link href="reference/text-align-end-ref-003.xht" rel="match" />
 <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert" />
 <style type="text/css">
 .test { text-align: end; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-004.xht
index bbda7e3a5f1..579d3f12a9d 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-004.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-004.xht
@@ -4,7 +4,7 @@
 <title>text-align: end, dir=ltr</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-end-004.xht" rel="match" />
+<link href="reference/text-align-end-ref-004.xht" rel="match" />
 <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert" />
 <style type="text/css">
 .test { text-align: end; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-005.xht
index 7cc89e2c800..3a68e845a8f 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-005.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-005.xht
@@ -4,7 +4,7 @@
 <title>text-align: end, direction: rtl</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-end-005.xht" rel="match" />
+<link href="reference/text-align-end-ref-005.xht" rel="match" />
 <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert" />
 <style type="text/css">
 .test { text-align: end; direction: rtl; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-006.xht
index b4407849345..a57b3d609fb 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-006.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-006.xht
@@ -4,7 +4,7 @@
 <title>text-align: end, direction: ltr</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-end-006.xht" rel="match" />
+<link href="reference/text-align-end-ref-006.xht" rel="match" />
 <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert" />
 <style type="text/css">
 .test { text-align: end; direction: ltr; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-007.xht
index d747c45f870..0e6a26594bd 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-007.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-007.xht
@@ -4,7 +4,7 @@
 <title>text-align: end, dir=rtl</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-end-007.xht" rel="match" />
+<link href="reference/text-align-end-ref-007.xht" rel="match" />
 <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert" />
 <style type="text/css">
 .test { text-align: end; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-008.xht
index 22ad73b27a1..4003c73f6fb 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-008.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-008.xht
@@ -4,7 +4,7 @@
 <title>text-align: end, dir=ltr</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-end-008.xht" rel="match" />
+<link href="reference/text-align-end-ref-008.xht" rel="match" />
 <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert" />
 <style type="text/css">
 .test { text-align: end; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-009.xht
index 294b99a2dcc..9da4a661d6d 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-009.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-009.xht
@@ -4,7 +4,7 @@
 <title>text-align: end, dir=auto, RTL first strong</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-end-009.xht" rel="match" />
+<link href="reference/text-align-end-ref-009.xht" rel="match" />
 <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is auto and first strong character is rtl." name="assert" />
 <style type="text/css">
 .test { text-align: end; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-010.xht
index f773f8be424..22c4d754eee 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-010.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-010.xht
@@ -4,7 +4,7 @@
 <title>text-align: end, dir=auto, LTR first strong</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-end-010.xht" rel="match" />
+<link href="reference/text-align-end-ref-010.xht" rel="match" />
 <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is auto and first strong character is ltr." name="assert" />
 <style type="text/css">
 .test { text-align: end; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-014.xht
index 9cbfb016a25..c9df02d3221 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-014.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-014.xht
@@ -4,7 +4,7 @@
 <title>text-align: end, pre, dir=rtl inherited</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-end-014.xht" rel="match" />
+<link href="reference/text-align-end-ref-014.xht" rel="match" />
 <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when base direction is rtl." name="assert" />
 <style type="text/css">
 .test { text-align: end; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-015.xht
index dea6b80cf63..54207c52c06 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-015.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-015.xht
@@ -4,7 +4,7 @@
 <title>text-align: end, pre, dir=ltr inherited</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-end-015.xht" rel="match" />
+<link href="reference/text-align-end-ref-015.xht" rel="match" />
 <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when base  direction is  ltr." name="assert" />
 <style type="text/css">
 .test { text-align: end; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-016.xht
index c850bdc42d2..a144c5ae9d6 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-016.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-016.xht
@@ -4,7 +4,7 @@
 <title>text-align: end, pre, dir=auto</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-end-016.xht" rel="match" />
+<link href="reference/text-align-end-ref-016.xht" rel="match" />
 <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is auto and first strong character is ltr, and left when first strong is rtl." name="assert" />
 <style type="text/css">
 .test { text-align: end; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-017.xht
index 8251d0d65b9..2f97ec45fa0 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-017.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-017.xht
@@ -4,7 +4,7 @@
 <title>text-align: end, pre, dir=auto on surrounding block</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-end-017.xht" rel="match" />
+<link href="reference/text-align-end-ref-017.xht" rel="match" />
 <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. since dir=auto is not inherited by pre, to right in ltr context." name="assert" />
 <style type="text/css">
 .test { text-align: end; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-001.xht
index fb5630120a2..0625b78ebd3 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-001.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-001.xht
@@ -2,7 +2,7 @@
 <html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
 <meta charset="utf-8" />
 <title>text-align: justify, direction: rtl</title>
-<link href="reference/text-align-justify-001.xht" rel="match" />
+<link href="reference/text-align-justify-ref-001.xht" rel="match" />
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
 <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right." name="assert" />
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-002.xht
index 63731ea4ea7..bd79733d3df 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-002.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-002.xht
@@ -2,7 +2,7 @@
 <html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
 <meta charset="utf-8" />
 <title>text-align: justify, direction: ltr</title>
-<link href="reference/text-align-justify-002.xht" rel="match" />
+<link href="reference/text-align-justify-ref-002.xht" rel="match" />
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
 <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left." name="assert" />
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-003.xht
index d170dbb5c9f..ad35906cb35 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-003.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-003.xht
@@ -4,7 +4,7 @@
 <title>text-align: justify, dir=rtl</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-justify-003.xht" rel="match" />
+<link href="reference/text-align-justify-ref-003.xht" rel="match" />
 <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right." name="assert" />
 <style type="text/css">
 .test { text-align: justify; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-004.xht
index f9b5ff9aa1f..cbf4e56e763 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-004.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-004.xht
@@ -4,7 +4,7 @@
 <title>text-align: justify, dir=ltr</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-justify-004.xht" rel="match" />
+<link href="reference/text-align-justify-ref-004.xht" rel="match" />
 <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left." name="assert" />
 <style type="text/css">
 .test { text-align: justify; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-005.xht
index 5a359d49a7a..2fb14d94538 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-005.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-005.xht
@@ -4,7 +4,7 @@
 <title>text-align: justify, dir=auto, RTL first strong</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-justify-005.xht" rel="match" />
+<link href="reference/text-align-justify-ref-005.xht" rel="match" />
 <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right." name="assert" />
 <style type="text/css">
 .test { text-align: justify; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-006.xht
index 3f08c27c07d..2cd85508479 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-006.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-006.xht
@@ -4,7 +4,7 @@
 <title>text-align: justify, dir=auto, LTR first strong</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-justify-006.xht" rel="match" />
+<link href="reference/text-align-justify-ref-006.xht" rel="match" />
 <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left." name="assert" />
 <style type="text/css">
 .test { text-align: justify; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-001.xht
index 59591a79997..53400395935 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-001.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-001.xht
@@ -4,7 +4,7 @@
 <title>text-align: justify-all, direction: rtl</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-justifyall-001.xht" rel="match" />
+<link href="reference/text-align-justifyall-ref-001.xht" rel="match" />
 <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" />
 <style type="text/css">
 .test { text-align: justify-all; direction: rtl; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-002.xht
index 91a518723a5..bf42b154c5c 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-002.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-002.xht
@@ -4,7 +4,7 @@
 <title>text-align: justify-all, direction: ltr</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-justifyall-002.xht" rel="match" />
+<link href="reference/text-align-justifyall-ref-002.xht" rel="match" />
 <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" />
 <style type="text/css">
 .test { text-align: justify-all; direction: ltr; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-003.xht
index bfd2df68161..bbd196d5699 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-003.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-003.xht
@@ -4,7 +4,7 @@
 <title>text-align: justify-all, dir=rtl</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-justifyall-003.xht" rel="match" />
+<link href="reference/text-align-justifyall-ref-003.xht" rel="match" />
 <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" />
 <style type="text/css">
 .test { text-align: justify-all; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-004.xht
index 23b2c645306..1cdc554e2fd 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-004.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-004.xht
@@ -3,7 +3,7 @@
 <meta charset="utf-8" />
 <title>text-align: justify-all, dir=ltr</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
-<link href="reference/text-align-justifyall-004.xht" rel="match" />
+<link href="reference/text-align-justifyall-ref-004.xht" rel="match" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
 <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" />
 <style type="text/css">
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-005.xht
index f3cdbb8f2e9..cf9a56457fa 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-005.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-005.xht
@@ -4,7 +4,7 @@
 <title>text-align: justify-all, dir=auto, RTL first strong</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-justifyall-005.xht" rel="match" />
+<link href="reference/text-align-justifyall-ref-005.xht" rel="match" />
 <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" />
 <style type="text/css">
 .test { text-align: justify-all; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-006.xht
index 21b26075a85..cfaa1c9bffb 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-006.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-006.xht
@@ -4,7 +4,7 @@
 <title>text-align: justify-all, dir=auto, LTR first strong</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-justifyall-006.xht" rel="match" />
+<link href="reference/text-align-justifyall-ref-006.xht" rel="match" />
 <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" />
 <style type="text/css">
 .test { text-align: justify-all; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-001.xht
index 019b812dd5d..21726ba2903 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-001.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-001.xht
@@ -4,7 +4,7 @@
 <title>text-align: start, direction: rtl</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-start-001.xht" rel="match" />
+<link href="reference/text-align-start-ref-001.xht" rel="match" />
 <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert" />
 <style type="text/css">
 .test { text-align: start; direction: rtl; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-002.xht
index f1218beddab..d8160b48b72 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-002.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-002.xht
@@ -4,7 +4,7 @@
 <title>text-align: start, direction: ltr</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-start-002.xht" rel="match" />
+<link href="reference/text-align-start-ref-002.xht" rel="match" />
 <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert" />
 <style type="text/css">
 .test { text-align: start; direction: ltr; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-003.xht
index 2663960ae2f..5f4b16aff70 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-003.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-003.xht
@@ -4,7 +4,7 @@
 <title>text-align: start, dir=rtl</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-start-003.xht" rel="match" />
+<link href="reference/text-align-start-ref-003.xht" rel="match" />
 <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert" />
 <style type="text/css">
 .test { text-align: start; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-004.xht
index 60b08a01efe..5a18264ff42 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-004.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-004.xht
@@ -4,7 +4,7 @@
 <title>text-align: start, dir=ltr</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-start-004.xht" rel="match" />
+<link href="reference/text-align-start-ref-004.xht" rel="match" />
 <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert" />
 <style type="text/css">
 .test { text-align: start; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-005.xht
index e56d1cd752d..a6c5d755e24 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-005.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-005.xht
@@ -4,7 +4,7 @@
 <title>text-align: start, direction: rtl</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-start-005.xht" rel="match" />
+<link href="reference/text-align-start-ref-005.xht" rel="match" />
 <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert" />
 <style type="text/css">
 .test { text-align: start; direction: rtl; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-006.xht
index 1dba20a1f39..62a92b7e5c8 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-006.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-006.xht
@@ -4,7 +4,7 @@
 <title>text-align: start, direction: ltr</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-start-006.xht" rel="match" />
+<link href="reference/text-align-start-ref-006.xht" rel="match" />
 <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert" />
 <style type="text/css">
 .test { text-align: start; direction: ltr; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-007.xht
index ace16478d3b..bb229373c84 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-007.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-007.xht
@@ -4,7 +4,7 @@
 <title>text-align: start, dir=rtl</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-start-007.xht" rel="match" />
+<link href="reference/text-align-start-ref-007.xht" rel="match" />
 <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert" />
 <style type="text/css">
 .test { text-align: start; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-008.xht
index f6c12b4a2c4..a9922b8799e 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-008.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-008.xht
@@ -4,7 +4,7 @@
 <title>text-align: start, dir=ltr</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-start-008.xht" rel="match" />
+<link href="reference/text-align-start-ref-008.xht" rel="match" />
 <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert" />
 <style type="text/css">
 .test { text-align: start; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-009.xht
index 780460da745..3a735b68bcb 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-009.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-009.xht
@@ -4,7 +4,7 @@
 <title>text-align: start, dir=auto, RTL first strong</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-start-009.xht" rel="match" />
+<link href="reference/text-align-start-ref-009.xht" rel="match" />
 <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is auto and first strong character is rtl." name="assert" />
 <style type="text/css">
 .test { text-align: start; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-010.xht
index 26b185368ae..2d428f9fb4e 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-010.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-010.xht
@@ -4,7 +4,7 @@
 <title>text-align: start, dir=auto, LTR first strong</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-start-010.xht" rel="match" />
+<link href="reference/text-align-start-ref-010.xht" rel="match" />
 <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is auto and first strong character is ltr." name="assert" />
 <style type="text/css">
 .test { text-align: start; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-014.xht
index 8148148d6f5..ae6dbba948a 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-014.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-014.xht
@@ -4,7 +4,7 @@
 <title>text-align: start, pre, dir=rtl inherited</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-start-014.xht" rel="match" />
+<link href="reference/text-align-start-ref-014.xht" rel="match" />
 <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when base direction is rtl." name="assert" />
 <style type="text/css">
 .test { text-align: start; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-015.xht
index c1d01c75fc1..91727b4f100 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-015.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-015.xht
@@ -4,7 +4,7 @@
 <title>text-align: start, pre, dir=ltr inherited</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-start-015.xht" rel="match" />
+<link href="reference/text-align-start-ref-015.xht" rel="match" />
 <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when base  direction is  ltr." name="assert" />
 <style type="text/css">
 .test { text-align: start; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-016.xht
index 7bfdb67f407..9f35ce6f1a3 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-016.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-016.xht
@@ -4,7 +4,7 @@
 <title>text-align: start, pre, dir=auto</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-start-016.xht" rel="match" />
+<link href="reference/text-align-start-ref-016.xht" rel="match" />
 <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is auto and first strong character is ltr, and right when first strong is rtl." name="assert" />
 <style type="text/css">
 .test { text-align: start; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-017.xht
index a6a42ace14a..08d5a39aa41 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-017.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-017.xht
@@ -4,7 +4,7 @@
 <title>text-align: start, pre, dir=auto on surrounding block</title>
 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" />
 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" />
-<link href="reference/text-align-start-017.xht" rel="match" />
+<link href="reference/text-align-start-ref-017.xht" rel="match" />
 <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. since dir=auto is not inherited by pre, to left in ltr context." name="assert" />
 <style type="text/css">
 .test { text-align: start; }