Update CSS tests to revision 7a87ef71fc579e52d3438e009107aa442bc4021b

263 files changed, 3204 insertions, 630 deletions

diff --git a/tests/wpt/css-tests/css-text-3_dev/html/chapter-7.htm b/tests/wpt/css-tests/css-text-3_dev/html/chapter-7.htm
index ea783777d02..73889b77180 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/chapter-7.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/chapter-7.htm
@@ -41,7 +41,7 @@
       <tr id="text-align-end-001-7.1" class="primary">
         <td><strong>
             <a href="text-align-end-001.htm">text-align-end-001</a></strong></td>
-        <td><a href="reference/text-align-end-001.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-001.htm">=</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.htm">text-align-end-002</a></strong></td>
-        <td><a href="reference/text-align-end-002.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-002.htm">=</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.htm">text-align-end-003</a></strong></td>
-        <td><a href="reference/text-align-end-003.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-003.htm">=</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.htm">text-align-end-004</a></strong></td>
-        <td><a href="reference/text-align-end-004.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-004.htm">=</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.htm">text-align-end-005</a></strong></td>
-        <td><a href="reference/text-align-end-005.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-005.htm">=</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.htm">text-align-end-006</a></strong></td>
-        <td><a href="reference/text-align-end-006.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-006.htm">=</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.htm">text-align-end-007</a></strong></td>
-        <td><a href="reference/text-align-end-007.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-007.htm">=</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.htm">text-align-end-008</a></strong></td>
-        <td><a href="reference/text-align-end-008.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-008.htm">=</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.htm">text-align-end-009</a></strong></td>
-        <td><a href="reference/text-align-end-009.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-009.htm">=</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.htm">text-align-end-010</a></strong></td>
-        <td><a href="reference/text-align-end-010.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-010.htm">=</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.htm">text-align-end-014</a></strong></td>
-        <td><a href="reference/text-align-end-014.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-014.htm">=</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.htm">text-align-end-015</a></strong></td>
-        <td><a href="reference/text-align-end-015.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-015.htm">=</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.htm">text-align-end-016</a></strong></td>
-        <td><a href="reference/text-align-end-016.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-016.htm">=</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.htm">text-align-end-017</a></strong></td>
-        <td><a href="reference/text-align-end-017.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-017.htm">=</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.htm">text-align-justify-001</a></strong></td>
-        <td><a href="reference/text-align-justify-001.htm">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-001.htm">=</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.htm">text-align-justify-002</a></strong></td>
-        <td><a href="reference/text-align-justify-002.htm">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-002.htm">=</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.htm">text-align-justify-003</a></strong></td>
-        <td><a href="reference/text-align-justify-003.htm">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-003.htm">=</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.htm">text-align-justify-004</a></strong></td>
-        <td><a href="reference/text-align-justify-004.htm">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-004.htm">=</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.htm">text-align-justify-005</a></strong></td>
-        <td><a href="reference/text-align-justify-005.htm">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-005.htm">=</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.htm">text-align-justify-006</a></strong></td>
-        <td><a href="reference/text-align-justify-006.htm">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-006.htm">=</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.htm">text-align-justifyall-001</a></strong></td>
-        <td><a href="reference/text-align-justifyall-001.htm">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-001.htm">=</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.htm">text-align-justifyall-002</a></strong></td>
-        <td><a href="reference/text-align-justifyall-002.htm">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-002.htm">=</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.htm">text-align-justifyall-003</a></strong></td>
-        <td><a href="reference/text-align-justifyall-003.htm">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-003.htm">=</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.htm">text-align-justifyall-004</a></strong></td>
-        <td><a href="reference/text-align-justifyall-004.htm">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-004.htm">=</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.htm">text-align-justifyall-005</a></strong></td>
-        <td><a href="reference/text-align-justifyall-005.htm">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-005.htm">=</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.htm">text-align-justifyall-006</a></strong></td>
-        <td><a href="reference/text-align-justifyall-006.htm">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-006.htm">=</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.htm">text-align-start-001</a></strong></td>
-        <td><a href="reference/text-align-start-001.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-001.htm">=</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.htm">text-align-start-002</a></strong></td>
-        <td><a href="reference/text-align-start-002.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-002.htm">=</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.htm">text-align-start-003</a></strong></td>
-        <td><a href="reference/text-align-start-003.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-003.htm">=</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.htm">text-align-start-004</a></strong></td>
-        <td><a href="reference/text-align-start-004.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-004.htm">=</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.htm">text-align-start-005</a></strong></td>
-        <td><a href="reference/text-align-start-005.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-005.htm">=</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.htm">text-align-start-006</a></strong></td>
-        <td><a href="reference/text-align-start-006.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-006.htm">=</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.htm">text-align-start-007</a></strong></td>
-        <td><a href="reference/text-align-start-007.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-007.htm">=</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.htm">text-align-start-008</a></strong></td>
-        <td><a href="reference/text-align-start-008.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-008.htm">=</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.htm">text-align-start-009</a></strong></td>
-        <td><a href="reference/text-align-start-009.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-009.htm">=</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.htm">text-align-start-010</a></strong></td>
-        <td><a href="reference/text-align-start-010.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-010.htm">=</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.htm">text-align-start-014</a></strong></td>
-        <td><a href="reference/text-align-start-014.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-014.htm">=</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.htm">text-align-start-015</a></strong></td>
-        <td><a href="reference/text-align-start-015.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-015.htm">=</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.htm">text-align-start-016</a></strong></td>
-        <td><a href="reference/text-align-start-016.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-016.htm">=</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.htm">text-align-start-017</a></strong></td>
-        <td><a href="reference/text-align-start-017.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-017.htm">=</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/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf
index c919d9091d0..84ad57bef5a 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/README.md
index 2f757669727..686cb0c4279 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/README.md
+++ b/tests/wpt/css-tests/css-text-3_dev/html/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/html/reference/text-align-end-ref-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-001.htm
new file mode 100644
index 00000000000..c76aca5f646
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-001.htm
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-end-ref-002.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-002.htm
new file mode 100644
index 00000000000..c963e1f38fc
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-002.htm
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-end-ref-003.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-003.htm
new file mode 100644
index 00000000000..50033320e82
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-003.htm
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-end-ref-004.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-004.htm
new file mode 100644
index 00000000000..4d8102e16c2
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-004.htm
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-end-ref-005.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-005.htm
new file mode 100644
index 00000000000..df720cf94be
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-005.htm
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-end-ref-006.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-006.htm
new file mode 100644
index 00000000000..6f893ddff6c
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-006.htm
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-end-ref-007.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-007.htm
new file mode 100644
index 00000000000..8472096c26f
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-007.htm
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-end-ref-008.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-008.htm
new file mode 100644
index 00000000000..309574b54e0
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-008.htm
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-end-ref-009.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-009.htm
new file mode 100644
index 00000000000..35d16ea0c10
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-009.htm
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-end-ref-010.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-010.htm
new file mode 100644
index 00000000000..63d0bd79e9c
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-010.htm
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-end-ref-014.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-014.htm
new file mode 100644
index 00000000000..715e4b3e7cf
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-014.htm
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-end-ref-015.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-015.htm
new file mode 100644
index 00000000000..a17d0e7497d
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-015.htm
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-end-ref-016.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-016.htm
new file mode 100644
index 00000000000..252aa111308
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-016.htm
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-end-ref-017.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-017.htm
new file mode 100644
index 00000000000..27b24f07748
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-017.htm
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-justify-ref-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-001.htm
new file mode 100644
index 00000000000..19bd64776f7
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-001.htm
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-justify-ref-002.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-002.htm
new file mode 100644
index 00000000000..212801325e5
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-002.htm
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-justify-ref-003.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-003.htm
new file mode 100644
index 00000000000..fe23bbe1196
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-003.htm
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-justify-ref-004.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-004.htm
new file mode 100644
index 00000000000..d0887d00ed9
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-004.htm
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-justify-ref-005.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-005.htm
new file mode 100644
index 00000000000..bf3848d67bc
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-005.htm
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-justify-ref-006.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-006.htm
new file mode 100644
index 00000000000..d4d780136f0
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-006.htm
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-justifyall-ref-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-001.htm
new file mode 100644
index 00000000000..ddbf17c3014
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-001.htm
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-justifyall-ref-002.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-002.htm
new file mode 100644
index 00000000000..955f2ca9989
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-002.htm
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-justifyall-ref-003.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-003.htm
new file mode 100644
index 00000000000..fc41ce8f6a9
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-003.htm
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-justifyall-ref-004.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-004.htm
new file mode 100644
index 00000000000..5686c75acdb
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-004.htm
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-justifyall-ref-005.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-005.htm
new file mode 100644
index 00000000000..76b7688de03
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-005.htm
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-justifyall-ref-006.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-006.htm
new file mode 100644
index 00000000000..04af82147f9
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-006.htm
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-start-ref-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-001.htm
new file mode 100644
index 00000000000..e5c0ab5d3e9
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-001.htm
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-start-ref-002.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-002.htm
new file mode 100644
index 00000000000..b615298308b
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-002.htm
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-start-ref-003.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-003.htm
new file mode 100644
index 00000000000..79b91c03c5f
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-003.htm
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-start-ref-004.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-004.htm
new file mode 100644
index 00000000000..d11e7a9d10e
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-004.htm
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-start-ref-005.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-005.htm
new file mode 100644
index 00000000000..61dae9d1c2c
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-005.htm
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-start-ref-006.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-006.htm
new file mode 100644
index 00000000000..6ddd93b21e7
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-006.htm
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-start-ref-007.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-007.htm
new file mode 100644
index 00000000000..4f2c116c4c9
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-007.htm
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-start-ref-008.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-008.htm
new file mode 100644
index 00000000000..65eae432131
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-008.htm
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-start-ref-009.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-009.htm
new file mode 100644
index 00000000000..8ebc6f6cf1e
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-009.htm
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-start-ref-010.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-010.htm
new file mode 100644
index 00000000000..71fe026ab66
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-010.htm
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-start-ref-014.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-014.htm
new file mode 100644
index 00000000000..10e64dc3d0e
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-014.htm
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-start-ref-015.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-015.htm
new file mode 100644
index 00000000000..65cab696778
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-015.htm
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-start-ref-016.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-016.htm
new file mode 100644
index 00000000000..1abdda07917
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-016.htm
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reference/text-align-start-ref-017.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-017.htm
new file mode 100644
index 00000000000..343cbbaa938
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-017.htm
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en"><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/html/reftest-toc.htm b/tests/wpt/css-tests/css-text-3_dev/html/reftest-toc.htm
index 816963e0642..3b1ea6cb62d 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/reftest-toc.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reftest-toc.htm
@@ -4204,7 +4204,7 @@
       <tr>
         <td rowspan="1" title="text-align: end, direction: rtl">
           <a href="text-align-end-001.htm">text-align-end-001</a></td>
-        <td><a href="reference/text-align-end-001.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-001.htm">=</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.htm">text-align-end-002</a></td>
-        <td><a href="reference/text-align-end-002.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-002.htm">=</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.htm">text-align-end-003</a></td>
-        <td><a href="reference/text-align-end-003.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-003.htm">=</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.htm">text-align-end-004</a></td>
-        <td><a href="reference/text-align-end-004.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-004.htm">=</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.htm">text-align-end-005</a></td>
-        <td><a href="reference/text-align-end-005.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-005.htm">=</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.htm">text-align-end-006</a></td>
-        <td><a href="reference/text-align-end-006.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-006.htm">=</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.htm">text-align-end-007</a></td>
-        <td><a href="reference/text-align-end-007.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-007.htm">=</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.htm">text-align-end-008</a></td>
-        <td><a href="reference/text-align-end-008.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-008.htm">=</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.htm">text-align-end-009</a></td>
-        <td><a href="reference/text-align-end-009.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-009.htm">=</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.htm">text-align-end-010</a></td>
-        <td><a href="reference/text-align-end-010.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-010.htm">=</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.htm">text-align-end-014</a></td>
-        <td><a href="reference/text-align-end-014.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-014.htm">=</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.htm">text-align-end-015</a></td>
-        <td><a href="reference/text-align-end-015.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-015.htm">=</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.htm">text-align-end-016</a></td>
-        <td><a href="reference/text-align-end-016.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-016.htm">=</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.htm">text-align-end-017</a></td>
-        <td><a href="reference/text-align-end-017.htm">=</a> </td>
+        <td><a href="reference/text-align-end-ref-017.htm">=</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.htm">text-align-justify-001</a></td>
-        <td><a href="reference/text-align-justify-001.htm">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-001.htm">=</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.htm">text-align-justify-002</a></td>
-        <td><a href="reference/text-align-justify-002.htm">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-002.htm">=</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.htm">text-align-justify-003</a></td>
-        <td><a href="reference/text-align-justify-003.htm">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-003.htm">=</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.htm">text-align-justify-004</a></td>
-        <td><a href="reference/text-align-justify-004.htm">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-004.htm">=</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.htm">text-align-justify-005</a></td>
-        <td><a href="reference/text-align-justify-005.htm">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-005.htm">=</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.htm">text-align-justify-006</a></td>
-        <td><a href="reference/text-align-justify-006.htm">=</a> </td>
+        <td><a href="reference/text-align-justify-ref-006.htm">=</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.htm">text-align-justifyall-001</a></td>
-        <td><a href="reference/text-align-justifyall-001.htm">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-001.htm">=</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.htm">text-align-justifyall-002</a></td>
-        <td><a href="reference/text-align-justifyall-002.htm">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-002.htm">=</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.htm">text-align-justifyall-003</a></td>
-        <td><a href="reference/text-align-justifyall-003.htm">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-003.htm">=</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.htm">text-align-justifyall-004</a></td>
-        <td><a href="reference/text-align-justifyall-004.htm">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-004.htm">=</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.htm">text-align-justifyall-005</a></td>
-        <td><a href="reference/text-align-justifyall-005.htm">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-005.htm">=</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.htm">text-align-justifyall-006</a></td>
-        <td><a href="reference/text-align-justifyall-006.htm">=</a> </td>
+        <td><a href="reference/text-align-justifyall-ref-006.htm">=</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.htm">text-align-start-001</a></td>
-        <td><a href="reference/text-align-start-001.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-001.htm">=</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.htm">text-align-start-002</a></td>
-        <td><a href="reference/text-align-start-002.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-002.htm">=</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.htm">text-align-start-003</a></td>
-        <td><a href="reference/text-align-start-003.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-003.htm">=</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.htm">text-align-start-004</a></td>
-        <td><a href="reference/text-align-start-004.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-004.htm">=</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.htm">text-align-start-005</a></td>
-        <td><a href="reference/text-align-start-005.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-005.htm">=</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.htm">text-align-start-006</a></td>
-        <td><a href="reference/text-align-start-006.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-006.htm">=</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.htm">text-align-start-007</a></td>
-        <td><a href="reference/text-align-start-007.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-007.htm">=</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.htm">text-align-start-008</a></td>
-        <td><a href="reference/text-align-start-008.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-008.htm">=</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.htm">text-align-start-009</a></td>
-        <td><a href="reference/text-align-start-009.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-009.htm">=</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.htm">text-align-start-010</a></td>
-        <td><a href="reference/text-align-start-010.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-010.htm">=</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.htm">text-align-start-014</a></td>
-        <td><a href="reference/text-align-start-014.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-014.htm">=</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.htm">text-align-start-015</a></td>
-        <td><a href="reference/text-align-start-015.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-015.htm">=</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.htm">text-align-start-016</a></td>
-        <td><a href="reference/text-align-start-016.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-016.htm">=</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.htm">text-align-start-017</a></td>
-        <td><a href="reference/text-align-start-017.htm">=</a> </td>
+        <td><a href="reference/text-align-start-ref-017.htm">=</a> </td>
         <td rowspan="1"></td>
       </tr>
     </tbody>
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reftest.list b/tests/wpt/css-tests/css-text-3_dev/html/reftest.list
index fa0ba2778a7..c0402df91d3 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/reftest.list
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reftest.list
@@ -521,32 +521,32 @@ tab-size-percent-001.htm == reference/tab-size-length-001-ref.htm
 text-align-006.htm == reference/text-align-006-ref.htm
 text-align-007.htm == reference/text-align-007-ref.htm
 text-align-008.htm == reference/text-align-007-ref.htm
-text-align-end-001.htm == reference/text-align-end-001.htm
-text-align-end-002.htm == reference/text-align-end-002.htm
-text-align-end-003.htm == reference/text-align-end-003.htm
-text-align-end-004.htm == reference/text-align-end-004.htm
-text-align-end-005.htm == reference/text-align-end-005.htm
-text-align-end-006.htm == reference/text-align-end-006.htm
-text-align-end-007.htm == reference/text-align-end-007.htm
-text-align-end-008.htm == reference/text-align-end-008.htm
-text-align-end-009.htm == reference/text-align-end-009.htm
-text-align-end-010.htm == reference/text-align-end-010.htm
-text-align-end-014.htm == reference/text-align-end-014.htm
-text-align-end-015.htm == reference/text-align-end-015.htm
-text-align-end-016.htm == reference/text-align-end-016.htm
-text-align-end-017.htm == reference/text-align-end-017.htm
-text-align-justify-001.htm == reference/text-align-justify-001.htm
-text-align-justify-002.htm == reference/text-align-justify-002.htm
-text-align-justify-003.htm == reference/text-align-justify-003.htm
-text-align-justify-004.htm == reference/text-align-justify-004.htm
-text-align-justify-005.htm == reference/text-align-justify-005.htm
-text-align-justify-006.htm == reference/text-align-justify-006.htm
-text-align-justifyall-001.htm == reference/text-align-justifyall-001.htm
-text-align-justifyall-002.htm == reference/text-align-justifyall-002.htm
-text-align-justifyall-003.htm == reference/text-align-justifyall-003.htm
-text-align-justifyall-004.htm == reference/text-align-justifyall-004.htm
-text-align-justifyall-005.htm == reference/text-align-justifyall-005.htm
-text-align-justifyall-006.htm == reference/text-align-justifyall-006.htm
+text-align-end-001.htm == reference/text-align-end-ref-001.htm
+text-align-end-002.htm == reference/text-align-end-ref-002.htm
+text-align-end-003.htm == reference/text-align-end-ref-003.htm
+text-align-end-004.htm == reference/text-align-end-ref-004.htm
+text-align-end-005.htm == reference/text-align-end-ref-005.htm
+text-align-end-006.htm == reference/text-align-end-ref-006.htm
+text-align-end-007.htm == reference/text-align-end-ref-007.htm
+text-align-end-008.htm == reference/text-align-end-ref-008.htm
+text-align-end-009.htm == reference/text-align-end-ref-009.htm
+text-align-end-010.htm == reference/text-align-end-ref-010.htm
+text-align-end-014.htm == reference/text-align-end-ref-014.htm
+text-align-end-015.htm == reference/text-align-end-ref-015.htm
+text-align-end-016.htm == reference/text-align-end-ref-016.htm
+text-align-end-017.htm == reference/text-align-end-ref-017.htm
+text-align-justify-001.htm == reference/text-align-justify-ref-001.htm
+text-align-justify-002.htm == reference/text-align-justify-ref-002.htm
+text-align-justify-003.htm == reference/text-align-justify-ref-003.htm
+text-align-justify-004.htm == reference/text-align-justify-ref-004.htm
+text-align-justify-005.htm == reference/text-align-justify-ref-005.htm
+text-align-justify-006.htm == reference/text-align-justify-ref-006.htm
+text-align-justifyall-001.htm == reference/text-align-justifyall-ref-001.htm
+text-align-justifyall-002.htm == reference/text-align-justifyall-ref-002.htm
+text-align-justifyall-003.htm == reference/text-align-justifyall-ref-003.htm
+text-align-justifyall-004.htm == reference/text-align-justifyall-ref-004.htm
+text-align-justifyall-005.htm == reference/text-align-justifyall-ref-005.htm
+text-align-justifyall-006.htm == reference/text-align-justifyall-ref-006.htm
 text-align-last-010.htm == reference/text-align-last-010-ref.htm
 text-align-last-011.htm == reference/text-align-last-010-ref.htm
 text-align-match-parent-02.htm == reference/text-align-match-parent-ref.htm
@@ -554,20 +554,20 @@ text-align-match-parent-03.htm == reference/text-align-match-parent-ref.htm
 text-align-match-parent-04.htm == reference/text-align-match-parent-ref.htm
 text-align-match-parent-root-ltr.htm == reference/text-align-match-parent-root-ltr-ref.htm
 text-align-match-parent-root-rtl.htm == reference/text-align-match-parent-root-rtl-ref.htm
-text-align-start-001.htm == reference/text-align-start-001.htm
-text-align-start-002.htm == reference/text-align-start-002.htm
-text-align-start-003.htm == reference/text-align-start-003.htm
-text-align-start-004.htm == reference/text-align-start-004.htm
-text-align-start-005.htm == reference/text-align-start-005.htm
-text-align-start-006.htm == reference/text-align-start-006.htm
-text-align-start-007.htm == reference/text-align-start-007.htm
-text-align-start-008.htm == reference/text-align-start-008.htm
-text-align-start-009.htm == reference/text-align-start-009.htm
-text-align-start-010.htm == reference/text-align-start-010.htm
-text-align-start-014.htm == reference/text-align-start-014.htm
-text-align-start-015.htm == reference/text-align-start-015.htm
-text-align-start-016.htm == reference/text-align-start-016.htm
-text-align-start-017.htm == reference/text-align-start-017.htm
+text-align-start-001.htm == reference/text-align-start-ref-001.htm
+text-align-start-002.htm == reference/text-align-start-ref-002.htm
+text-align-start-003.htm == reference/text-align-start-ref-003.htm
+text-align-start-004.htm == reference/text-align-start-ref-004.htm
+text-align-start-005.htm == reference/text-align-start-ref-005.htm
+text-align-start-006.htm == reference/text-align-start-ref-006.htm
+text-align-start-007.htm == reference/text-align-start-ref-007.htm
+text-align-start-008.htm == reference/text-align-start-ref-008.htm
+text-align-start-009.htm == reference/text-align-start-ref-009.htm
+text-align-start-010.htm == reference/text-align-start-ref-010.htm
+text-align-start-014.htm == reference/text-align-start-ref-014.htm
+text-align-start-015.htm == reference/text-align-start-ref-015.htm
+text-align-start-016.htm == reference/text-align-start-ref-016.htm
+text-align-start-017.htm == reference/text-align-start-ref-017.htm
 text-emphasis-color-001.htm == reference/text-emphasis-color-001-ref.htm
 text-emphasis-position-above-left-001.htm == reference/text-emphasis-position-above-left-001-ref.htm
 text-emphasis-position-above-left-002.htm == reference/text-emphasis-position-above-left-002-ref.htm
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf
index c919d9091d0..84ad57bef5a 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf
+++ b/tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/README.md
index 2f757669727..686cb0c4279 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/README.md
+++ b/tests/wpt/css-tests/css-text-3_dev/html/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/html/text-align-end-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-001.htm
index c002b65260c..022fa3f2638 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-001.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-001.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-end-ref-001.htm" 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/html/text-align-end-002.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-002.htm
index df63bf319c8..35663ee77a5 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-002.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-002.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-end-ref-002.htm" 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/html/text-align-end-003.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-003.htm
index ee35afd0aa4..e4967dbe7b2 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-003.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-003.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-end-ref-003.htm" 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/html/text-align-end-004.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-004.htm
index 5963e494229..fe8dc484519 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-004.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-004.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-end-ref-004.htm" 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/html/text-align-end-005.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-005.htm
index f1cce7f9d1b..6d2a1274ac7 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-005.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-005.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-end-ref-005.htm" 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/html/text-align-end-006.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-006.htm
index 133c02b861b..1460fccebab 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-006.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-006.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-end-ref-006.htm" 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/html/text-align-end-007.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-007.htm
index 78178b6fd7e..50d2cf39447 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-007.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-007.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-end-ref-007.htm" 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/html/text-align-end-008.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-008.htm
index 71ce566588a..b3c5f21f053 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-008.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-008.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-end-ref-008.htm" 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/html/text-align-end-009.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-009.htm
index 7aa9ea3ceab..ed0980b4889 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-009.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-009.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-end-ref-009.htm" 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/html/text-align-end-010.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-010.htm
index 94e9a8c069b..d40c0abac85 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-010.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-010.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-end-ref-010.htm" 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/html/text-align-end-014.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-014.htm
index 80d6aaaec60..c24fc54f31e 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-014.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-014.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-end-ref-014.htm" 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/html/text-align-end-015.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-015.htm
index 6cab0d6d79a..1e26a19321c 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-015.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-015.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-end-ref-015.htm" 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/html/text-align-end-016.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-016.htm
index 58617405aad..e41294c63f9 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-016.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-016.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-end-ref-016.htm" 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/html/text-align-end-017.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-017.htm
index 470381d5f83..d7d43102cf3 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-017.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-017.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-end-ref-017.htm" 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/html/text-align-justify-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-001.htm
index 44856a16960..e69259b9074 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-001.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-001.htm
@@ -2,7 +2,7 @@
 <html lang="en"><head>
 <meta charset="utf-8">
 <title>text-align: justify, direction: rtl</title>
-<link href="reference/text-align-justify-001.htm" rel="match">
+<link href="reference/text-align-justify-ref-001.htm" 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/html/text-align-justify-002.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-002.htm
index 132c8f379c9..2aa271fc723 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-002.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-002.htm
@@ -2,7 +2,7 @@
 <html lang="en"><head>
 <meta charset="utf-8">
 <title>text-align: justify, direction: ltr</title>
-<link href="reference/text-align-justify-002.htm" rel="match">
+<link href="reference/text-align-justify-ref-002.htm" 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/html/text-align-justify-003.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-003.htm
index aaeb8f5bfa7..1bf70df00b9 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-003.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-003.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-justify-ref-003.htm" 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/html/text-align-justify-004.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-004.htm
index 9de598e527f..27bcf188546 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-004.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-004.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-justify-ref-004.htm" 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/html/text-align-justify-005.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-005.htm
index 1488767fcfd..26421aea7f3 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-005.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-005.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-justify-ref-005.htm" 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/html/text-align-justify-006.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-006.htm
index 052949ea560..5077720da40 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-006.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-006.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-justify-ref-006.htm" 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/html/text-align-justifyall-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-001.htm
index a7ddfb8ff30..4c8d4ff286f 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-001.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-001.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-justifyall-ref-001.htm" 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/html/text-align-justifyall-002.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-002.htm
index ef6f9ff0aa7..de5ea874dea 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-002.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-002.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-justifyall-ref-002.htm" 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/html/text-align-justifyall-003.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-003.htm
index 30f2a80502f..2715e64d693 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-003.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-003.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-justifyall-ref-003.htm" 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/html/text-align-justifyall-004.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-004.htm
index f3cc6124e9e..08ce085963b 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-004.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-004.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-justifyall-ref-004.htm" 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/html/text-align-justifyall-005.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-005.htm
index 0497a820b73..e82b99c5f24 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-005.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-005.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-justifyall-ref-005.htm" 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/html/text-align-justifyall-006.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-006.htm
index 1d743c3cfd5..0040d832194 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-006.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-006.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-justifyall-ref-006.htm" 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/html/text-align-start-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-001.htm
index f52c1c276d7..14ab3967e42 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-001.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-001.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-start-ref-001.htm" 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/html/text-align-start-002.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-002.htm
index a8725b12815..11ce4c6b5e9 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-002.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-002.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-start-ref-002.htm" 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/html/text-align-start-003.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-003.htm
index 16c633feb83..8c28764073a 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-003.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-003.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-start-ref-003.htm" 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/html/text-align-start-004.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-004.htm
index e72b8ceb795..8f9ac3bd6c9 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-004.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-004.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-start-ref-004.htm" 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/html/text-align-start-005.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-005.htm
index ae61d540416..590dcccf18b 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-005.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-005.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-start-ref-005.htm" 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/html/text-align-start-006.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-006.htm
index e94db60a0f2..cc8f7ebf1e5 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-006.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-006.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-start-ref-006.htm" 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/html/text-align-start-007.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-007.htm
index 7c707720eb6..9ba45932aab 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-007.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-007.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-start-ref-007.htm" 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/html/text-align-start-008.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-008.htm
index f73ce90c675..0670a789c7b 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-008.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-008.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-start-ref-008.htm" 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/html/text-align-start-009.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-009.htm
index 698140c0d05..adb9fde15dd 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-009.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-009.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-start-ref-009.htm" 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/html/text-align-start-010.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-010.htm
index fd5c609a0bc..51ee0d8f35a 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-010.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-010.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-start-ref-010.htm" 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/html/text-align-start-014.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-014.htm
index 1fa7d33c375..18da63bd484 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-014.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-014.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-start-ref-014.htm" 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/html/text-align-start-015.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-015.htm
index c3fda073ecf..3b84af17bc6 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-015.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-015.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-start-ref-015.htm" 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/html/text-align-start-016.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-016.htm
index 59ae2c7b2d6..dbba3cd4301 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-016.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-016.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-start-ref-016.htm" 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/html/text-align-start-017.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-017.htm
index 5214f3ac370..c14a13358e9 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-017.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-017.htm
@@ -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.htm" rel="match">
+<link href="reference/text-align-start-ref-017.htm" 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; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data
index 41ef0f05421..e0a3306209e 100644
--- a/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data
+++ b/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data
@@ -1321,34 +1321,34 @@ html/text-align-007.htm	f03bb29856642a23b70a4928e4ac19e3f7ff10cb	?
 xhtml1/text-align-007.xht	f03bb29856642a23b70a4928e4ac19e3f7ff10cb	?
 html/text-align-008.htm	069273f30fcfdabea7919e0be823e38dfcf68d51	?
 xhtml1/text-align-008.xht	069273f30fcfdabea7919e0be823e38dfcf68d51	?
-html/text-align-end-001.htm	ae43ec44ae0dc4ac02a0e8a559d74da31c42d13b	?
-xhtml1/text-align-end-001.xht	ae43ec44ae0dc4ac02a0e8a559d74da31c42d13b	?
-html/text-align-end-002.htm	815440a1ae40e3d94312f4201ba90040c96fe98e	?
-xhtml1/text-align-end-002.xht	815440a1ae40e3d94312f4201ba90040c96fe98e	?
-html/text-align-end-003.htm	1a3c7d5f717d47d911c791b7cd906c97ca41fa28	?
-xhtml1/text-align-end-003.xht	1a3c7d5f717d47d911c791b7cd906c97ca41fa28	?
-html/text-align-end-004.htm	72cf82068b9185d1915f02dfae3be370f9abd7f3	?
-xhtml1/text-align-end-004.xht	72cf82068b9185d1915f02dfae3be370f9abd7f3	?
-html/text-align-end-005.htm	748825d5ea5774a416eefd977446d3e7f986c090	?
-xhtml1/text-align-end-005.xht	748825d5ea5774a416eefd977446d3e7f986c090	?
-html/text-align-end-006.htm	8ef842fbe5eadfc585e491f56681f75314909a25	?
-xhtml1/text-align-end-006.xht	8ef842fbe5eadfc585e491f56681f75314909a25	?
-html/text-align-end-007.htm	b1bce53d28f6e74871d082f1dab9a015869ba6bb	?
-xhtml1/text-align-end-007.xht	b1bce53d28f6e74871d082f1dab9a015869ba6bb	?
-html/text-align-end-008.htm	514f3037cb18cba66f585446045f2af55d3a1e17	?
-xhtml1/text-align-end-008.xht	514f3037cb18cba66f585446045f2af55d3a1e17	?
-html/text-align-end-009.htm	b9c45dc0fd1f19373fc6f4e9fcd70dd3e4087347	?
-xhtml1/text-align-end-009.xht	b9c45dc0fd1f19373fc6f4e9fcd70dd3e4087347	?
-html/text-align-end-010.htm	0cdd288133104883df318ecba88e21132b06dca7	?
-xhtml1/text-align-end-010.xht	0cdd288133104883df318ecba88e21132b06dca7	?
-html/text-align-end-014.htm	9005d74809a67a6641cb1ac91b3fcb5f860b9d53	?
-xhtml1/text-align-end-014.xht	9005d74809a67a6641cb1ac91b3fcb5f860b9d53	?
-html/text-align-end-015.htm	d6f18380ea8dbfe5b34137b0a30c6fb1b74e22ef	?
-xhtml1/text-align-end-015.xht	d6f18380ea8dbfe5b34137b0a30c6fb1b74e22ef	?
-html/text-align-end-016.htm	b4e70eedf449c7fb1bc8247ce03caf9c4799ae55	?
-xhtml1/text-align-end-016.xht	b4e70eedf449c7fb1bc8247ce03caf9c4799ae55	?
-html/text-align-end-017.htm	413fa0cad6490b5e2dc4ff4ae1541ebaa26b3471	?
-xhtml1/text-align-end-017.xht	413fa0cad6490b5e2dc4ff4ae1541ebaa26b3471	?
+html/text-align-end-001.htm	e1a4ece3c036e1920979a62086e214fffe449d48	?
+xhtml1/text-align-end-001.xht	e1a4ece3c036e1920979a62086e214fffe449d48	?
+html/text-align-end-002.htm	13c5f762d5dfe172b9f2e4412fcbdb2c224e7a16	?
+xhtml1/text-align-end-002.xht	13c5f762d5dfe172b9f2e4412fcbdb2c224e7a16	?
+html/text-align-end-003.htm	b9d3d22718adebe8ccec40f7e5f727b2d3003c3b	?
+xhtml1/text-align-end-003.xht	b9d3d22718adebe8ccec40f7e5f727b2d3003c3b	?
+html/text-align-end-004.htm	894c52478e119e28a48aeff4e8ae84bb8607263c	?
+xhtml1/text-align-end-004.xht	894c52478e119e28a48aeff4e8ae84bb8607263c	?
+html/text-align-end-005.htm	dc6190c2ad7f32a5ff7af483710a8a906279b41c	?
+xhtml1/text-align-end-005.xht	dc6190c2ad7f32a5ff7af483710a8a906279b41c	?
+html/text-align-end-006.htm	9e333d2ecd35951d159889fb29c26d1871e86825	?
+xhtml1/text-align-end-006.xht	9e333d2ecd35951d159889fb29c26d1871e86825	?
+html/text-align-end-007.htm	62f1bf0e98f06cb948cbe0730ff8bf917d792a78	?
+xhtml1/text-align-end-007.xht	62f1bf0e98f06cb948cbe0730ff8bf917d792a78	?
+html/text-align-end-008.htm	aa1b77c5ebc62af177c8b50db354b81109810d82	?
+xhtml1/text-align-end-008.xht	aa1b77c5ebc62af177c8b50db354b81109810d82	?
+html/text-align-end-009.htm	ced2dc23f5746fdfcb7aaddfdcc06f1a844bdcb5	?
+xhtml1/text-align-end-009.xht	ced2dc23f5746fdfcb7aaddfdcc06f1a844bdcb5	?
+html/text-align-end-010.htm	d0bf6e0a5bd4e9b36d87b681a04942c2bde63a2f	?
+xhtml1/text-align-end-010.xht	d0bf6e0a5bd4e9b36d87b681a04942c2bde63a2f	?
+html/text-align-end-014.htm	d979aa7c3076357ec118bfcb8be10dc4ed8787a0	?
+xhtml1/text-align-end-014.xht	d979aa7c3076357ec118bfcb8be10dc4ed8787a0	?
+html/text-align-end-015.htm	c782268a35406c29892f1947c5efa2b34751f205	?
+xhtml1/text-align-end-015.xht	c782268a35406c29892f1947c5efa2b34751f205	?
+html/text-align-end-016.htm	58c1954c25726c6a68ece557819cb8b83b4b13e2	?
+xhtml1/text-align-end-016.xht	58c1954c25726c6a68ece557819cb8b83b4b13e2	?
+html/text-align-end-017.htm	7e852ad913370b0ea1fe3afac88ce455ca0aa6e7	?
+xhtml1/text-align-end-017.xht	7e852ad913370b0ea1fe3afac88ce455ca0aa6e7	?
 html/text-align-end-018.htm	522a0a0b516abd8d521afd0cf4fdd400feba7b0a	?
 xhtml1/text-align-end-018.xht	522a0a0b516abd8d521afd0cf4fdd400feba7b0a	?
 html/text-align-end-019.htm	bc5cf5d50c919d64d4ef07c8b385688b03888d00	?
@@ -1357,30 +1357,30 @@ html/text-align-end-020.htm	f91c66ed7d9306f0a46c9480a9ababa0d9e63ae5	?
 xhtml1/text-align-end-020.xht	f91c66ed7d9306f0a46c9480a9ababa0d9e63ae5	?
 html/text-align-end-021.htm	4286db3f937bb8e0b8aab9b7c9843e7c3c971a6f	?
 xhtml1/text-align-end-021.xht	4286db3f937bb8e0b8aab9b7c9843e7c3c971a6f	?
-html/text-align-justify-001.htm	943a72c8a76b37ca4b75346290a74b16f374eecd	?
-xhtml1/text-align-justify-001.xht	943a72c8a76b37ca4b75346290a74b16f374eecd	?
-html/text-align-justify-002.htm	6a482274db5fd35b89338284be06eeb1ec630919	?
-xhtml1/text-align-justify-002.xht	6a482274db5fd35b89338284be06eeb1ec630919	?
-html/text-align-justify-003.htm	44108679688cb9f1c5419a12a7a7142d3aad2e09	?
-xhtml1/text-align-justify-003.xht	44108679688cb9f1c5419a12a7a7142d3aad2e09	?
-html/text-align-justify-004.htm	b36e3b065b6516274851e8097426b0c2db10a4d1	?
-xhtml1/text-align-justify-004.xht	b36e3b065b6516274851e8097426b0c2db10a4d1	?
-html/text-align-justify-005.htm	0dfd26fc3cfa665e5e5071c2619a72106ee4e5d2	?
-xhtml1/text-align-justify-005.xht	0dfd26fc3cfa665e5e5071c2619a72106ee4e5d2	?
-html/text-align-justify-006.htm	5255df25b7f62246a6689c5aadaf9c99dafc5365	?
-xhtml1/text-align-justify-006.xht	5255df25b7f62246a6689c5aadaf9c99dafc5365	?
-html/text-align-justifyall-001.htm	613ad6e43fc6484b4a6c071806364b93f0788478	?
-xhtml1/text-align-justifyall-001.xht	613ad6e43fc6484b4a6c071806364b93f0788478	?
-html/text-align-justifyall-002.htm	e07c23fef762055bfef11277efc21935fd014a62	?
-xhtml1/text-align-justifyall-002.xht	e07c23fef762055bfef11277efc21935fd014a62	?
-html/text-align-justifyall-003.htm	3d0f71880fe51f780a4364185ccdf9d90b8f41db	?
-xhtml1/text-align-justifyall-003.xht	3d0f71880fe51f780a4364185ccdf9d90b8f41db	?
-html/text-align-justifyall-004.htm	02ade7cba0ce40d07d12c795ef0980c0aed66783	?
-xhtml1/text-align-justifyall-004.xht	02ade7cba0ce40d07d12c795ef0980c0aed66783	?
-html/text-align-justifyall-005.htm	c47bdb43f2207cc9a6ea54f2a3b11a3cf950d3be	?
-xhtml1/text-align-justifyall-005.xht	c47bdb43f2207cc9a6ea54f2a3b11a3cf950d3be	?
-html/text-align-justifyall-006.htm	ab6bc7ea8230663c6dd1dbbf997e2157ead8dcd7	?
-xhtml1/text-align-justifyall-006.xht	ab6bc7ea8230663c6dd1dbbf997e2157ead8dcd7	?
+html/text-align-justify-001.htm	139ee1837f1502611be18ac9caf8c8b9ded23c83	?
+xhtml1/text-align-justify-001.xht	139ee1837f1502611be18ac9caf8c8b9ded23c83	?
+html/text-align-justify-002.htm	f85a6287414b3346a293735f420008df17612ff4	?
+xhtml1/text-align-justify-002.xht	f85a6287414b3346a293735f420008df17612ff4	?
+html/text-align-justify-003.htm	6f49d242e27ff7c5ccc0fe8bdbe269f6573ac20a	?
+xhtml1/text-align-justify-003.xht	6f49d242e27ff7c5ccc0fe8bdbe269f6573ac20a	?
+html/text-align-justify-004.htm	d3e58dd0e46c5ef29c4981a3b73291c1c4434790	?
+xhtml1/text-align-justify-004.xht	d3e58dd0e46c5ef29c4981a3b73291c1c4434790	?
+html/text-align-justify-005.htm	eb85f47117e22156ff38787d96e7bcfa714cc8d5	?
+xhtml1/text-align-justify-005.xht	eb85f47117e22156ff38787d96e7bcfa714cc8d5	?
+html/text-align-justify-006.htm	3ccdc20f3c2ec05990828d059ad15d2787e47615	?
+xhtml1/text-align-justify-006.xht	3ccdc20f3c2ec05990828d059ad15d2787e47615	?
+html/text-align-justifyall-001.htm	1b3e22738e813f292079f3b3c93e2c338cccd3eb	?
+xhtml1/text-align-justifyall-001.xht	1b3e22738e813f292079f3b3c93e2c338cccd3eb	?
+html/text-align-justifyall-002.htm	fe5759ce6242ddd684c4808fe44c2eeb5f7d0c03	?
+xhtml1/text-align-justifyall-002.xht	fe5759ce6242ddd684c4808fe44c2eeb5f7d0c03	?
+html/text-align-justifyall-003.htm	f9d2bc84d17471ffdccdfafdd3bff8cc773819ba	?
+xhtml1/text-align-justifyall-003.xht	f9d2bc84d17471ffdccdfafdd3bff8cc773819ba	?
+html/text-align-justifyall-004.htm	12990d9cf550dded573e67c3717887bf53c880c3	?
+xhtml1/text-align-justifyall-004.xht	12990d9cf550dded573e67c3717887bf53c880c3	?
+html/text-align-justifyall-005.htm	947970cc3df02220fd3f4c98c980e4f3c41c88a1	?
+xhtml1/text-align-justifyall-005.xht	947970cc3df02220fd3f4c98c980e4f3c41c88a1	?
+html/text-align-justifyall-006.htm	848def4e6a8dfc19873d1dcde26252d65e2d7ad7	?
+xhtml1/text-align-justifyall-006.xht	848def4e6a8dfc19873d1dcde26252d65e2d7ad7	?
 html/text-align-last-001.htm	1fce65ed38da0c61a6f9bb19ed91fc203b7b70b7	?
 xhtml1/text-align-last-001.xht	1fce65ed38da0c61a6f9bb19ed91fc203b7b70b7	?
 html/text-align-last-002.htm	5de0bf74fd4529e0b56d8ee8b0f23729b0a77bf3	?
@@ -1421,34 +1421,34 @@ html/text-align-match-parent-root-ltr.htm	0169c5b70c4c7c0fe96f9f7dfc21c8fbd65638
 xhtml1/text-align-match-parent-root-ltr.xht	0169c5b70c4c7c0fe96f9f7dfc21c8fbd6563871	?
 html/text-align-match-parent-root-rtl.htm	49617035888a8e44e2b9ef3393005cfb2b3ed640	?
 xhtml1/text-align-match-parent-root-rtl.xht	49617035888a8e44e2b9ef3393005cfb2b3ed640	?
-html/text-align-start-001.htm	f5b5b9e1e3b48e41a7c2dc30c8fdfe5c2e4020a4	?
-xhtml1/text-align-start-001.xht	f5b5b9e1e3b48e41a7c2dc30c8fdfe5c2e4020a4	?
-html/text-align-start-002.htm	070efbcc69d4a5743ae157e96f4013212b28f373	?
-xhtml1/text-align-start-002.xht	070efbcc69d4a5743ae157e96f4013212b28f373	?
-html/text-align-start-003.htm	92c88daa0b68c3c9edf94a2e8fd0887aeb2d5e9d	?
-xhtml1/text-align-start-003.xht	92c88daa0b68c3c9edf94a2e8fd0887aeb2d5e9d	?
-html/text-align-start-004.htm	efebad37fa2dc9f1cb64dd58dccd3b758d5a1c5f	?
-xhtml1/text-align-start-004.xht	efebad37fa2dc9f1cb64dd58dccd3b758d5a1c5f	?
-html/text-align-start-005.htm	8255b60b54eead073d1ff2ce8fb051bbd18c1a04	?
-xhtml1/text-align-start-005.xht	8255b60b54eead073d1ff2ce8fb051bbd18c1a04	?
-html/text-align-start-006.htm	898248d2d196a7ebabd2490e4f6a6d0ce890bda6	?
-xhtml1/text-align-start-006.xht	898248d2d196a7ebabd2490e4f6a6d0ce890bda6	?
-html/text-align-start-007.htm	570b55add7f20936dd3bcebad9f708ada2cb2a45	?
-xhtml1/text-align-start-007.xht	570b55add7f20936dd3bcebad9f708ada2cb2a45	?
-html/text-align-start-008.htm	ac4ee8ca3702bf0790d29aafddc0c886bbc074c6	?
-xhtml1/text-align-start-008.xht	ac4ee8ca3702bf0790d29aafddc0c886bbc074c6	?
-html/text-align-start-009.htm	c79e3533998b1736deb82a0b610234faed82353a	?
-xhtml1/text-align-start-009.xht	c79e3533998b1736deb82a0b610234faed82353a	?
-html/text-align-start-010.htm	d4bd56c53818dc45f84a08f7e52a6a9cdcde49b1	?
-xhtml1/text-align-start-010.xht	d4bd56c53818dc45f84a08f7e52a6a9cdcde49b1	?
-html/text-align-start-014.htm	18f1326cec179d8e88cbfacca0749d2862628ff7	?
-xhtml1/text-align-start-014.xht	18f1326cec179d8e88cbfacca0749d2862628ff7	?
-html/text-align-start-015.htm	e1ae7307a90c4db34b55f0e18a2177c660d68ccf	?
-xhtml1/text-align-start-015.xht	e1ae7307a90c4db34b55f0e18a2177c660d68ccf	?
-html/text-align-start-016.htm	fdc78c50267b06607bb54f7c484bb8c9ceaf87f6	?
-xhtml1/text-align-start-016.xht	fdc78c50267b06607bb54f7c484bb8c9ceaf87f6	?
-html/text-align-start-017.htm	fee6caeb95d51b66d3b010dba6390d7f6e643d43	?
-xhtml1/text-align-start-017.xht	fee6caeb95d51b66d3b010dba6390d7f6e643d43	?
+html/text-align-start-001.htm	99ca0394f0e2dbf82143e8e497d7e6101a9f7b94	?
+xhtml1/text-align-start-001.xht	99ca0394f0e2dbf82143e8e497d7e6101a9f7b94	?
+html/text-align-start-002.htm	d97dc7cfdd7fd6a919aa0f065aa80909e73e47de	?
+xhtml1/text-align-start-002.xht	d97dc7cfdd7fd6a919aa0f065aa80909e73e47de	?
+html/text-align-start-003.htm	15b44b66b542103d3bff54c84016af131f9a7138	?
+xhtml1/text-align-start-003.xht	15b44b66b542103d3bff54c84016af131f9a7138	?
+html/text-align-start-004.htm	01d326f332cb6a268e3b4c34188c89f30b7186be	?
+xhtml1/text-align-start-004.xht	01d326f332cb6a268e3b4c34188c89f30b7186be	?
+html/text-align-start-005.htm	c4d537e521a94f55874a08d6833169ccbec7f8a2	?
+xhtml1/text-align-start-005.xht	c4d537e521a94f55874a08d6833169ccbec7f8a2	?
+html/text-align-start-006.htm	d07bd265b06eee8528e4cf7b97d3b8a35b494955	?
+xhtml1/text-align-start-006.xht	d07bd265b06eee8528e4cf7b97d3b8a35b494955	?
+html/text-align-start-007.htm	a437fbade0026c8047e851508efbdbd4d60e3a5c	?
+xhtml1/text-align-start-007.xht	a437fbade0026c8047e851508efbdbd4d60e3a5c	?
+html/text-align-start-008.htm	bdd4951ade2e3155d63fac501cae0b9b6eea48ab	?
+xhtml1/text-align-start-008.xht	bdd4951ade2e3155d63fac501cae0b9b6eea48ab	?
+html/text-align-start-009.htm	d0de6f59b105b251204339d0cb22f4213c7f790f	?
+xhtml1/text-align-start-009.xht	d0de6f59b105b251204339d0cb22f4213c7f790f	?
+html/text-align-start-010.htm	b03da49bf14bb27bad90379f29759ab6d3c7f9db	?
+xhtml1/text-align-start-010.xht	b03da49bf14bb27bad90379f29759ab6d3c7f9db	?
+html/text-align-start-014.htm	bed8553500494f6f42f0fc313682947280d4ff85	?
+xhtml1/text-align-start-014.xht	bed8553500494f6f42f0fc313682947280d4ff85	?
+html/text-align-start-015.htm	8f4ac548061cb51351b2a32f830550577f9feb69	?
+xhtml1/text-align-start-015.xht	8f4ac548061cb51351b2a32f830550577f9feb69	?
+html/text-align-start-016.htm	774b558ee80e7e0c82a9c17090d5272fa09fd713	?
+xhtml1/text-align-start-016.xht	774b558ee80e7e0c82a9c17090d5272fa09fd713	?
+html/text-align-start-017.htm	c9a5a90f36c4e95711ab384bdba01a28963705c1	?
+xhtml1/text-align-start-017.xht	c9a5a90f36c4e95711ab384bdba01a28963705c1	?
 html/text-align-start-018.htm	e821e56efcb5fce47be9fabf1d340353e542e9e6	?
 xhtml1/text-align-start-018.xht	e821e56efcb5fce47be9fabf1d340353e542e9e6	?
 html/text-align-start-019.htm	d2f387f6149c620dcb7de401e3724adf9f3dade9	?
diff --git a/tests/wpt/css-tests/css-text-3_dev/testinfo.data b/tests/wpt/css-tests/css-text-3_dev/testinfo.data
index 19874ebc49f..50d94824269 100644
--- a/tests/wpt/css-tests/css-text-3_dev/testinfo.data
+++ b/tests/wpt/css-tests/css-text-3_dev/testinfo.data
@@ -658,36 +658,36 @@ tab-size-percent-001	reference/tab-size-length-001-ref	tab-size: 100%		http://ww
 text-align-006	reference/text-align-006-ref	text-align - start (basic)		http://www.w3.org/TR/css-text-3/#text-align	881507d6949094d4daeca3dca47e5bc42bbc8aba	`Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com>	The 'text-align' property set to 'start' on a block element aligns the text to the start edge.
 text-align-007	reference/text-align-007-ref	text-align - end (basic)		http://www.w3.org/TR/css-text-3/#text-align	f03bb29856642a23b70a4928e4ac19e3f7ff10cb	`Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com>	The 'text-align' property set to 'end' on a block element aligns the text to the end edge.
 text-align-008	reference/text-align-007-ref	text-align - match-parent (basic)		http://www.w3.org/TR/css-text-3/#text-align	069273f30fcfdabea7919e0be823e38dfcf68d51	`Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com>	The 'text-align' property set to 'match-parent' on a block element behaves the same as 'inherit'.
-text-align-end-001	reference/text-align-end-001	text-align: end, direction: rtl		https://drafts.csswg.org/css-text-3/#text-align-property	ae43ec44ae0dc4ac02a0e8a559d74da31c42d13b	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. left when direction is horizontal, rtl.
-text-align-end-002	reference/text-align-end-002	text-align: end, direction: ltr		https://drafts.csswg.org/css-text-3/#text-align-property	815440a1ae40e3d94312f4201ba90040c96fe98e	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. right when direction is horizontal, ltr.
-text-align-end-003	reference/text-align-end-003	text-align: end, dir=rtl		https://drafts.csswg.org/css-text-3/#text-align-property	1a3c7d5f717d47d911c791b7cd906c97ca41fa28	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. left when direction is horizontal, rtl.
-text-align-end-004	reference/text-align-end-004	text-align: end, dir=ltr		https://drafts.csswg.org/css-text-3/#text-align-property	72cf82068b9185d1915f02dfae3be370f9abd7f3	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. right when direction is horizontal, ltr.
-text-align-end-005	reference/text-align-end-005	text-align: end, direction: rtl		https://drafts.csswg.org/css-text-3/#text-align-property	748825d5ea5774a416eefd977446d3e7f986c090	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. left when direction is horizontal, rtl.
-text-align-end-006	reference/text-align-end-006	text-align: end, direction: ltr		https://drafts.csswg.org/css-text-3/#text-align-property	8ef842fbe5eadfc585e491f56681f75314909a25	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. right when direction is horizontal, ltr.
-text-align-end-007	reference/text-align-end-007	text-align: end, dir=rtl		https://drafts.csswg.org/css-text-3/#text-align-property	b1bce53d28f6e74871d082f1dab9a015869ba6bb	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. left when direction is horizontal, rtl.
-text-align-end-008	reference/text-align-end-008	text-align: end, dir=ltr		https://drafts.csswg.org/css-text-3/#text-align-property	514f3037cb18cba66f585446045f2af55d3a1e17	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. right when direction is horizontal, ltr.
-text-align-end-009	reference/text-align-end-009	text-align: end, dir=auto, RTL first strong		https://drafts.csswg.org/css-text-3/#text-align-property	b9c45dc0fd1f19373fc6f4e9fcd70dd3e4087347	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. left when direction is auto and first strong character is rtl.
-text-align-end-010	reference/text-align-end-010	text-align: end, dir=auto, LTR first strong		https://drafts.csswg.org/css-text-3/#text-align-property	0cdd288133104883df318ecba88e21132b06dca7	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. right when direction is auto and first strong character is ltr.
-text-align-end-014	reference/text-align-end-014	text-align: end, pre, dir=rtl inherited		https://drafts.csswg.org/css-text-3/#text-align-property	9005d74809a67a6641cb1ac91b3fcb5f860b9d53	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. left when base direction is rtl.
-text-align-end-015	reference/text-align-end-015	text-align: end, pre, dir=ltr inherited		https://drafts.csswg.org/css-text-3/#text-align-property	d6f18380ea8dbfe5b34137b0a30c6fb1b74e22ef	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. right when base direction is ltr.
-text-align-end-016	reference/text-align-end-016	text-align: end, pre, dir=auto		https://drafts.csswg.org/css-text-3/#text-align-property	b4e70eedf449c7fb1bc8247ce03caf9c4799ae55	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. right when direction is auto and first strong character is ltr, and left when first strong is rtl.
-text-align-end-017	reference/text-align-end-017	text-align: end, pre, dir=auto on surrounding block		https://drafts.csswg.org/css-text-3/#text-align-property	413fa0cad6490b5e2dc4ff4ae1541ebaa26b3471	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. since dir=auto is not inherited by pre, to right in ltr context.
+text-align-end-001	reference/text-align-end-ref-001	text-align: end, direction: rtl		https://drafts.csswg.org/css-text-3/#text-align-property	e1a4ece3c036e1920979a62086e214fffe449d48	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. left when direction is horizontal, rtl.
+text-align-end-002	reference/text-align-end-ref-002	text-align: end, direction: ltr		https://drafts.csswg.org/css-text-3/#text-align-property	13c5f762d5dfe172b9f2e4412fcbdb2c224e7a16	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. right when direction is horizontal, ltr.
+text-align-end-003	reference/text-align-end-ref-003	text-align: end, dir=rtl		https://drafts.csswg.org/css-text-3/#text-align-property	b9d3d22718adebe8ccec40f7e5f727b2d3003c3b	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. left when direction is horizontal, rtl.
+text-align-end-004	reference/text-align-end-ref-004	text-align: end, dir=ltr		https://drafts.csswg.org/css-text-3/#text-align-property	894c52478e119e28a48aeff4e8ae84bb8607263c	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. right when direction is horizontal, ltr.
+text-align-end-005	reference/text-align-end-ref-005	text-align: end, direction: rtl		https://drafts.csswg.org/css-text-3/#text-align-property	dc6190c2ad7f32a5ff7af483710a8a906279b41c	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. left when direction is horizontal, rtl.
+text-align-end-006	reference/text-align-end-ref-006	text-align: end, direction: ltr		https://drafts.csswg.org/css-text-3/#text-align-property	9e333d2ecd35951d159889fb29c26d1871e86825	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. right when direction is horizontal, ltr.
+text-align-end-007	reference/text-align-end-ref-007	text-align: end, dir=rtl		https://drafts.csswg.org/css-text-3/#text-align-property	62f1bf0e98f06cb948cbe0730ff8bf917d792a78	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. left when direction is horizontal, rtl.
+text-align-end-008	reference/text-align-end-ref-008	text-align: end, dir=ltr		https://drafts.csswg.org/css-text-3/#text-align-property	aa1b77c5ebc62af177c8b50db354b81109810d82	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. right when direction is horizontal, ltr.
+text-align-end-009	reference/text-align-end-ref-009	text-align: end, dir=auto, RTL first strong		https://drafts.csswg.org/css-text-3/#text-align-property	ced2dc23f5746fdfcb7aaddfdcc06f1a844bdcb5	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. left when direction is auto and first strong character is rtl.
+text-align-end-010	reference/text-align-end-ref-010	text-align: end, dir=auto, LTR first strong		https://drafts.csswg.org/css-text-3/#text-align-property	d0bf6e0a5bd4e9b36d87b681a04942c2bde63a2f	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. right when direction is auto and first strong character is ltr.
+text-align-end-014	reference/text-align-end-ref-014	text-align: end, pre, dir=rtl inherited		https://drafts.csswg.org/css-text-3/#text-align-property	d979aa7c3076357ec118bfcb8be10dc4ed8787a0	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. left when base direction is rtl.
+text-align-end-015	reference/text-align-end-ref-015	text-align: end, pre, dir=ltr inherited		https://drafts.csswg.org/css-text-3/#text-align-property	c782268a35406c29892f1947c5efa2b34751f205	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. right when base direction is ltr.
+text-align-end-016	reference/text-align-end-ref-016	text-align: end, pre, dir=auto		https://drafts.csswg.org/css-text-3/#text-align-property	58c1954c25726c6a68ece557819cb8b83b4b13e2	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. right when direction is auto and first strong character is ltr, and left when first strong is rtl.
+text-align-end-017	reference/text-align-end-ref-017	text-align: end, pre, dir=auto on surrounding block		https://drafts.csswg.org/css-text-3/#text-align-property	7e852ad913370b0ea1fe3afac88ce455ca0aa6e7	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. since dir=auto is not inherited by pre, to right in ltr context.
 text-align-end-018		text-align: end, textarea, dir=rtl inherited		https://drafts.csswg.org/css-text-3/#text-align-property	522a0a0b516abd8d521afd0cf4fdd400feba7b0a	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. left when base direction is rtl.
 text-align-end-019		text-align: end, textarea, dir=ltr inherited		https://drafts.csswg.org/css-text-3/#text-align-property	bc5cf5d50c919d64d4ef07c8b385688b03888d00	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. right when base direction is ltr.
 text-align-end-020		text-align: end, textarea dir=auto on control		https://drafts.csswg.org/css-text-3/#text-align-property	f91c66ed7d9306f0a46c9480a9ababa0d9e63ae5	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. when dir=auto on textarea, right when first strong is ltr, left when rtl.
 text-align-end-021		text-align: end, textarea, dir=auto on surrounding block		https://drafts.csswg.org/css-text-3/#text-align-property	4286db3f937bb8e0b8aab9b7c9843e7c3c971a6f	`Richard Ishida`<mailto:ishida@w3.org>	text-align:end aligns inline-level content to the end edge of the line box &#8211; ie. since dir=auto is not inherited by textarea, to right in ltr context.
-text-align-justify-001	reference/text-align-justify-001	text-align: justify, direction: rtl		https://drafts.csswg.org/css-text-3/#text-align-property	943a72c8a76b37ca4b75346290a74b16f374eecd	`Richard Ishida`<mailto:ishida@w3.org>	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 &#8211; in this case, to the right.
-text-align-justify-002	reference/text-align-justify-002	text-align: justify, direction: ltr		https://drafts.csswg.org/css-text-3/#text-align-property	6a482274db5fd35b89338284be06eeb1ec630919	`Richard Ishida`<mailto:ishida@w3.org>	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 &#8211; in this case, to the left.
-text-align-justify-003	reference/text-align-justify-003	text-align: justify, dir=rtl		https://drafts.csswg.org/css-text-3/#text-align-property	44108679688cb9f1c5419a12a7a7142d3aad2e09	`Richard Ishida`<mailto:ishida@w3.org>	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 &#8211; in this case, to the right.
-text-align-justify-004	reference/text-align-justify-004	text-align: justify, dir=ltr		https://drafts.csswg.org/css-text-3/#text-align-property	b36e3b065b6516274851e8097426b0c2db10a4d1	`Richard Ishida`<mailto:ishida@w3.org>	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 &#8211; in this case, to the left.
-text-align-justify-005	reference/text-align-justify-005	text-align: justify, dir=auto, RTL first strong		https://drafts.csswg.org/css-text-3/#text-align-property	0dfd26fc3cfa665e5e5071c2619a72106ee4e5d2	`Richard Ishida`<mailto:ishida@w3.org>	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 &#8211; in this case, to the right.
-text-align-justify-006	reference/text-align-justify-006	text-align: justify, dir=auto, LTR first strong		https://drafts.csswg.org/css-text-3/#text-align-property	5255df25b7f62246a6689c5aadaf9c99dafc5365	`Richard Ishida`<mailto:ishida@w3.org>	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 &#8211; in this case, to the left.
-text-align-justifyall-001	reference/text-align-justifyall-001	text-align: justify-all, direction: rtl		https://drafts.csswg.org/css-text-3/#text-align-property	613ad6e43fc6484b4a6c071806364b93f0788478	`Richard Ishida`<mailto:ishida@w3.org>	text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well.
-text-align-justifyall-002	reference/text-align-justifyall-002	text-align: justify-all, direction: ltr		https://drafts.csswg.org/css-text-3/#text-align-property	e07c23fef762055bfef11277efc21935fd014a62	`Richard Ishida`<mailto:ishida@w3.org>	text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well.
-text-align-justifyall-003	reference/text-align-justifyall-003	text-align: justify-all, dir=rtl		https://drafts.csswg.org/css-text-3/#text-align-property	3d0f71880fe51f780a4364185ccdf9d90b8f41db	`Richard Ishida`<mailto:ishida@w3.org>	text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well.
-text-align-justifyall-004	reference/text-align-justifyall-004	text-align: justify-all, dir=ltr		https://drafts.csswg.org/css-text-3/#text-align-property	02ade7cba0ce40d07d12c795ef0980c0aed66783	`Richard Ishida`<mailto:ishida@w3.org>	text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well.
-text-align-justifyall-005	reference/text-align-justifyall-005	text-align: justify-all, dir=auto, RTL first strong		https://drafts.csswg.org/css-text-3/#text-align-property	c47bdb43f2207cc9a6ea54f2a3b11a3cf950d3be	`Richard Ishida`<mailto:ishida@w3.org>	text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well.
-text-align-justifyall-006	reference/text-align-justifyall-006	text-align: justify-all, dir=auto, LTR first strong		https://drafts.csswg.org/css-text-3/#text-align-property	ab6bc7ea8230663c6dd1dbbf997e2157ead8dcd7	`Richard Ishida`<mailto:ishida@w3.org>	text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well.
+text-align-justify-001	reference/text-align-justify-ref-001	text-align: justify, direction: rtl		https://drafts.csswg.org/css-text-3/#text-align-property	139ee1837f1502611be18ac9caf8c8b9ded23c83	`Richard Ishida`<mailto:ishida@w3.org>	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 &#8211; in this case, to the right.
+text-align-justify-002	reference/text-align-justify-ref-002	text-align: justify, direction: ltr		https://drafts.csswg.org/css-text-3/#text-align-property	f85a6287414b3346a293735f420008df17612ff4	`Richard Ishida`<mailto:ishida@w3.org>	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 &#8211; in this case, to the left.
+text-align-justify-003	reference/text-align-justify-ref-003	text-align: justify, dir=rtl		https://drafts.csswg.org/css-text-3/#text-align-property	6f49d242e27ff7c5ccc0fe8bdbe269f6573ac20a	`Richard Ishida`<mailto:ishida@w3.org>	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 &#8211; in this case, to the right.
+text-align-justify-004	reference/text-align-justify-ref-004	text-align: justify, dir=ltr		https://drafts.csswg.org/css-text-3/#text-align-property	d3e58dd0e46c5ef29c4981a3b73291c1c4434790	`Richard Ishida`<mailto:ishida@w3.org>	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 &#8211; in this case, to the left.
+text-align-justify-005	reference/text-align-justify-ref-005	text-align: justify, dir=auto, RTL first strong		https://drafts.csswg.org/css-text-3/#text-align-property	eb85f47117e22156ff38787d96e7bcfa714cc8d5	`Richard Ishida`<mailto:ishida@w3.org>	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 &#8211; in this case, to the right.
+text-align-justify-006	reference/text-align-justify-ref-006	text-align: justify, dir=auto, LTR first strong		https://drafts.csswg.org/css-text-3/#text-align-property	3ccdc20f3c2ec05990828d059ad15d2787e47615	`Richard Ishida`<mailto:ishida@w3.org>	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 &#8211; in this case, to the left.
+text-align-justifyall-001	reference/text-align-justifyall-ref-001	text-align: justify-all, direction: rtl		https://drafts.csswg.org/css-text-3/#text-align-property	1b3e22738e813f292079f3b3c93e2c338cccd3eb	`Richard Ishida`<mailto:ishida@w3.org>	text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well.
+text-align-justifyall-002	reference/text-align-justifyall-ref-002	text-align: justify-all, direction: ltr		https://drafts.csswg.org/css-text-3/#text-align-property	fe5759ce6242ddd684c4808fe44c2eeb5f7d0c03	`Richard Ishida`<mailto:ishida@w3.org>	text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well.
+text-align-justifyall-003	reference/text-align-justifyall-ref-003	text-align: justify-all, dir=rtl		https://drafts.csswg.org/css-text-3/#text-align-property	f9d2bc84d17471ffdccdfafdd3bff8cc773819ba	`Richard Ishida`<mailto:ishida@w3.org>	text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well.
+text-align-justifyall-004	reference/text-align-justifyall-ref-004	text-align: justify-all, dir=ltr		https://drafts.csswg.org/css-text-3/#text-align-property	12990d9cf550dded573e67c3717887bf53c880c3	`Richard Ishida`<mailto:ishida@w3.org>	text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well.
+text-align-justifyall-005	reference/text-align-justifyall-ref-005	text-align: justify-all, dir=auto, RTL first strong		https://drafts.csswg.org/css-text-3/#text-align-property	947970cc3df02220fd3f4c98c980e4f3c41c88a1	`Richard Ishida`<mailto:ishida@w3.org>	text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well.
+text-align-justifyall-006	reference/text-align-justifyall-ref-006	text-align: justify-all, dir=auto, LTR first strong		https://drafts.csswg.org/css-text-3/#text-align-property	848def4e6a8dfc19873d1dcde26252d65e2d7ad7	`Richard Ishida`<mailto:ishida@w3.org>	text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well.
 text-align-last-001		text-align-last - start (basic)		http://www.w3.org/TR/css-text-3/#text-align-last	1fce65ed38da0c61a6f9bb19ed91fc203b7b70b7	`Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com>	The 'text-align-last' property set to 'start' on a block element aligns the last line text to the start edge.
 text-align-last-002		text-align-last - end (basic)		http://www.w3.org/TR/css-text-3/#text-align-last	5de0bf74fd4529e0b56d8ee8b0f23729b0a77bf3	`Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com>	The 'text-align-last' property set to 'right' on a block element aligns the last line text to the end edge.
 text-align-last-003		text-align-last - left (basic)		http://www.w3.org/TR/css-text-3/#text-align-last	247cb2ee1fbae234cfc9f6f9f86f4c43463ec20c	`Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com>	The 'text-align-last' property set to 'left' on a block element aligns the last line text to the left.
@@ -708,20 +708,20 @@ text-align-match-parent-03	reference/text-align-match-parent-ref	CSS Text: text-
 text-align-match-parent-04	reference/text-align-match-parent-ref	CSS Text: text-align: match-parent	dom	http://www.w3.org/TR/css-text-3/#text-align-property	5d2075a3a33a1300cf6f2ae911b09d63107093fa	`Simon Montagu`<mailto:smontagu@mozilla.com>	Text checks that an element with text-align: match-parent still aligns correctly if the parent's width is changed
 text-align-match-parent-root-ltr	reference/text-align-match-parent-root-ltr-ref	CSS Text: text-align: match-parent		http://www.w3.org/TR/css-text-3/#text-align-property	0169c5b70c4c7c0fe96f9f7dfc21c8fbd6563871	`Simon Montagu`<mailto:smontagu@mozilla.com>	Text checks that text-align: match-parent on a root element with dir=ltr is equivalent to text-align: start
 text-align-match-parent-root-rtl	reference/text-align-match-parent-root-rtl-ref	CSS Text: text-align: match-parent		http://www.w3.org/TR/css-text-3/#text-align-property	49617035888a8e44e2b9ef3393005cfb2b3ed640	`Simon Montagu`<mailto:smontagu@mozilla.com>	Text checks that text-align: match-parent on a root element with dir=rtl is equivalent to text-align: start
-text-align-start-001	reference/text-align-start-001	text-align: start, direction: rtl		https://drafts.csswg.org/css-text-3/#text-align-property	f5b5b9e1e3b48e41a7c2dc30c8fdfe5c2e4020a4	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. right when direction is horizontal, rtl.
-text-align-start-002	reference/text-align-start-002	text-align: start, direction: ltr		https://drafts.csswg.org/css-text-3/#text-align-property	070efbcc69d4a5743ae157e96f4013212b28f373	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. left when direction is horizontal, ltr.
-text-align-start-003	reference/text-align-start-003	text-align: start, dir=rtl		https://drafts.csswg.org/css-text-3/#text-align-property	92c88daa0b68c3c9edf94a2e8fd0887aeb2d5e9d	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. right when direction is horizontal, rtl.
-text-align-start-004	reference/text-align-start-004	text-align: start, dir=ltr		https://drafts.csswg.org/css-text-3/#text-align-property	efebad37fa2dc9f1cb64dd58dccd3b758d5a1c5f	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. left when direction is horizontal, ltr.
-text-align-start-005	reference/text-align-start-005	text-align: start, direction: rtl		https://drafts.csswg.org/css-text-3/#text-align-property	8255b60b54eead073d1ff2ce8fb051bbd18c1a04	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. right when direction is horizontal, rtl.
-text-align-start-006	reference/text-align-start-006	text-align: start, direction: ltr		https://drafts.csswg.org/css-text-3/#text-align-property	898248d2d196a7ebabd2490e4f6a6d0ce890bda6	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. left when direction is horizontal, ltr.
-text-align-start-007	reference/text-align-start-007	text-align: start, dir=rtl		https://drafts.csswg.org/css-text-3/#text-align-property	570b55add7f20936dd3bcebad9f708ada2cb2a45	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. right when direction is horizontal, rtl.
-text-align-start-008	reference/text-align-start-008	text-align: start, dir=ltr		https://drafts.csswg.org/css-text-3/#text-align-property	ac4ee8ca3702bf0790d29aafddc0c886bbc074c6	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. left when direction is horizontal, ltr.
-text-align-start-009	reference/text-align-start-009	text-align: start, dir=auto, RTL first strong		https://drafts.csswg.org/css-text-3/#text-align-property	c79e3533998b1736deb82a0b610234faed82353a	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. right when direction is auto and first strong character is rtl.
-text-align-start-010	reference/text-align-start-010	text-align: start, dir=auto, LTR first strong		https://drafts.csswg.org/css-text-3/#text-align-property	d4bd56c53818dc45f84a08f7e52a6a9cdcde49b1	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. left when direction is auto and first strong character is ltr.
-text-align-start-014	reference/text-align-start-014	text-align: start, pre, dir=rtl inherited		https://drafts.csswg.org/css-text-3/#text-align-property	18f1326cec179d8e88cbfacca0749d2862628ff7	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. right when base direction is rtl.
-text-align-start-015	reference/text-align-start-015	text-align: start, pre, dir=ltr inherited		https://drafts.csswg.org/css-text-3/#text-align-property	e1ae7307a90c4db34b55f0e18a2177c660d68ccf	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. left when base direction is ltr.
-text-align-start-016	reference/text-align-start-016	text-align: start, pre, dir=auto		https://drafts.csswg.org/css-text-3/#text-align-property	fdc78c50267b06607bb54f7c484bb8c9ceaf87f6	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. left when direction is auto and first strong character is ltr, and right when first strong is rtl.
-text-align-start-017	reference/text-align-start-017	text-align: start, pre, dir=auto on surrounding block		https://drafts.csswg.org/css-text-3/#text-align-property	fee6caeb95d51b66d3b010dba6390d7f6e643d43	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. since dir=auto is not inherited by pre, to left in ltr context.
+text-align-start-001	reference/text-align-start-ref-001	text-align: start, direction: rtl		https://drafts.csswg.org/css-text-3/#text-align-property	99ca0394f0e2dbf82143e8e497d7e6101a9f7b94	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. right when direction is horizontal, rtl.
+text-align-start-002	reference/text-align-start-ref-002	text-align: start, direction: ltr		https://drafts.csswg.org/css-text-3/#text-align-property	d97dc7cfdd7fd6a919aa0f065aa80909e73e47de	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. left when direction is horizontal, ltr.
+text-align-start-003	reference/text-align-start-ref-003	text-align: start, dir=rtl		https://drafts.csswg.org/css-text-3/#text-align-property	15b44b66b542103d3bff54c84016af131f9a7138	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. right when direction is horizontal, rtl.
+text-align-start-004	reference/text-align-start-ref-004	text-align: start, dir=ltr		https://drafts.csswg.org/css-text-3/#text-align-property	01d326f332cb6a268e3b4c34188c89f30b7186be	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. left when direction is horizontal, ltr.
+text-align-start-005	reference/text-align-start-ref-005	text-align: start, direction: rtl		https://drafts.csswg.org/css-text-3/#text-align-property	c4d537e521a94f55874a08d6833169ccbec7f8a2	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. right when direction is horizontal, rtl.
+text-align-start-006	reference/text-align-start-ref-006	text-align: start, direction: ltr		https://drafts.csswg.org/css-text-3/#text-align-property	d07bd265b06eee8528e4cf7b97d3b8a35b494955	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. left when direction is horizontal, ltr.
+text-align-start-007	reference/text-align-start-ref-007	text-align: start, dir=rtl		https://drafts.csswg.org/css-text-3/#text-align-property	a437fbade0026c8047e851508efbdbd4d60e3a5c	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. right when direction is horizontal, rtl.
+text-align-start-008	reference/text-align-start-ref-008	text-align: start, dir=ltr		https://drafts.csswg.org/css-text-3/#text-align-property	bdd4951ade2e3155d63fac501cae0b9b6eea48ab	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. left when direction is horizontal, ltr.
+text-align-start-009	reference/text-align-start-ref-009	text-align: start, dir=auto, RTL first strong		https://drafts.csswg.org/css-text-3/#text-align-property	d0de6f59b105b251204339d0cb22f4213c7f790f	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. right when direction is auto and first strong character is rtl.
+text-align-start-010	reference/text-align-start-ref-010	text-align: start, dir=auto, LTR first strong		https://drafts.csswg.org/css-text-3/#text-align-property	b03da49bf14bb27bad90379f29759ab6d3c7f9db	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. left when direction is auto and first strong character is ltr.
+text-align-start-014	reference/text-align-start-ref-014	text-align: start, pre, dir=rtl inherited		https://drafts.csswg.org/css-text-3/#text-align-property	bed8553500494f6f42f0fc313682947280d4ff85	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. right when base direction is rtl.
+text-align-start-015	reference/text-align-start-ref-015	text-align: start, pre, dir=ltr inherited		https://drafts.csswg.org/css-text-3/#text-align-property	8f4ac548061cb51351b2a32f830550577f9feb69	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. left when base direction is ltr.
+text-align-start-016	reference/text-align-start-ref-016	text-align: start, pre, dir=auto		https://drafts.csswg.org/css-text-3/#text-align-property	774b558ee80e7e0c82a9c17090d5272fa09fd713	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. left when direction is auto and first strong character is ltr, and right when first strong is rtl.
+text-align-start-017	reference/text-align-start-ref-017	text-align: start, pre, dir=auto on surrounding block		https://drafts.csswg.org/css-text-3/#text-align-property	c9a5a90f36c4e95711ab384bdba01a28963705c1	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. since dir=auto is not inherited by pre, to left in ltr context.
 text-align-start-018		text-align: start, textarea, dir=rtl inherited		https://drafts.csswg.org/css-text-3/#text-align-property	e821e56efcb5fce47be9fabf1d340353e542e9e6	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. right when base direction is rtl.
 text-align-start-019		text-align: start, textarea, dir=ltr inherited		https://drafts.csswg.org/css-text-3/#text-align-property	d2f387f6149c620dcb7de401e3724adf9f3dade9	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. left when base direction is ltr.
 text-align-start-020		text-align: start, textarea dir=auto on control		https://drafts.csswg.org/css-text-3/#text-align-property	846dfefff494a110914e09ca472ba2b6e04f8586	`Richard Ishida`<mailto:ishida@w3.org>	text-align:start aligns inline-level content to the start edge of the line box &#8211; ie. when dir=auto on textarea, left when first strong is ltr, right when rtl.
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; }
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/chapter-7.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/chapter-7.xht
index 231e2ee67f3..7cd0e04e77a 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/chapter-7.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf
index c919d9091d0..84ad57bef5a 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/README.md
index 2f757669727..686cb0c4279 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/README.md
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/reference/text-align-end-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-end-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-end-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-end-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-end-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-end-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-end-ref-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-end-ref-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-end-ref-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-end-ref-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-end-ref-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-end-ref-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-end-ref-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-end-ref-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-justify-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-justify-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-justify-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-justify-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-justify-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-justify-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-justifyall-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-justifyall-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-justifyall-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-justifyall-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-justifyall-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-justifyall-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-start-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-start-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-start-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-start-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-start-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-start-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-start-ref-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-start-ref-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-start-ref-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-start-ref-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-start-ref-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-start-ref-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-start-ref-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reference/text-align-start-ref-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/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/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest-toc.xht
index 8a315b2bfb0..0d9adef6d13 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest-toc.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/reftest.list b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest.list
index f864e053657..d18b41ccb4c 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest.list
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf
index c919d9091d0..84ad57bef5a 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/adobe-fonts/README.md
index 2f757669727..686cb0c4279 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/adobe-fonts/README.md
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-end-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-001.xht
index 409884fe4f7..810e99b56f3 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-001.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-end-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-002.xht
index a3e2156c717..a862d02192b 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-002.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-end-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-003.xht
index f648c52d992..219d7403aa8 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-003.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-end-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-004.xht
index bbda7e3a5f1..579d3f12a9d 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-004.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-end-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-005.xht
index 7cc89e2c800..3a68e845a8f 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-005.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-end-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-006.xht
index b4407849345..a57b3d609fb 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-006.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-end-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-007.xht
index d747c45f870..0e6a26594bd 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-007.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-end-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-008.xht
index 22ad73b27a1..4003c73f6fb 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-008.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-end-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-009.xht
index 294b99a2dcc..9da4a661d6d 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-009.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-end-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-010.xht
index f773f8be424..22c4d754eee 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-010.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-end-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-014.xht
index 9cbfb016a25..c9df02d3221 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-014.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-end-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-015.xht
index dea6b80cf63..54207c52c06 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-015.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-end-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-016.xht
index c850bdc42d2..a144c5ae9d6 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-016.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-end-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-017.xht
index 8251d0d65b9..2f97ec45fa0 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-017.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-justify-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-001.xht
index fb5630120a2..0625b78ebd3 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-001.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-justify-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-002.xht
index 63731ea4ea7..bd79733d3df 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-002.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-justify-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-003.xht
index d170dbb5c9f..ad35906cb35 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-003.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-justify-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-004.xht
index f9b5ff9aa1f..cbf4e56e763 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-004.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-justify-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-005.xht
index 5a359d49a7a..2fb14d94538 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-005.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-justify-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-006.xht
index 3f08c27c07d..2cd85508479 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-006.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-justifyall-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-001.xht
index 59591a79997..53400395935 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-001.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-justifyall-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-002.xht
index 91a518723a5..bf42b154c5c 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-002.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-justifyall-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-003.xht
index bfd2df68161..bbd196d5699 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-003.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-justifyall-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-004.xht
index 23b2c645306..1cdc554e2fd 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-004.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-justifyall-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-005.xht
index f3cdbb8f2e9..cf9a56457fa 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-005.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-justifyall-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-006.xht
index 21b26075a85..cfaa1c9bffb 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-006.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-start-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-001.xht
index 019b812dd5d..21726ba2903 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-001.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-start-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-002.xht
index f1218beddab..d8160b48b72 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-002.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-start-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-003.xht
index 2663960ae2f..5f4b16aff70 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-003.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-start-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-004.xht
index 60b08a01efe..5a18264ff42 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-004.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-start-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-005.xht
index e56d1cd752d..a6c5d755e24 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-005.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-start-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-006.xht
index 1dba20a1f39..62a92b7e5c8 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-006.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-start-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-007.xht
index ace16478d3b..bb229373c84 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-007.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-start-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-008.xht
index f6c12b4a2c4..a9922b8799e 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-008.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-start-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-009.xht
index 780460da745..3a735b68bcb 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-009.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-start-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-010.xht
index 26b185368ae..2d428f9fb4e 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-010.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-start-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-014.xht
index 8148148d6f5..ae6dbba948a 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-014.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-start-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-015.xht
index c1d01c75fc1..91727b4f100 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-015.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-start-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-016.xht
index 7bfdb67f407..9f35ce6f1a3 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-016.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/xhtml1print/text-align-start-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-017.xht
index a6a42ace14a..08d5a39aa41 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-017.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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; }