aboutsummaryrefslogtreecommitdiffstats
path: root/tests/wpt/css-tests/css-text-3_dev/html
diff options
context:
space:
mode:
Diffstat (limited to 'tests/wpt/css-tests/css-text-3_dev/html')
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/chapter-7.htm80
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otfbin46940 -> 38068 bytes
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/README.md17
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-001.htm17
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-002.htm19
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-003.htm17
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-004.htm19
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-005.htm19
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-006.htm21
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-007.htm19
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-008.htm21
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-009.htm19
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-010.htm21
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-014.htm19
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-015.htm17
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-016.htm18
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-017.htm17
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-001.htm23
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-002.htm25
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-003.htm23
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-004.htm25
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-005.htm23
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-006.htm25
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-001.htm23
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-002.htm25
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-003.htm23
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-004.htm25
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-005.htm23
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-006.htm25
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-001.htm19
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-002.htm21
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-003.htm19
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-004.htm21
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-005.htm21
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-006.htm23
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-007.htm21
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-008.htm23
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-009.htm21
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-010.htm23
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-014.htm21
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-015.htm21
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-016.htm20
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-017.htm19
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reftest-toc.htm80
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/reftest.list80
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otfbin46940 -> 38068 bytes
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/README.md17
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-end-001.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-end-002.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-end-003.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-end-004.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-end-005.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-end-006.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-end-007.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-end-008.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-end-009.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-end-010.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-end-014.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-end-015.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-end-016.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-end-017.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-001.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-002.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-003.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-004.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-005.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-006.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-001.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-002.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-003.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-004.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-005.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-006.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-start-001.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-start-002.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-start-003.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-start-004.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-start-005.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-start-006.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-start-007.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-start-008.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-start-009.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-start-010.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-start-014.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-start-015.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-start-016.htm2
-rw-r--r--tests/wpt/css-tests/css-text-3_dev/html/text-align-start-017.htm2
87 files changed, 1028 insertions, 170 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
Binary files differ
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
Binary files differ
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; }