From a00f2d6310f42d641151d8aa46aef53338e568cc Mon Sep 17 00:00:00 2001
From: Ms2ger <Ms2ger@gmail.com>
Date: Mon, 23 Nov 2015 13:14:18 +0100
Subject: [PATCH 1/2] Update CSS tests to revision
 e102a993c37a2e0ebd549bc7d5548b006458ab34

---
 .../html/vh-interpolate-pct.htm               |    2 +-
 .../html/vh-interpolate-px.htm                |    2 +-
 .../html/vh-interpolate-vh.htm                |    2 +-
 .../implementation-report-TEMPLATE.data       |   12 +-
 .../css-tests/css-animations-1_dev/index.htm  |    2 +-
 .../css-tests/css-animations-1_dev/index.xht  |    2 +-
 .../css-animations-1_dev/testinfo.data        |    6 +-
 .../xhtml1/vh-interpolate-pct.xht             |    2 +-
 .../xhtml1/vh-interpolate-px.xht              |    2 +-
 .../xhtml1/vh-interpolate-vh.xht              |    2 +-
 .../html4/background-clip-content-box.htm     |    6 +-
 ...rder-image-repeat_repeatnegx_none_50px.htm |    2 +-
 .../html4/border-image-slice-003.htm          |    2 +-
 .../html4/border-image-width-005.htm          |   54 +
 .../html4/border-image-width-006.htm          |   54 +
 .../html4/border-image-width-007.htm          |   48 +
 .../css-backgrounds-3_dev/html4/chapter-3.htm |    4 +-
 .../css-backgrounds-3_dev/html4/chapter-6.htm |   39 +-
 .../html4/reftest-toc.htm                     |   24 +
 .../css-backgrounds-3_dev/html4/reftest.list  |    3 +
 .../css-backgrounds-3_dev/html4/toc.htm       |    2 +-
 .../implementation-report-TEMPLATE.data       |   18 +-
 .../css-backgrounds-3_dev/testinfo.data       |    9 +-
 .../xhtml1/background-clip-content-box.xht    |    6 +-
 ...rder-image-repeat_repeatnegx_none_50px.xht |    2 +-
 .../xhtml1/border-image-slice-003.xht         |    2 +-
 .../xhtml1/border-image-width-005.xht         |   54 +
 .../xhtml1/border-image-width-006.xht         |   54 +
 .../xhtml1/border-image-width-007.xht         |   48 +
 .../xhtml1/chapter-3.xht                      |    4 +-
 .../xhtml1/chapter-6.xht                      |   39 +-
 .../xhtml1/reftest-toc.xht                    |   24 +
 .../css-backgrounds-3_dev/xhtml1/reftest.list |    3 +
 .../css-backgrounds-3_dev/xhtml1/toc.xht      |    2 +-
 .../background-clip-content-box.xht           |    6 +-
 ...rder-image-repeat_repeatnegx_none_50px.xht |    2 +-
 .../xhtml1print/border-image-slice-003.xht    |    2 +-
 .../xhtml1print/border-image-width-005.xht    |   63 +
 .../xhtml1print/border-image-width-006.xht    |   63 +
 .../xhtml1print/border-image-width-007.xht    |   57 +
 .../xhtml1print/chapter-3.xht                 |    4 +-
 .../xhtml1print/chapter-6.xht                 |   39 +-
 .../xhtml1print/reftest-toc.xht               |   24 +
 .../xhtml1print/reftest.list                  |    3 +
 .../css-backgrounds-3_dev/xhtml1print/toc.xht |    2 +-
 .../html/at-supports-034.htm                  |    1 +
 .../html/at-supports-035.htm                  |    1 +
 .../html/at-supports-036.htm                  |    1 +
 .../html/at-supports-037.htm                  |    1 +
 .../html/at-supports-038.htm                  |    1 +
 .../html/at-supports-039.htm                  |    1 +
 .../implementation-report-TEMPLATE.data       |   24 +-
 .../css-tests/css-conditional-3_dev/index.htm |    2 +-
 .../css-tests/css-conditional-3_dev/index.xht |    2 +-
 .../css-conditional-3_dev/testinfo.data       |   12 +-
 .../xhtml1/at-supports-034.xht                |    1 +
 .../xhtml1/at-supports-035.xht                |    1 +
 .../xhtml1/at-supports-036.xht                |    1 +
 .../xhtml1/at-supports-037.xht                |    1 +
 .../xhtml1/at-supports-038.xht                |    1 +
 .../xhtml1/at-supports-039.xht                |    1 +
 .../xhtml1print/at-supports-034.xht           |    1 +
 .../xhtml1print/at-supports-035.xht           |    1 +
 .../xhtml1print/at-supports-036.xht           |    1 +
 .../xhtml1print/at-supports-037.xht           |    1 +
 .../xhtml1print/at-supports-038.xht           |    1 +
 .../xhtml1print/at-supports-039.xht           |    1 +
 .../flexbox-align-self-horiz-003-ref.htm      |    2 +-
 .../implementation-report-TEMPLATE.data       |    4 +-
 .../css-tests/css-flexbox-1_dev/testinfo.data |    2 +-
 .../flexbox-align-self-horiz-003-ref.xht      |    2 +-
 .../flexbox-align-self-horiz-003-ref.xht      |    2 +-
 .../css-gcpm-3_dev/html/leader-002.htm        |    4 +-
 .../css-gcpm-3_dev/html/string-set-001.htm    |    4 +-
 .../css-gcpm-3_dev/html/string-set-002.htm    |    4 +-
 .../css-gcpm-3_dev/html/string-set-003.htm    |    4 +-
 .../css-gcpm-3_dev/html/string-set-004.htm    |    4 +-
 .../css-gcpm-3_dev/html/string-set-005.htm    |    4 +-
 .../css-gcpm-3_dev/html/string-set-006.htm    |    4 +-
 .../css-gcpm-3_dev/html/string-set-007.htm    |    4 +-
 .../css-gcpm-3_dev/html/string-set-008.htm    |    4 +-
 .../css-gcpm-3_dev/html/string-set-009.htm    |    4 +-
 .../css-gcpm-3_dev/html/string-set-010.htm    |    4 +-
 .../css-gcpm-3_dev/html/string-set-011.htm    |    6 +-
 .../css-gcpm-3_dev/html/string-set-012.htm    |    4 +-
 .../css-gcpm-3_dev/html/using-strings-001.htm |    4 +-
 .../css-gcpm-3_dev/html/using-strings-002.htm |    2 +
 .../css-gcpm-3_dev/html/using-strings-003.htm |    6 +-
 .../css-gcpm-3_dev/html/using-strings-004.htm |    4 +-
 .../css-gcpm-3_dev/html/using-strings-005.htm |    8 +-
 .../implementation-report-TEMPLATE.data       |   72 +-
 .../css-tests/css-gcpm-3_dev/testinfo.data    |   36 +-
 .../css-gcpm-3_dev/xhtml1/leader-002.xht      |    4 +-
 .../css-gcpm-3_dev/xhtml1/string-set-001.xht  |    4 +-
 .../css-gcpm-3_dev/xhtml1/string-set-002.xht  |    4 +-
 .../css-gcpm-3_dev/xhtml1/string-set-003.xht  |    4 +-
 .../css-gcpm-3_dev/xhtml1/string-set-004.xht  |    4 +-
 .../css-gcpm-3_dev/xhtml1/string-set-005.xht  |    4 +-
 .../css-gcpm-3_dev/xhtml1/string-set-006.xht  |    4 +-
 .../css-gcpm-3_dev/xhtml1/string-set-007.xht  |    4 +-
 .../css-gcpm-3_dev/xhtml1/string-set-008.xht  |    4 +-
 .../css-gcpm-3_dev/xhtml1/string-set-009.xht  |    4 +-
 .../css-gcpm-3_dev/xhtml1/string-set-010.xht  |    4 +-
 .../css-gcpm-3_dev/xhtml1/string-set-011.xht  |    6 +-
 .../css-gcpm-3_dev/xhtml1/string-set-012.xht  |    4 +-
 .../xhtml1/using-strings-001.xht              |    4 +-
 .../xhtml1/using-strings-002.xht              |    2 +
 .../xhtml1/using-strings-003.xht              |    6 +-
 .../xhtml1/using-strings-004.xht              |    4 +-
 .../xhtml1/using-strings-005.xht              |    8 +-
 .../css-gcpm-3_dev/xhtml1print/leader-002.xht |    4 +-
 .../xhtml1print/string-set-001.xht            |    4 +-
 .../xhtml1print/string-set-002.xht            |    4 +-
 .../xhtml1print/string-set-003.xht            |    4 +-
 .../xhtml1print/string-set-004.xht            |    4 +-
 .../xhtml1print/string-set-005.xht            |    4 +-
 .../xhtml1print/string-set-006.xht            |    4 +-
 .../xhtml1print/string-set-007.xht            |    4 +-
 .../xhtml1print/string-set-008.xht            |    4 +-
 .../xhtml1print/string-set-009.xht            |    4 +-
 .../xhtml1print/string-set-010.xht            |    4 +-
 .../xhtml1print/string-set-011.xht            |    6 +-
 .../xhtml1print/string-set-012.xht            |    4 +-
 .../xhtml1print/using-strings-001.xht         |    4 +-
 .../xhtml1print/using-strings-002.xht         |    2 +
 .../xhtml1print/using-strings-003.xht         |    6 +-
 .../xhtml1print/using-strings-004.xht         |    4 +-
 .../xhtml1print/using-strings-005.xht         |    8 +-
 .../css-images-3_dev/html/chapter-3.htm       |   14 +-
 .../css-image-fallbacks-and-annotations.htm   |    3 +-
 ...css-image-fallbacks-and-annotations002.htm |    5 +-
 ...css-image-fallbacks-and-annotations003.htm |    3 +-
 ...css-image-fallbacks-and-annotations004.htm |    3 +-
 ...css-image-fallbacks-and-annotations005.htm |    5 +-
 ...ss-image-fallbacks-and-annotations-ref.htm |    3 +-
 .../css-images-3_dev/html/reftest-toc.htm     |   10 +-
 .../implementation-report-TEMPLATE.data       |   20 +-
 .../css-tests/css-images-3_dev/testinfo.data  |   10 +-
 .../css-images-3_dev/xhtml1/chapter-3.xht     |   14 +-
 .../css-image-fallbacks-and-annotations.xht   |    3 +-
 ...css-image-fallbacks-and-annotations002.xht |    5 +-
 ...css-image-fallbacks-and-annotations003.xht |    3 +-
 ...css-image-fallbacks-and-annotations004.xht |    3 +-
 ...css-image-fallbacks-and-annotations005.xht |    5 +-
 ...ss-image-fallbacks-and-annotations-ref.xht |    3 +-
 .../css-images-3_dev/xhtml1/reftest-toc.xht   |   10 +-
 .../xhtml1print/chapter-3.xht                 |   14 +-
 .../css-image-fallbacks-and-annotations.xht   |    3 +-
 ...css-image-fallbacks-and-annotations002.xht |    5 +-
 ...css-image-fallbacks-and-annotations003.xht |    3 +-
 ...css-image-fallbacks-and-annotations004.xht |    3 +-
 ...css-image-fallbacks-and-annotations005.xht |    5 +-
 ...ss-image-fallbacks-and-annotations-ref.xht |    3 +-
 .../xhtml1print/reftest-toc.xht               |   10 +-
 .../html4/multicol-basic-001.htm              |    1 +
 .../html4/multicol-basic-002.htm              |    1 +
 .../html4/multicol-basic-003.htm              |    1 +
 .../html4/multicol-basic-004.htm              |    1 +
 .../implementation-report-TEMPLATE.data       |   16 +-
 .../css-tests/css-multicol-1_dev/index.htm    |    2 +-
 .../css-tests/css-multicol-1_dev/index.xht    |    2 +-
 .../css-multicol-1_dev/testinfo.data          |    8 +-
 .../xhtml1/multicol-basic-001.xht             |    1 +
 .../xhtml1/multicol-basic-002.xht             |    1 +
 .../xhtml1/multicol-basic-003.xht             |    1 +
 .../xhtml1/multicol-basic-004.xht             |    1 +
 .../xhtml1print/multicol-basic-001.xht        |    1 +
 .../xhtml1print/multicol-basic-002.xht        |    1 +
 .../xhtml1print/multicol-basic-003.xht        |    1 +
 .../xhtml1print/multicol-basic-004.xht        |    1 +
 .../html/contentEditable-001.htm              |    6 +-
 .../html/contentEditable-002.htm              |    8 +-
 .../html/contentEditable-003.htm              |    6 +-
 .../html/contentEditable-004.htm              |    6 +-
 .../html/contentEditable-005.htm              |    6 +-
 .../html/contentEditable-006.htm              |    6 +-
 .../html/contentEditable-007.htm              |   10 +-
 .../html/contentEditable-008.htm              |    6 +-
 .../html/contentEditable-009.htm              |    6 +-
 .../html/contentEditable-010.htm              |    6 +-
 .../html/contentEditable-011.htm              |    8 +-
 .../html/contentEditable-012.htm              |    8 +-
 .../implementation-report-TEMPLATE.data       |   48 +-
 .../css-tests/css-regions-1_dev/testinfo.data |   24 +-
 .../xhtml1/contentEditable-001.xht            |    6 +-
 .../xhtml1/contentEditable-002.xht            |    8 +-
 .../xhtml1/contentEditable-003.xht            |    6 +-
 .../xhtml1/contentEditable-004.xht            |    6 +-
 .../xhtml1/contentEditable-005.xht            |    6 +-
 .../xhtml1/contentEditable-006.xht            |    6 +-
 .../xhtml1/contentEditable-007.xht            |   10 +-
 .../xhtml1/contentEditable-008.xht            |    6 +-
 .../xhtml1/contentEditable-009.xht            |    6 +-
 .../xhtml1/contentEditable-010.xht            |    6 +-
 .../xhtml1/contentEditable-011.xht            |    8 +-
 .../xhtml1/contentEditable-012.xht            |    8 +-
 .../xhtml1print/contentEditable-001.xht       |    6 +-
 .../xhtml1print/contentEditable-002.xht       |    8 +-
 .../xhtml1print/contentEditable-003.xht       |    6 +-
 .../xhtml1print/contentEditable-004.xht       |    6 +-
 .../xhtml1print/contentEditable-005.xht       |    6 +-
 .../xhtml1print/contentEditable-006.xht       |    6 +-
 .../xhtml1print/contentEditable-007.xht       |   10 +-
 .../xhtml1print/contentEditable-008.xht       |    6 +-
 .../xhtml1print/contentEditable-009.xht       |    6 +-
 .../xhtml1print/contentEditable-010.xht       |    6 +-
 .../xhtml1print/contentEditable-011.xht       |    8 +-
 .../xhtml1print/contentEditable-012.xht       |    8 +-
 .../css-text-3_dev/html/chapter-8.htm         |   15 +-
 .../html/reference/support/Ahem.ttf           |  Bin 0 -> 12480 bytes
 .../html/reference/support/ahem.css           |    4 +
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../html/reference/text-word-spacing-ref.htm  |   27 +
 .../css-text-3_dev/html/reftest-toc.htm       |    8 +
 .../css-text-3_dev/html/reftest.list          |    1 +
 .../css-text-3_dev/html/support/Ahem.ttf      |  Bin 0 -> 12480 bytes
 .../css-text-3_dev/html/support/ahem.css      |    4 +
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../html/text-word-spacing-001.htm            |   36 +
 .../wpt/css-tests/css-text-3_dev/html/toc.htm |    2 +-
 .../implementation-report-TEMPLATE.data       |    2 +
 tests/wpt/css-tests/css-text-3_dev/index.htm  |    1 +
 tests/wpt/css-tests/css-text-3_dev/index.xht  |    1 +
 .../css-tests/css-text-3_dev/testinfo.data    |    1 +
 .../css-text-3_dev/xhtml1/chapter-8.xht       |   15 +-
 .../xhtml1/reference/support/Ahem.ttf         |  Bin 0 -> 12480 bytes
 .../xhtml1/reference/support/ahem.css         |    4 +
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../reference/text-word-spacing-ref.xht       |   27 +
 .../css-text-3_dev/xhtml1/reftest-toc.xht     |    8 +
 .../css-text-3_dev/xhtml1/reftest.list        |    1 +
 .../css-text-3_dev/xhtml1/support/Ahem.ttf    |  Bin 0 -> 12480 bytes
 .../css-text-3_dev/xhtml1/support/ahem.css    |    4 +
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../xhtml1/text-word-spacing-001.xht          |   36 +
 .../css-tests/css-text-3_dev/xhtml1/toc.xht   |    2 +-
 .../css-text-3_dev/xhtml1print/chapter-8.xht  |   15 +-
 .../xhtml1print/reference/support/Ahem.ttf    |  Bin 0 -> 12480 bytes
 .../xhtml1print/reference/support/ahem.css    |    4 +
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../reference/text-word-spacing-ref.xht       |   27 +
 .../xhtml1print/reftest-toc.xht               |    8 +
 .../css-text-3_dev/xhtml1print/reftest.list   |    1 +
 .../xhtml1print/support/Ahem.ttf              |  Bin 0 -> 12480 bytes
 .../xhtml1print/support/ahem.css              |    4 +
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../xhtml1print/text-word-spacing-001.xht     |   36 +
 .../css-text-3_dev/xhtml1print/toc.xht        |    2 +-
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../html/calc-in-media-queries-001.htm        |    4 +-
 .../html/calc-in-media-queries-002.htm        |    4 +-
 .../html/vh-interpolate-pct.htm               |    2 +-
 .../html/vh-interpolate-px.htm                |    2 +-
 .../html/vh-interpolate-vh.htm                |    2 +-
 .../implementation-report-TEMPLATE.data       |   20 +-
 .../wpt/css-tests/css-values-3_dev/index.htm  |    1 +
 .../wpt/css-tests/css-values-3_dev/index.xht  |    1 +
 .../css-tests/css-values-3_dev/testinfo.data  |   10 +-
 .../xhtml1/calc-in-media-queries-001.xht      |    4 +-
 .../xhtml1/calc-in-media-queries-002.xht      |    4 +-
 .../xhtml1/vh-interpolate-pct.xht             |    2 +-
 .../xhtml1/vh-interpolate-px.xht              |    2 +-
 .../xhtml1/vh-interpolate-vh.xht              |    2 +-
 .../html/block-flow-direction-002.htm         |   36 +-
 .../html/block-flow-direction-003.htm         |   36 +-
 .../html/block-flow-direction-005.htm         |   32 +-
 .../html/block-flow-direction-006.htm         |   29 +-
 .../html/block-flow-direction-007.htm         |   32 +-
 .../html/block-flow-direction-008.htm         |   29 +-
 .../html/block-flow-direction-009.htm         |   40 +-
 .../html/block-flow-direction-010.htm         |   40 +-
 .../html/block-flow-direction-011.htm         |   41 +-
 .../html/block-flow-direction-012.htm         |   39 +-
 .../html/block-flow-direction-013.htm         |   38 +-
 .../html/block-flow-direction-014.htm         |   41 +-
 .../html/block-flow-direction-015.htm         |   39 +-
 .../html/block-flow-direction-016.htm         |   38 +-
 .../html/block-flow-direction-017.htm         |   42 +-
 .../html/block-flow-direction-018.htm         |   38 +-
 .../html/block-flow-direction-019.htm         |   38 +-
 .../html/block-flow-direction-020.htm         |   38 +-
 .../html/block-flow-direction-021.htm         |   40 +-
 .../html/block-flow-direction-022.htm         |   40 +-
 .../html/block-flow-direction-023.htm         |   31 +-
 .../html/block-flow-direction-024.htm         |   33 +-
 .../html/block-flow-direction-042.htm         |   94 +
 .../html/block-flow-direction-043.htm         |   94 +
 .../html/block-flow-direction-045.htm         |   88 +
 .../html/block-flow-direction-046.htm         |   90 +
 .../html/block-flow-direction-047.htm         |   88 +
 .../html/block-flow-direction-048.htm         |   90 +
 .../html/block-flow-direction-049.htm         |   94 +
 .../html/block-flow-direction-050.htm         |   94 +
 .../html/block-flow-direction-051.htm         |  104 +
 .../html/block-flow-direction-052.htm         |   70 +
 .../html/block-flow-direction-053.htm         |  100 +
 .../html/block-flow-direction-054.htm         |  104 +
 .../html/block-flow-direction-055.htm         |   63 +
 .../html/block-flow-direction-056.htm         |  100 +
 .../html/block-flow-direction-057.htm         |   93 +
 .../html/block-flow-direction-058.htm         |   92 +
 .../html/block-flow-direction-059.htm         |   93 +
 .../html/block-flow-direction-060.htm         |   92 +
 .../html/block-flow-direction-061.htm         |   96 +
 .../html/block-flow-direction-062.htm         |   96 +
 .../html/block-flow-direction-063.htm         |   63 +
 .../html/block-flow-direction-064.htm         |   64 +
 .../html/block-flow-direction-065.htm         |   38 +
 .../html/block-flow-direction-066.htm         |   44 +
 .../html/chapter-3.htm                        |  268 ++-
 .../html/chapter-7.htm                        |   28 +-
 .../html/outline-inline-block-vrl-006.htm     |   33 +
 .../html/outline-inline-vlr-006.htm           |   25 +
 .../html/outline-inline-vrl-006.htm           |   32 +
 .../block-flow-direction-043-ref.htm          |   49 +
 .../block-flow-direction-066-ref.htm          |   43 +
 .../outline-inline-block-vrl-006.htm          |   22 +
 .../html/reference/outline-inline-vlr-006.htm |   19 +
 .../html/reference/outline-inline-vrl-006.htm |   23 +
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../html/reftest-toc.htm                      |  216 +++
 .../css-writing-modes-3_dev/html/reftest.list |   27 +
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../css-writing-modes-3_dev/html/toc.htm      |    4 +-
 .../implementation-report-TEMPLATE.data       |  142 +-
 .../css-writing-modes-3_dev/testinfo.data     |   71 +-
 .../xhtml1/block-flow-direction-002.xht       |   36 +-
 .../xhtml1/block-flow-direction-003.xht       |   36 +-
 .../xhtml1/block-flow-direction-005.xht       |   32 +-
 .../xhtml1/block-flow-direction-006.xht       |   29 +-
 .../xhtml1/block-flow-direction-007.xht       |   32 +-
 .../xhtml1/block-flow-direction-008.xht       |   29 +-
 .../xhtml1/block-flow-direction-009.xht       |   40 +-
 .../xhtml1/block-flow-direction-010.xht       |   40 +-
 .../xhtml1/block-flow-direction-011.xht       |   41 +-
 .../xhtml1/block-flow-direction-012.xht       |   39 +-
 .../xhtml1/block-flow-direction-013.xht       |   38 +-
 .../xhtml1/block-flow-direction-014.xht       |   41 +-
 .../xhtml1/block-flow-direction-015.xht       |   39 +-
 .../xhtml1/block-flow-direction-016.xht       |   38 +-
 .../xhtml1/block-flow-direction-017.xht       |   42 +-
 .../xhtml1/block-flow-direction-018.xht       |   38 +-
 .../xhtml1/block-flow-direction-019.xht       |   38 +-
 .../xhtml1/block-flow-direction-020.xht       |   38 +-
 .../xhtml1/block-flow-direction-021.xht       |   40 +-
 .../xhtml1/block-flow-direction-022.xht       |   40 +-
 .../xhtml1/block-flow-direction-023.xht       |   31 +-
 .../xhtml1/block-flow-direction-024.xht       |   33 +-
 .../xhtml1/block-flow-direction-042.xht       |   94 +
 .../xhtml1/block-flow-direction-043.xht       |   94 +
 .../xhtml1/block-flow-direction-045.xht       |   88 +
 .../xhtml1/block-flow-direction-046.xht       |   90 +
 .../xhtml1/block-flow-direction-047.xht       |   88 +
 .../xhtml1/block-flow-direction-048.xht       |   90 +
 .../xhtml1/block-flow-direction-049.xht       |   94 +
 .../xhtml1/block-flow-direction-050.xht       |   94 +
 .../xhtml1/block-flow-direction-051.xht       |  104 +
 .../xhtml1/block-flow-direction-052.xht       |   70 +
 .../xhtml1/block-flow-direction-053.xht       |  100 +
 .../xhtml1/block-flow-direction-054.xht       |  104 +
 .../xhtml1/block-flow-direction-055.xht       |   63 +
 .../xhtml1/block-flow-direction-056.xht       |  100 +
 .../xhtml1/block-flow-direction-057.xht       |   93 +
 .../xhtml1/block-flow-direction-058.xht       |   92 +
 .../xhtml1/block-flow-direction-059.xht       |   93 +
 .../xhtml1/block-flow-direction-060.xht       |   92 +
 .../xhtml1/block-flow-direction-061.xht       |   96 +
 .../xhtml1/block-flow-direction-062.xht       |   96 +
 .../xhtml1/block-flow-direction-063.xht       |   63 +
 .../xhtml1/block-flow-direction-064.xht       |   64 +
 .../xhtml1/block-flow-direction-065.xht       |   38 +
 .../xhtml1/block-flow-direction-066.xht       |   44 +
 .../xhtml1/chapter-3.xht                      |  268 ++-
 .../xhtml1/chapter-7.xht                      |   28 +-
 .../xhtml1/outline-inline-block-vrl-006.xht   |   33 +
 .../xhtml1/outline-inline-vlr-006.xht         |   25 +
 .../xhtml1/outline-inline-vrl-006.xht         |   32 +
 .../block-flow-direction-043-ref.xht          |   49 +
 .../block-flow-direction-066-ref.xht          |   43 +
 .../outline-inline-block-vrl-006.xht          |   22 +
 .../reference/outline-inline-vlr-006.xht      |   19 +
 .../reference/outline-inline-vrl-006.xht      |   23 +
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../xhtml1/reftest-toc.xht                    |  216 +++
 .../xhtml1/reftest.list                       |   27 +
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../css-writing-modes-3_dev/xhtml1/toc.xht    |    4 +-
 .../xhtml1print/block-flow-direction-002.xht  |   36 +-
 .../xhtml1print/block-flow-direction-003.xht  |   36 +-
 .../xhtml1print/block-flow-direction-005.xht  |   32 +-
 .../xhtml1print/block-flow-direction-006.xht  |   29 +-
 .../xhtml1print/block-flow-direction-007.xht  |   32 +-
 .../xhtml1print/block-flow-direction-008.xht  |   29 +-
 .../xhtml1print/block-flow-direction-009.xht  |   40 +-
 .../xhtml1print/block-flow-direction-010.xht  |   40 +-
 .../xhtml1print/block-flow-direction-011.xht  |   41 +-
 .../xhtml1print/block-flow-direction-012.xht  |   39 +-
 .../xhtml1print/block-flow-direction-013.xht  |   38 +-
 .../xhtml1print/block-flow-direction-014.xht  |   41 +-
 .../xhtml1print/block-flow-direction-015.xht  |   39 +-
 .../xhtml1print/block-flow-direction-016.xht  |   38 +-
 .../xhtml1print/block-flow-direction-017.xht  |   42 +-
 .../xhtml1print/block-flow-direction-018.xht  |   38 +-
 .../xhtml1print/block-flow-direction-019.xht  |   38 +-
 .../xhtml1print/block-flow-direction-020.xht  |   38 +-
 .../xhtml1print/block-flow-direction-021.xht  |   40 +-
 .../xhtml1print/block-flow-direction-022.xht  |   40 +-
 .../xhtml1print/block-flow-direction-023.xht  |   31 +-
 .../xhtml1print/block-flow-direction-024.xht  |   33 +-
 .../xhtml1print/block-flow-direction-042.xht  |  103 +
 .../xhtml1print/block-flow-direction-043.xht  |  103 +
 .../xhtml1print/block-flow-direction-045.xht  |   97 +
 .../xhtml1print/block-flow-direction-046.xht  |   99 +
 .../xhtml1print/block-flow-direction-047.xht  |   97 +
 .../xhtml1print/block-flow-direction-048.xht  |   99 +
 .../xhtml1print/block-flow-direction-049.xht  |  103 +
 .../xhtml1print/block-flow-direction-050.xht  |  103 +
 .../xhtml1print/block-flow-direction-051.xht  |  113 ++
 .../xhtml1print/block-flow-direction-052.xht  |   79 +
 .../xhtml1print/block-flow-direction-053.xht  |  109 ++
 .../xhtml1print/block-flow-direction-054.xht  |  113 ++
 .../xhtml1print/block-flow-direction-055.xht  |   72 +
 .../xhtml1print/block-flow-direction-056.xht  |  109 ++
 .../xhtml1print/block-flow-direction-057.xht  |  102 +
 .../xhtml1print/block-flow-direction-058.xht  |  101 +
 .../xhtml1print/block-flow-direction-059.xht  |  102 +
 .../xhtml1print/block-flow-direction-060.xht  |  101 +
 .../xhtml1print/block-flow-direction-061.xht  |  105 +
 .../xhtml1print/block-flow-direction-062.xht  |  105 +
 .../xhtml1print/block-flow-direction-063.xht  |   72 +
 .../xhtml1print/block-flow-direction-064.xht  |   73 +
 .../xhtml1print/block-flow-direction-065.xht  |   47 +
 .../xhtml1print/block-flow-direction-066.xht  |   53 +
 .../xhtml1print/chapter-3.xht                 |  268 ++-
 .../xhtml1print/chapter-7.xht                 |   28 +-
 .../outline-inline-block-vrl-006.xht          |   33 +
 .../xhtml1print/outline-inline-vlr-006.xht    |   25 +
 .../xhtml1print/outline-inline-vrl-006.xht    |   32 +
 .../block-flow-direction-043-ref.xht          |   58 +
 .../block-flow-direction-066-ref.xht          |   52 +
 .../outline-inline-block-vrl-006.xht          |   22 +
 .../reference/outline-inline-vlr-006.xht      |   19 +
 .../reference/outline-inline-vrl-006.xht      |   23 +
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../xhtml1print/reftest-toc.xht               |  216 +++
 .../xhtml1print/reftest.list                  |   27 +
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../xhtml1print/toc.xht                       |    4 +-
 .../css21_dev/html4/background-root-102.htm   |    3 +-
 .../css21_dev/html4/background-root-103.htm   |    3 +-
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../implementation-report-TEMPLATE.data       |    8 +-
 tests/wpt/css-tests/css21_dev/testinfo.data   |    4 +-
 .../css21_dev/xhtml1/background-root-102.xht  |    3 +-
 .../css21_dev/xhtml1/background-root-103.xht  |    3 +-
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../xhtml1print/background-root-102.xht       |    3 +-
 .../xhtml1print/background-root-103.xht       |    3 +-
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../block-flow-direction-066-exp-res.png      |  Bin 0 -> 4055 bytes
 .../html/calc-in-media-queries-001.htm        |    4 +-
 .../html/calc-in-media-queries-002.htm        |    4 +-
 .../implementation-report-TEMPLATE.data       |    8 +-
 .../css-tests/mediaqueries-3_dev/index.htm    |    2 +-
 .../css-tests/mediaqueries-3_dev/index.xht    |    2 +-
 .../mediaqueries-3_dev/testinfo.data          |    4 +-
 .../xhtml1/calc-in-media-queries-001.xht      |    4 +-
 .../xhtml1/calc-in-media-queries-002.xht      |    4 +-
 .../xhtml1print/calc-in-media-queries-001.xht |    4 +-
 .../xhtml1print/calc-in-media-queries-002.xht |    4 +-
 tests/wpt/css-tests/source_rev                |    2 +-
 tests/wpt/metadata-css/MANIFEST.json          | 1696 ++++++++++++++++-
 479 files changed, 13629 insertions(+), 1611 deletions(-)
 create mode 100644 tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-005.htm
 create mode 100644 tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-006.htm
 create mode 100644 tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-007.htm
 create mode 100644 tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-005.xht
 create mode 100644 tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-006.xht
 create mode 100644 tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-007.xht
 create mode 100644 tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-005.xht
 create mode 100644 tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-006.xht
 create mode 100644 tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-007.xht
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/html/reference/support/Ahem.ttf
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/html/reference/support/ahem.css
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/html/reference/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/html/reference/text-word-spacing-ref.htm
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/html/support/Ahem.ttf
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/html/support/ahem.css
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/html/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/html/text-word-spacing-001.htm
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/Ahem.ttf
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/ahem.css
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-word-spacing-ref.xht
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/xhtml1/support/Ahem.ttf
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/xhtml1/support/ahem.css
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/xhtml1/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/xhtml1/text-word-spacing-001.xht
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/Ahem.ttf
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/ahem.css
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-word-spacing-ref.xht
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/Ahem.ttf
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/ahem.css
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-word-spacing-001.xht
 create mode 100644 tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css-text-decor-3_dev/html/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-042.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-043.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-045.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-046.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-047.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-048.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-049.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-050.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-051.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-052.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-053.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-054.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-055.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-056.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-057.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-058.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-059.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-060.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-061.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-062.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-063.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-064.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-065.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-066.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-block-vrl-006.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-vlr-006.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-vrl-006.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-066-ref.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-block-vrl-006.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-vlr-006.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-vrl-006.htm
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/html/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-042.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-043.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-045.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-046.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-047.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-048.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-049.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-050.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-051.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-052.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-053.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-054.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-055.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-056.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-057.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-058.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-059.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-060.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-061.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-062.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-063.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-064.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-block-vrl-006.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-vlr-006.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-vrl-006.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-043-ref.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-066-ref.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-block-vrl-006.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vlr-006.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vrl-006.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-042.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-043.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-045.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-046.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-047.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-048.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-049.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-050.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-051.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-052.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-053.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-054.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-055.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-056.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-057.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-058.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-059.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-060.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-061.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-062.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-063.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-064.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-block-vrl-006.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-vlr-006.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-vrl-006.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-043-ref.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-066-ref.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-block-vrl-006.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vlr-006.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vrl-006.xht
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css21_dev/html4/reference/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css21_dev/html4/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css21_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css21_dev/xhtml1/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png
 create mode 100644 tests/wpt/css-tests/css21_dev/xhtml1print/support/block-flow-direction-066-exp-res.png

diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-pct.htm b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-pct.htm
index ffa688992f5..ad3c478d786 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-pct.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-pct.htm
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html><head>
-	
+	<meta charset="utf-8">
 	<title>
 		CSS Values and Units Test: 
 		Viewport units are interpolated correctly
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-px.htm b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-px.htm
index c59a9f1a143..2ae6f7a5700 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-px.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-px.htm
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html><head>
-	
+	<meta charset="utf-8">
 	<title>
 		CSS Values and Units Test: 
 		Viewport units are interpolated correctly
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-vh.htm b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-vh.htm
index f1c00034826..7197b6da943 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-vh.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-vh.htm
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html><head>
-	
+	<meta charset="utf-8">
 	<title>
 		CSS Values and Units Test: 
 		Viewport units are interpolated correctly
diff --git a/tests/wpt/css-tests/css-animations-1_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-animations-1_dev/implementation-report-TEMPLATE.data
index 417b71ee0ae..6c8df5aa646 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/implementation-report-TEMPLATE.data
+++ b/tests/wpt/css-tests/css-animations-1_dev/implementation-report-TEMPLATE.data
@@ -163,9 +163,9 @@ html/css-filters-animation-saturate.htm	1527b952f6a2421d3ff02ce50405d38d1cbb45b5
 xhtml1/css-filters-animation-saturate.xht	1527b952f6a2421d3ff02ce50405d38d1cbb45b5	?
 html/css-filters-animation-sepia.htm	36a7316bfb518ea1cdefd38151449383c02b57a0	?
 xhtml1/css-filters-animation-sepia.xht	36a7316bfb518ea1cdefd38151449383c02b57a0	?
-html/vh-interpolate-pct.htm	e263245c653c76da4ebf1afd5463deb31d27e365	?
-xhtml1/vh-interpolate-pct.xht	e263245c653c76da4ebf1afd5463deb31d27e365	?
-html/vh-interpolate-px.htm	fa83d5d77411f3c93cf7e465552f47494bfe9d7a	?
-xhtml1/vh-interpolate-px.xht	fa83d5d77411f3c93cf7e465552f47494bfe9d7a	?
-html/vh-interpolate-vh.htm	0e224532385323bb9061d9b18c1def8c330ad6ae	?
-xhtml1/vh-interpolate-vh.xht	0e224532385323bb9061d9b18c1def8c330ad6ae	?
+html/vh-interpolate-pct.htm	fd47cb04c7042f6379b2664b7742a5a01ea9d1a0	?
+xhtml1/vh-interpolate-pct.xht	fd47cb04c7042f6379b2664b7742a5a01ea9d1a0	?
+html/vh-interpolate-px.htm	41a610e2dd418e47f56d88171dd0c52a57e06b5e	?
+xhtml1/vh-interpolate-px.xht	41a610e2dd418e47f56d88171dd0c52a57e06b5e	?
+html/vh-interpolate-vh.htm	42ccc23cc2f90272644bd0188261dacba081ccb2	?
+xhtml1/vh-interpolate-vh.xht	42ccc23cc2f90272644bd0188261dacba081ccb2	?
diff --git a/tests/wpt/css-tests/css-animations-1_dev/index.htm b/tests/wpt/css-tests/css-animations-1_dev/index.htm
index 50c34daa90d..bf444d294c3 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/index.htm
+++ b/tests/wpt/css-tests/css-animations-1_dev/index.htm
@@ -124,7 +124,7 @@
 
   <p>Many thanks to the following for their contributions:</p>
   <ul>
-    <li>Fran&Atilde;&sect;ois REMY</li>
+    <li>Fran&ccedil;ois REMY</li>
     <li>Gunther Brunner</li>
     <li>Intel</li>
     <li>Mihai Balan</li>
diff --git a/tests/wpt/css-tests/css-animations-1_dev/index.xht b/tests/wpt/css-tests/css-animations-1_dev/index.xht
index 4f003ef3b4e..cd5eceb8b7b 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/index.xht
+++ b/tests/wpt/css-tests/css-animations-1_dev/index.xht
@@ -124,7 +124,7 @@
 
   <p>Many thanks to the following for their contributions:</p>
   <ul>
-    <li>Fran&Atilde;&sect;ois REMY</li>
+    <li>Fran&ccedil;ois REMY</li>
     <li>Gunther Brunner</li>
     <li>Intel</li>
     <li>Mihai Balan</li>
diff --git a/tests/wpt/css-tests/css-animations-1_dev/testinfo.data b/tests/wpt/css-tests/css-animations-1_dev/testinfo.data
index a52255cccdf..029f3a94e6d 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/testinfo.data
+++ b/tests/wpt/css-tests/css-animations-1_dev/testinfo.data
@@ -79,6 +79,6 @@ css-filters-animation-invert	reference/css-filters-animation-invert-ref	CSS Filt
 css-filters-animation-opacity	reference/css-filters-animation-opacity-ref	CSS Filters Animation: Opacity		http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-opacity,http://www.w3.org/TR/css3-animations/#animations	c280f619d6a33d5953c6bde268ba7b0813467b70	`Gunther Brunner`<mailto:takeshimiya@gmail.com>	The black square should be gray
 css-filters-animation-saturate	reference/css-filters-animation-saturate-ref	CSS Filters Animation: Saturate		http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-saturate,http://www.w3.org/TR/css3-animations/#animations	1527b952f6a2421d3ff02ce50405d38d1cbb45b5	`Gunther Brunner`<mailto:takeshimiya@gmail.com>	The blue square should be light-blue
 css-filters-animation-sepia	reference/css-filters-animation-sepia-ref	CSS Filters Animation: Sepia		http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-sepia,http://www.w3.org/TR/css3-animations/#animations	36a7316bfb518ea1cdefd38151449383c02b57a0	`Gunther Brunner`<mailto:takeshimiya@gmail.com>	The blue square should be half-sepia
-vh-interpolate-pct	reference/all-green	Viewport units are interpolated correctly		http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations	e263245c653c76da4ebf1afd5463deb31d27e365	`Fran&Atilde;&sect;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
-vh-interpolate-px	reference/all-green	Viewport units are interpolated correctly		http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations	fa83d5d77411f3c93cf7e465552f47494bfe9d7a	`Fran&Atilde;&sect;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
-vh-interpolate-vh	reference/all-green	Viewport units are interpolated correctly		http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations	0e224532385323bb9061d9b18c1def8c330ad6ae	`Fran&Atilde;&sect;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The interpolated size mid-way between 75vh and 125vh is 100vh (respectively for vw)
+vh-interpolate-pct	reference/all-green	Viewport units are interpolated correctly		http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations	fd47cb04c7042f6379b2664b7742a5a01ea9d1a0	`Fran&ccedil;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
+vh-interpolate-px	reference/all-green	Viewport units are interpolated correctly		http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations	41a610e2dd418e47f56d88171dd0c52a57e06b5e	`Fran&ccedil;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
+vh-interpolate-vh	reference/all-green	Viewport units are interpolated correctly		http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations	42ccc23cc2f90272644bd0188261dacba081ccb2	`Fran&ccedil;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The interpolated size mid-way between 75vh and 125vh is 100vh (respectively for vw)
diff --git a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-pct.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-pct.xht
index 1e8c0b817bb..980d0d536f5 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-pct.xht
+++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-pct.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-	
+	<meta charset="utf-8" />
 	<title>
 		CSS Values and Units Test: 
 		Viewport units are interpolated correctly
diff --git a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-px.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-px.xht
index ec81223cbb4..da909744e7a 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-px.xht
+++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-px.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-	
+	<meta charset="utf-8" />
 	<title>
 		CSS Values and Units Test: 
 		Viewport units are interpolated correctly
diff --git a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-vh.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-vh.xht
index 88aefecc347..65257a7573e 100644
--- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-vh.xht
+++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-vh.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-	
+	<meta charset="utf-8" />
 	<title>
 		CSS Values and Units Test: 
 		Viewport units are interpolated correctly
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-content-box.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-content-box.htm
index 08b9947a77e..c67e3cd0607 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-content-box.htm
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-content-box.htm
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <html><head>
 
-    <title>CSS Backgroud and Borders Test:backgrond-clip_content-box</title>
+    <title>CSS Background and Borders Test:background-clip_content-box</title>
     <link href="mailto:zhuanping123@163.com" rel="author" title="anping">
         <link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help">
        <meta content="reference/reference.html" name="match">
-       <meta content="Test passes if the backgrond color is limited to the content only and border is blue dotted without red" name="assert">
+       <meta content="Test passes if the background color is limited to the content only and border is blue dotted without red" name="assert">
 
     <style>
       div{
@@ -26,7 +26,7 @@
    
  </head><body>
   <p>
-   "Test passes if the backgrond color is limited to the content only and border is blue dotted without red."
+   "Test passes if the background color is limited to the content only and border is blue dotted without red."
   </p>
   <div id="container">
    <div id="test"></div>
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-repeat_repeatnegx_none_50px.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-repeat_repeatnegx_none_50px.htm
index b56295d070c..d3cd016229d 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-repeat_repeatnegx_none_50px.htm
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-repeat_repeatnegx_none_50px.htm
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html><head>
-    <title> CSS Backgroud Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title>
+    <title> CSS Background Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title>
     <link href="http://www.intel.com" rel="author" title="Intel">
     <link href="http://www.w3.org/TR/css3-background/#the-border-image-repeat" rel="help">
     <meta content="Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div" name="assert">
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-003.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-003.htm
index 3021811dfcc..8d9fe8b9802 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-003.htm
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-003.htm
@@ -14,7 +14,7 @@
   <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-slice" title="6.2. Image Slicing: the 'border-image-slice' property">
   <link rel="match" href="reference/ref-if-there-is-no-red.htm">
   <meta name="flags" content="image">
-  <meta name="assert" content="If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0. So, we should see no red in this test.">
+  <meta name="assert" content="If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test.">
 
   <style type="text/css">
   div
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-005.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-005.htm
new file mode 100644
index 00000000000..3dfa992dd43
--- /dev/null
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-005.htm
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property">
+  <link rel="match" href="reference/ref-filled-green-100px-square.htm">
+
+  <meta name="flags" content="image">
+  <meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element." name="assert">
+
+  <!--
+  created 2015-11-18
+  [css-backgrounds] Please remove the "unless there is a border image" wording
+  http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
+  -->
+
+  <style type="text/css">
+  p
+    {
+      margin-bottom: 41px; /* border-image-outset + 16px (1em) .
+      This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */
+    }
+
+  div
+    {
+      background-color: red;
+      border-color: red;
+      border-style: none; /* or border-style: dotted or any other 'border-style' value */
+      border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
+      border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
+      border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
+      border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
+      border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */
+      height: 20px;
+      margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */
+      padding: 15px 15px 15px 15px;
+      width: 20px;
+    }
+  </style>
+
+ </head>
+
+ <body>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+  <div></div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-006.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-006.htm
new file mode 100644
index 00000000000..06373101168
--- /dev/null
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-006.htm
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property">
+  <link rel="match" href="reference/ref-filled-green-100px-square.htm">
+
+  <meta name="flags" content="image">
+  <meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element." name="assert">
+
+  <!--
+  created 2015-11-18
+  [css-backgrounds] Please remove the "unless there is a border image" wording
+  http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
+  -->
+
+  <style type="text/css">
+  p
+    {
+      margin-bottom: 41px; /* border-image-outset + 16px (1em) .
+      This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */
+    }
+
+  div
+    {
+      background-color: red;
+      border-color: red;
+      border-style: none; /* or border-style: dotted or any other 'border-style' value */
+      border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
+      border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
+      border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
+      border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
+      border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */
+      height: 0px;
+      margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */
+      padding: 25px 25px 25px 25px;
+      width: 0px;
+    }
+  </style>
+
+ </head>
+
+ <body>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+  <div></div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-007.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-007.htm
new file mode 100644
index 00000000000..ae8f436675d
--- /dev/null
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-007.htm
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property">
+  <link rel="match" href="reference/ref-filled-green-100px-square.htm">
+
+  <meta name="flags" content="image">
+  <meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element." name="assert">
+
+  <!--
+  created 2015-11-18
+  [css-backgrounds] Please remove the "unless there is a border image" wording
+  http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
+  -->
+
+  <style type="text/css">
+  div
+    {
+      background-color: red;
+      border-color: red;
+      border-style: none; /* or border-style: dotted or any other 'border-style' value */
+      border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
+      border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
+      border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
+      border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
+      border-image-outset: 50px 50px 50px 50px; /* The border-image-outset values specify the amount by which the border image area !_ extends beyond the border box_!. */
+      height: 0px;
+      margin: 66px 50px 50px 50px;
+      /* Why 66px ? In order to take into consideration the fact that the margin-bottom (16px) of the p element will collapse with the top margin of the div element. */
+      width: 0px;
+    }
+  </style>
+
+ </head>
+
+ <body>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+  <div></div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm
index d3ed39d5093..f03efda52e7 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm
@@ -1096,9 +1096,9 @@
             <a href="background-clip-content-box.htm">background-clip-content-box</a></strong></td>
         <td></td>
         <td></td>
-        <td>backgrond-clip_content-box
+        <td>background-clip_content-box
           <ul class="assert">
-            <li>Test passes if the backgrond color is limited to the content only and border is blue dotted without red</li>
+            <li>Test passes if the background color is limited to the content only and border is blue dotted without red</li>
           </ul>
         </td>
       </tr>
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-6.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-6.htm
index 621cdd15c8e..7b22a65d91a 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-6.htm
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-6.htm
@@ -13,7 +13,7 @@
  <body>
 
   <h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
-  <h2>Border Images (34 tests)</h2>
+  <h2>Border Images (37 tests)</h2>
   <table width="100%">
     <col id="test-column">
     <col id="refs-column">
@@ -142,7 +142,7 @@
         <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
         <td>border-image-slice - border-style: none
           <ul class="assert">
-            <li>If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0. So, we should see no red in this test.</li>
+            <li>If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test.</li>
           </ul>
         </td>
       </tr>
@@ -234,7 +234,7 @@
       <tr><th colspan="4" scope="rowgroup">
         <a href="#s6.3">+</a>
         <a href="http://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the &#8216;border-image-width&#8217; property</a></th></tr>
-      <!-- 4 tests -->
+      <!-- 7 tests -->
       <tr id="border-image-10-6.3" class="primary">
         <td><strong>
             <a href="border-image-10.htm">border-image-10</a></strong></td>
@@ -279,6 +279,39 @@
           </ul>
         </td>
       </tr>
+      <tr id="border-image-width-005-6.3" class="primary image">
+        <td><strong>
+            <a href="border-image-width-005.htm">border-image-width-005</a></strong></td>
+        <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
+        <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>border image area - border-image-width
+          <ul class="assert">
+            <li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="border-image-width-006-6.3" class="primary image">
+        <td><strong>
+            <a href="border-image-width-006.htm">border-image-width-006</a></strong></td>
+        <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
+        <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>border image area - border-image-width
+          <ul class="assert">
+            <li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="border-image-width-007-6.3" class="primary image">
+        <td><strong>
+            <a href="border-image-width-007.htm">border-image-width-007</a></strong></td>
+        <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
+        <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>border image area - border-image-width
+          <ul class="assert">
+            <li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element.</li>
+          </ul>
+        </td>
+      </tr>
     </tbody>
     <tbody id="s6.3.#auto0">
       <!-- 0 tests -->
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest-toc.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest-toc.htm
index 614f74ea703..65c9f3cdad9 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest-toc.htm
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest-toc.htm
@@ -1472,6 +1472,30 @@
         <td rowspan="1"></td>
       </tr>
     </tbody>
+    <tbody id="border-image-width-005" class="image">
+      <tr>
+        <td rowspan="1" title="border image area - border-image-width">
+          <a href="border-image-width-005.htm">border-image-width-005</a></td>
+        <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
+        <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="border-image-width-006" class="image">
+      <tr>
+        <td rowspan="1" title="border image area - border-image-width">
+          <a href="border-image-width-006.htm">border-image-width-006</a></td>
+        <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
+        <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="border-image-width-007" class="image">
+      <tr>
+        <td rowspan="1" title="border image area - border-image-width">
+          <a href="border-image-width-007.htm">border-image-width-007</a></td>
+        <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
+        <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
     <tbody id="border-radius-001" class="">
       <tr>
         <td rowspan="1" title="Borders. border">
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest.list b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest.list
index b9ede600a88..d1dea67c0c4 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest.list
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest.list
@@ -180,6 +180,9 @@ border-image-slice-002.htm == reference/ref-filled-green-100px-square.htm
 border-image-slice-003.htm == reference/ref-if-there-is-no-red.htm
 border-image-slice-percentage.htm == reference/border-image-slice-percentage-ref.htm
 border-image-space-001.htm == reference/border-image-space-001-ref.htm
+border-image-width-005.htm == reference/ref-filled-green-100px-square.htm
+border-image-width-006.htm == reference/ref-filled-green-100px-square.htm
+border-image-width-007.htm == reference/ref-filled-green-100px-square.htm
 border-radius-001.htm == reference/border-radius-001-ref.htm
 border-radius-002.htm == reference/border-radius-002-ref.htm
 border-radius-003.htm == reference/border-radius-003-ref.htm
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/toc.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/toc.htm
index ac1056b280b..bb83d38379e 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/toc.htm
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/toc.htm
@@ -47,7 +47,7 @@
     <tbody id="s6">
       <tr><th><a href="chapter-6.htm">Chapter 6 - 
         Border Images</a></th>
-      <td>(34 Tests)</td></tr>
+      <td>(37 Tests)</td></tr>
     </tbody>
     <tbody id="s7">
       <tr><th><a href="chapter-7.htm">Chapter 7 - 
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-backgrounds-3_dev/implementation-report-TEMPLATE.data
index 46265983a23..1638760ff14 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/implementation-report-TEMPLATE.data
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/implementation-report-TEMPLATE.data
@@ -127,8 +127,8 @@ html4/background-clip-010.htm	40f96f532a8862c14b7b74aff3900b454652d208	?
 xhtml1/background-clip-010.xht	40f96f532a8862c14b7b74aff3900b454652d208	?
 html4/background-clip-content-box-001.htm	8094a6ab3cb8e6155109f6e24416d2ac7c5e93b4	?
 xhtml1/background-clip-content-box-001.xht	8094a6ab3cb8e6155109f6e24416d2ac7c5e93b4	?
-html4/background-clip-content-box.htm	a0aae7c775f2d9f6527f7d723ecae69f30330379	?
-xhtml1/background-clip-content-box.xht	a0aae7c775f2d9f6527f7d723ecae69f30330379	?
+html4/background-clip-content-box.htm	992c806e87f67434545a16f665befe9fad4129be	?
+xhtml1/background-clip-content-box.xht	992c806e87f67434545a16f665befe9fad4129be	?
 html4/background-clip-padding-box-with-border-radius.htm	2f60b410f132cba65c5c8360403f369129deb3ab	?
 xhtml1/background-clip-padding-box-with-border-radius.xht	2f60b410f132cba65c5c8360403f369129deb3ab	?
 html4/background-clip-root.htm	7fa6b5415bc6624809f4dfd162e3eb004938f10d	?
@@ -483,16 +483,16 @@ html4/border-image-9.htm	91220d234be891f0b01d1a4974f275a9f2578500	?
 xhtml1/border-image-9.xht	91220d234be891f0b01d1a4974f275a9f2578500	?
 html4/border-image-repeat-round.htm	b836a0f6c592deacbb97c84c18d9c5ca865546f5	?
 xhtml1/border-image-repeat-round.xht	b836a0f6c592deacbb97c84c18d9c5ca865546f5	?
-html4/border-image-repeat_repeatnegx_none_50px.htm	74c35522b78dc93b05bbf21d4a5ee4a53f1cd964	?
-xhtml1/border-image-repeat_repeatnegx_none_50px.xht	74c35522b78dc93b05bbf21d4a5ee4a53f1cd964	?
+html4/border-image-repeat_repeatnegx_none_50px.htm	94f97e6cd1b259175ac8416a9aacc9245da46137	?
+xhtml1/border-image-repeat_repeatnegx_none_50px.xht	94f97e6cd1b259175ac8416a9aacc9245da46137	?
 html4/border-image-round-and-stretch.htm	61e31f23f23594e6601a05e99de02a239dae3971	?
 xhtml1/border-image-round-and-stretch.xht	61e31f23f23594e6601a05e99de02a239dae3971	?
 html4/border-image-slice-001.htm	65c72cac44f48927ec95a402775c42d8f17d480d	?
 xhtml1/border-image-slice-001.xht	65c72cac44f48927ec95a402775c42d8f17d480d	?
 html4/border-image-slice-002.htm	c8d317551460dd21040412489996a6c738894628	?
 xhtml1/border-image-slice-002.xht	c8d317551460dd21040412489996a6c738894628	?
-html4/border-image-slice-003.htm	2a0dfc8496d5d5a90972a635ced57cc9b3a26ea2	?
-xhtml1/border-image-slice-003.xht	2a0dfc8496d5d5a90972a635ced57cc9b3a26ea2	?
+html4/border-image-slice-003.htm	a5913c6b88348d0b12a209bd71ec2c103774b023	?
+xhtml1/border-image-slice-003.xht	a5913c6b88348d0b12a209bd71ec2c103774b023	?
 html4/border-image-slice-005.htm	c795fb86f3a99c061832e0c3f708bf7c8650a895	?
 xhtml1/border-image-slice-005.xht	c795fb86f3a99c061832e0c3f708bf7c8650a895	?
 html4/border-image-slice-007.htm	f425ef8e3feb8e574627efb81478a607bd715055	?
@@ -501,6 +501,12 @@ html4/border-image-slice-percentage.htm	96c66681062840b53a027278203512f40dc13523
 xhtml1/border-image-slice-percentage.xht	96c66681062840b53a027278203512f40dc13523	?
 html4/border-image-space-001.htm	7f295d8a8471c3a6127a95f0cceb6be824571926	?
 xhtml1/border-image-space-001.xht	7f295d8a8471c3a6127a95f0cceb6be824571926	?
+html4/border-image-width-005.htm	47ab5e74473b7f20a1169762d5e5fcf7d3470fc3	?
+xhtml1/border-image-width-005.xht	47ab5e74473b7f20a1169762d5e5fcf7d3470fc3	?
+html4/border-image-width-006.htm	2ea7bd90dc8932a918484cc2ac561dfa2595f903	?
+xhtml1/border-image-width-006.xht	2ea7bd90dc8932a918484cc2ac561dfa2595f903	?
+html4/border-image-width-007.htm	2a85b176999c43cfbdbb6dd1676c551cc1098475	?
+xhtml1/border-image-width-007.xht	2a85b176999c43cfbdbb6dd1676c551cc1098475	?
 html4/border-images.htm	4d4052e1cc45e8c09db0459361452d1b5d5fd146	?
 xhtml1/border-images.xht	4d4052e1cc45e8c09db0459361452d1b5d5fd146	?
 html4/border-radius-001.htm	22d31b007dbf51ddee05647a7fd69ab97913e105	?
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/testinfo.data b/tests/wpt/css-tests/css-backgrounds-3_dev/testinfo.data
index 4ccb16dcafd..2143994ef18 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/testinfo.data
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/testinfo.data
@@ -60,7 +60,7 @@ background-clip-007	reference/ref-if-there-is-no-red	background-clip: content-bo
 background-clip-008	reference/ref-if-there-is-no-red	background-clip: padding-box with background-color		http://www.w3.org/TR/css3-background/#the-background-clip	4fb20f112375611b85cb273c0080f50bcbe4adbe	`Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	When 'background-clip' is set to 'padding-box', then the background painting area is clipped at the edges of the padding of the element. In this test, the padding box is 0px tall and as wide as the body element; therefore, red should not be visible.
 background-clip-009	reference/ref-filled-black-96px-square	background-clip: border-box with background-color		http://www.w3.org/TR/css3-background/#the-background-clip	6dfbfd7ba1adc4a2fd06435210345e875f60512e	`Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	When 'background-clip' is set to 'border-box', then the background painting area is clipped at the edges of the borders of the element. In this test, the border box is 96px tall and 96px wide and is made from only the borders.
 background-clip-010	reference/ref-if-there-is-no-red	background-clip - content-box with background-color		http://www.w3.org/TR/css3-background/#the-background-clip	40f96f532a8862c14b7b74aff3900b454652d208	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	When 'background-clip' is set to 'content-box', then the background painting area is clipped at the edges of the content of the element. In this test, height is 'auto', therefore its used value is '0px'; width is 'auto', therefore its used value is as wide as the body element. So, the content box is 0px tall and as wide as the body element; therefore, red should not be visible.
-background-clip-content-box		backgrond-clip_content-box		http://www.w3.org/TR/css3-background/#the-background-clip	a0aae7c775f2d9f6527f7d723ecae69f30330379	`anping`<mailto:zhuanping123@163.com>	Test passes if the backgrond color is limited to the content only and border is blue dotted without red
+background-clip-content-box		background-clip_content-box		http://www.w3.org/TR/css3-background/#the-background-clip	992c806e87f67434545a16f665befe9fad4129be	`anping`<mailto:zhuanping123@163.com>	Test passes if the background color is limited to the content only and border is blue dotted without red
 background-clip-content-box-001	reference/background-clip-content-box-ref	background-clip Reference		http://www.w3.org/TR/css3-background/#the-background-clip	8094a6ab3cb8e6155109f6e24416d2ac7c5e93b4	`James Wang`<mailto:wangjian@ucweb.com>	background-clip with content-box means paint the background within the content box
 background-clip-padding-box-with-border-radius		background-clip: padding-box with border-radius		http://www.w3.org/TR/css3-background/#the-background-clip,http://www.w3.org/TR/css3-background/#corner-shaping	2f60b410f132cba65c5c8360403f369129deb3ab	`Lea Verou`<http://lea.verou.me>	Backgrounds clipped to the padding box should follow the padding box curve, which should be equal to the outer border radius minus the corresponding border thickness.
 background-clip-root		background-clip on root	image	http://www.w3.org/TR/css3-background/#the-background-clip	7fa6b5415bc6624809f4dfd162e3eb004938f10d	`Lea Verou`<http://lea.verou.me>	The root element has a different background painting area, and thus the 'background-clip' property has no effect when specified on it.
@@ -239,15 +239,18 @@ border-image-7		CSS Border and Background: border-image #7 border-image-width		h
 border-image-8		CSS Border and Background: border-image #8 border-image-width		http://www.w3.org/TR/css3-background/#the-border-image-width	902b4d33531f4f22cc86b4a6072db50e9b73c351	`J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net>	Support for 2 values for the border-image-width property
 border-image-9		CSS Border and Background: border-image #9 border-image-width		http://www.w3.org/TR/css3-background/#the-border-image-width	91220d234be891f0b01d1a4974f275a9f2578500	`J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net>	Support for 3 values for the border-image-width property
 border-image-repeat-round	reference/border-image-repeat-round-ref	'border-image-repeat' set as 'round'		http://www.w3.org/TR/css3-background/#border-images	b836a0f6c592deacbb97c84c18d9c5ca865546f5	`Ren Jing`<mailto:reni2046@gmail.com>	diamonds in corners should be red, and other diamonds should be orange, it should be 4 orange diamonds on each side.
-border-image-repeat_repeatnegx_none_50px		"border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div	script	http://www.w3.org/TR/css3-background/#the-border-image-repeat	74c35522b78dc93b05bbf21d4a5ee4a53f1cd964	`Intel`<http://www.intel.com>	Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div
+border-image-repeat_repeatnegx_none_50px		"border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div	script	http://www.w3.org/TR/css3-background/#the-border-image-repeat	94f97e6cd1b259175ac8416a9aacc9245da46137	`Intel`<http://www.intel.com>	Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div
 border-image-round-and-stretch	reference/border-image-round-and-stretch-ref	'border-image' set as 'round' and 'stretch'		http://www.w3.org/TR/css3-background/#border-images	61e31f23f23594e6601a05e99de02a239dae3971	`Ren Jing`<mailto:reni2046@gmail.com>	orange diamonds on top and bottom border should be repeated 12 times, and orange diamonds on left and right border should be stretched, diamonds in corners should be red, and other diamonds should be orange.
 border-image-slice-001	reference/ref-filled-green-100px-square	border-image-slice - <percentage>	image	http://www.w3.org/TR/css3-background/#the-border-image-slice	65c72cac44f48927ec95a402775c42d8f17d480d	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	Percentage values for 'border-image-slice' are relative to the size of the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
 border-image-slice-002	reference/ref-filled-green-100px-square	border-image-slice - <number>	image	http://www.w3.org/TR/css3-background/#the-border-image-slice	c8d317551460dd21040412489996a6c738894628	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	Number values for 'border-image-slice' are pixels in the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red.
-border-image-slice-003	reference/ref-if-there-is-no-red	border-image-slice - border-style: none	image	http://www.w3.org/TR/css3-background/#the-border-image-slice	2a0dfc8496d5d5a90972a635ced57cc9b3a26ea2	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0. So, we should see no red in this test.
+border-image-slice-003	reference/ref-if-there-is-no-red	border-image-slice - border-style: none	image	http://www.w3.org/TR/css3-background/#the-border-image-slice	a5913c6b88348d0b12a209bd71ec2c103774b023	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test.
 border-image-slice-005		The 'border-image-slice' property with four percentage values	image	http://www.w3.org/TR/css3-background/#the-border-image-slice	c795fb86f3a99c061832e0c3f708bf7c8650a895	`Microsoft`<http://www.microsoft.com/>	This test checks that the border image is sliced into nine regions with inward offsets, '40%' from the top, '15%' from the right,'20%' from the bottom, and '5%' from the left edges of the image. Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets.
 border-image-slice-007		The 'border-image-slice' property with the 'fill' keyword	image	http://www.w3.org/TR/css3-background/#the-border-image-slice	f425ef8e3feb8e574627efb81478a607bd715055	`Microsoft`<http://www.microsoft.com/>	This test checks that the 'fill' keyword, if present, causes the middle part of the border-image to be preserved.
 border-image-slice-percentage	reference/border-image-slice-percentage-ref	'border-image-slice' set by percentage		http://www.w3.org/TR/css3-background/#border-images	96c66681062840b53a027278203512f40dc13523	`Ren Jing`<mailto:reni2046@gmail.com>	diamonds in corners should be red, and other diamonds should be orange, it should be 4 orange diamonds on each side.
 border-image-space-001	reference/border-image-space-001-ref	Border Image: box with spaced repeating border image		http://www.w3.org/TR/css3-background/#the-border-image-repeat	7f295d8a8471c3a6127a95f0cceb6be824571926	`Levi Weintraub`<mailto:leviw@chromium.org>	border-image-repeat: space property spaces out background image that doesn't fit an even number of times.
+border-image-width-005	reference/ref-filled-green-100px-square	border image area - border-image-width	image	http://www.w3.org/TR/css3-background/#the-border-image-width	47ab5e74473b7f20a1169762d5e5fcf7d3470fc3	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.
+border-image-width-006	reference/ref-filled-green-100px-square	border image area - border-image-width	image	http://www.w3.org/TR/css3-background/#the-border-image-width	2ea7bd90dc8932a918484cc2ac561dfa2595f903	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.
+border-image-width-007	reference/ref-filled-green-100px-square	border image area - border-image-width	image	http://www.w3.org/TR/css3-background/#the-border-image-width	2a85b176999c43cfbdbb6dd1676c551cc1098475	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element.
 border-images		border-images with round repeat	image	http://www.w3.org/TR/css3-background/#the-border-image	4d4052e1cc45e8c09db0459361452d1b5d5fd146	`babyliner`<mailto:babyliner1026@gmail.com>	Testing border-image-repeat:round attribute
 border-radius-001	reference/border-radius-001-ref	Borders. border		http://www.w3.org/TR/css3-background/#the-border-radius	22d31b007dbf51ddee05647a7fd69ab97913e105	`Nokia`<http://www.nokia.com/>	To verify when border-radius property, when set to zero, works as expected.
 border-radius-002	reference/border-radius-002-ref	Borders. border		http://www.w3.org/TR/css3-background/#the-border-radius	e00cce42f431e13f9109bc7454ef6176b52bdd6c	`Nokia`<http://www.nokia.com/>	To verify border-radius property set with one length value, works as expected
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-content-box.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-content-box.xht
index 254e58680b1..4d1034a8dea 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-content-box.xht
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-content-box.xht
@@ -1,11 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
 
-    <title>CSS Backgroud and Borders Test:backgrond-clip_content-box</title>
+    <title>CSS Background and Borders Test:background-clip_content-box</title>
     <link href="mailto:zhuanping123@163.com" rel="author" title="anping" />
         <link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help" />
        <meta content="reference/reference.html" name="match" />
-       <meta content="Test passes if the backgrond color is limited to the content only and border is blue dotted without red" name="assert" />
+       <meta content="Test passes if the background color is limited to the content only and border is blue dotted without red" name="assert" />
 
     <style>
       div{
@@ -26,7 +26,7 @@
    
  </head><body>
   <p>
-   "Test passes if the backgrond color is limited to the content only and border is blue dotted without red."
+   "Test passes if the background color is limited to the content only and border is blue dotted without red."
   </p>
   <div id="container">
    <div id="test"></div>
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-repeat_repeatnegx_none_50px.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-repeat_repeatnegx_none_50px.xht
index a5566e74f0f..72780b298f1 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-repeat_repeatnegx_none_50px.xht
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-repeat_repeatnegx_none_50px.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-    <title> CSS Backgroud Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title>
+    <title> CSS Background Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title>
     <link href="http://www.intel.com" rel="author" title="Intel" />
     <link href="http://www.w3.org/TR/css3-background/#the-border-image-repeat" rel="help" />
     <meta content="Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div" name="assert" />
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-slice-003.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-slice-003.xht
index 0fa4f6c40b6..5091c458dde 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-slice-003.xht
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-slice-003.xht
@@ -14,7 +14,7 @@
   <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-slice" title="6.2. Image Slicing: the 'border-image-slice' property" />
   <link rel="match" href="reference/ref-if-there-is-no-red.xht" />
   <meta name="flags" content="image" />
-  <meta name="assert" content="If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0. So, we should see no red in this test." />
+  <meta name="assert" content="If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test." />
 
   <style type="text/css"><![CDATA[
   div
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-005.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-005.xht
new file mode 100644
index 00000000000..6a2da03fba0
--- /dev/null
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-005.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" />
+  <link rel="match" href="reference/ref-filled-green-100px-square.xht" />
+
+  <meta name="flags" content="image" />
+  <meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element." name="assert" />
+
+  <!--
+  created 2015-11-18
+  [css-backgrounds] Please remove the "unless there is a border image" wording
+  http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
+  -->
+
+  <style type="text/css"><![CDATA[
+  p
+    {
+      margin-bottom: 41px; /* border-image-outset + 16px (1em) .
+      This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */
+    }
+
+  div
+    {
+      background-color: red;
+      border-color: red;
+      border-style: none; /* or border-style: dotted or any other 'border-style' value */
+      border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
+      border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
+      border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
+      border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
+      border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */
+      height: 20px;
+      margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */
+      padding: 15px 15px 15px 15px;
+      width: 20px;
+    }
+  ]]></style>
+
+ </head>
+
+ <body>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+  <div></div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-006.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-006.xht
new file mode 100644
index 00000000000..d89f80b4f52
--- /dev/null
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-006.xht
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" />
+  <link rel="match" href="reference/ref-filled-green-100px-square.xht" />
+
+  <meta name="flags" content="image" />
+  <meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element." name="assert" />
+
+  <!--
+  created 2015-11-18
+  [css-backgrounds] Please remove the "unless there is a border image" wording
+  http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
+  -->
+
+  <style type="text/css"><![CDATA[
+  p
+    {
+      margin-bottom: 41px; /* border-image-outset + 16px (1em) .
+      This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */
+    }
+
+  div
+    {
+      background-color: red;
+      border-color: red;
+      border-style: none; /* or border-style: dotted or any other 'border-style' value */
+      border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
+      border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
+      border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
+      border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
+      border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */
+      height: 0px;
+      margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */
+      padding: 25px 25px 25px 25px;
+      width: 0px;
+    }
+  ]]></style>
+
+ </head>
+
+ <body>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+  <div></div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-007.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-007.xht
new file mode 100644
index 00000000000..955cc4d1bf1
--- /dev/null
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-007.xht
@@ -0,0 +1,48 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" />
+  <link rel="match" href="reference/ref-filled-green-100px-square.xht" />
+
+  <meta name="flags" content="image" />
+  <meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element." name="assert" />
+
+  <!--
+  created 2015-11-18
+  [css-backgrounds] Please remove the "unless there is a border image" wording
+  http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
+  -->
+
+  <style type="text/css"><![CDATA[
+  div
+    {
+      background-color: red;
+      border-color: red;
+      border-style: none; /* or border-style: dotted or any other 'border-style' value */
+      border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
+      border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
+      border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
+      border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
+      border-image-outset: 50px 50px 50px 50px; /* The border-image-outset values specify the amount by which the border image area !_ extends beyond the border box_!. */
+      height: 0px;
+      margin: 66px 50px 50px 50px;
+      /* Why 66px ? In order to take into consideration the fact that the margin-bottom (16px) of the p element will collapse with the top margin of the div element. */
+      width: 0px;
+    }
+  ]]></style>
+
+ </head>
+
+ <body>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+  <div></div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-3.xht
index d4c0f282ef7..f3a632ebdc4 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-3.xht
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-3.xht
@@ -1096,9 +1096,9 @@
             <a href="background-clip-content-box.xht">background-clip-content-box</a></strong></td>
         <td></td>
         <td></td>
-        <td>backgrond-clip_content-box
+        <td>background-clip_content-box
           <ul class="assert">
-            <li>Test passes if the backgrond color is limited to the content only and border is blue dotted without red</li>
+            <li>Test passes if the background color is limited to the content only and border is blue dotted without red</li>
           </ul>
         </td>
       </tr>
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-6.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-6.xht
index d123aae3560..ee94ee038c3 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-6.xht
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-6.xht
@@ -13,7 +13,7 @@
  <body>
 
   <h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
-  <h2>Border Images (34 tests)</h2>
+  <h2>Border Images (37 tests)</h2>
   <table width="100%">
     <col id="test-column"></col>
     <col id="refs-column"></col>
@@ -142,7 +142,7 @@
         <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
         <td>border-image-slice - border-style: none
           <ul class="assert">
-            <li>If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0. So, we should see no red in this test.</li>
+            <li>If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test.</li>
           </ul>
         </td>
       </tr>
@@ -234,7 +234,7 @@
       <tr><th colspan="4" scope="rowgroup">
         <a href="#s6.3">+</a>
         <a href="http://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the &#8216;border-image-width&#8217; property</a></th></tr>
-      <!-- 4 tests -->
+      <!-- 7 tests -->
       <tr id="border-image-10-6.3" class="primary">
         <td><strong>
             <a href="border-image-10.xht">border-image-10</a></strong></td>
@@ -279,6 +279,39 @@
           </ul>
         </td>
       </tr>
+      <tr id="border-image-width-005-6.3" class="primary image">
+        <td><strong>
+            <a href="border-image-width-005.xht">border-image-width-005</a></strong></td>
+        <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
+        <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>border image area - border-image-width
+          <ul class="assert">
+            <li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="border-image-width-006-6.3" class="primary image">
+        <td><strong>
+            <a href="border-image-width-006.xht">border-image-width-006</a></strong></td>
+        <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
+        <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>border image area - border-image-width
+          <ul class="assert">
+            <li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="border-image-width-007-6.3" class="primary image">
+        <td><strong>
+            <a href="border-image-width-007.xht">border-image-width-007</a></strong></td>
+        <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
+        <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>border image area - border-image-width
+          <ul class="assert">
+            <li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element.</li>
+          </ul>
+        </td>
+      </tr>
     </tbody>
     <tbody id="s6.3.#auto0">
       <!-- 0 tests -->
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest-toc.xht
index 9a1c4ccb30a..108a27aba1e 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest-toc.xht
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest-toc.xht
@@ -1472,6 +1472,30 @@
         <td rowspan="1"></td>
       </tr>
     </tbody>
+    <tbody id="border-image-width-005" class="image">
+      <tr>
+        <td rowspan="1" title="border image area - border-image-width">
+          <a href="border-image-width-005.xht">border-image-width-005</a></td>
+        <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
+        <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="border-image-width-006" class="image">
+      <tr>
+        <td rowspan="1" title="border image area - border-image-width">
+          <a href="border-image-width-006.xht">border-image-width-006</a></td>
+        <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
+        <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="border-image-width-007" class="image">
+      <tr>
+        <td rowspan="1" title="border image area - border-image-width">
+          <a href="border-image-width-007.xht">border-image-width-007</a></td>
+        <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
+        <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
     <tbody id="border-radius-001" class="">
       <tr>
         <td rowspan="1" title="Borders. border">
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest.list
index 0ef6ba7f06b..9097532b3fa 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest.list
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest.list
@@ -180,6 +180,9 @@ border-image-slice-002.xht == reference/ref-filled-green-100px-square.xht
 border-image-slice-003.xht == reference/ref-if-there-is-no-red.xht
 border-image-slice-percentage.xht == reference/border-image-slice-percentage-ref.xht
 border-image-space-001.xht == reference/border-image-space-001-ref.xht
+border-image-width-005.xht == reference/ref-filled-green-100px-square.xht
+border-image-width-006.xht == reference/ref-filled-green-100px-square.xht
+border-image-width-007.xht == reference/ref-filled-green-100px-square.xht
 border-radius-001.xht == reference/border-radius-001-ref.xht
 border-radius-002.xht == reference/border-radius-002-ref.xht
 border-radius-003.xht == reference/border-radius-003-ref.xht
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/toc.xht
index 8722508d64c..6929c5ed4c3 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/toc.xht
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/toc.xht
@@ -47,7 +47,7 @@
     <tbody id="s6">
       <tr><th><a href="chapter-6.xht">Chapter 6 - 
         Border Images</a></th>
-      <td>(34 Tests)</td></tr>
+      <td>(37 Tests)</td></tr>
     </tbody>
     <tbody id="s7">
       <tr><th><a href="chapter-7.xht">Chapter 7 - 
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-content-box.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-content-box.xht
index 254e58680b1..4d1034a8dea 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-content-box.xht
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-content-box.xht
@@ -1,11 +1,11 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
 
-    <title>CSS Backgroud and Borders Test:backgrond-clip_content-box</title>
+    <title>CSS Background and Borders Test:background-clip_content-box</title>
     <link href="mailto:zhuanping123@163.com" rel="author" title="anping" />
         <link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help" />
        <meta content="reference/reference.html" name="match" />
-       <meta content="Test passes if the backgrond color is limited to the content only and border is blue dotted without red" name="assert" />
+       <meta content="Test passes if the background color is limited to the content only and border is blue dotted without red" name="assert" />
 
     <style>
       div{
@@ -26,7 +26,7 @@
    
  </head><body>
   <p>
-   "Test passes if the backgrond color is limited to the content only and border is blue dotted without red."
+   "Test passes if the background color is limited to the content only and border is blue dotted without red."
   </p>
   <div id="container">
    <div id="test"></div>
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-repeat_repeatnegx_none_50px.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-repeat_repeatnegx_none_50px.xht
index a5566e74f0f..72780b298f1 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-repeat_repeatnegx_none_50px.xht
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-repeat_repeatnegx_none_50px.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-    <title> CSS Backgroud Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title>
+    <title> CSS Background Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title>
     <link href="http://www.intel.com" rel="author" title="Intel" />
     <link href="http://www.w3.org/TR/css3-background/#the-border-image-repeat" rel="help" />
     <meta content="Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div" name="assert" />
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-slice-003.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-slice-003.xht
index b92944d27e4..59e1990644e 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-slice-003.xht
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-slice-003.xht
@@ -23,7 +23,7 @@
   <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-slice" title="6.2. Image Slicing: the 'border-image-slice' property" />
   <link rel="match" href="reference/ref-if-there-is-no-red.xht" />
   <meta name="flags" content="image" />
-  <meta name="assert" content="If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0. So, we should see no red in this test." />
+  <meta name="assert" content="If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test." />
 
   <style type="text/css"><![CDATA[
   div
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-005.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-005.xht
new file mode 100644
index 00000000000..f856fea8a51
--- /dev/null
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-005.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Backgrounds and Borders Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test border-image-width-005"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" />
+  <link rel="match" href="reference/ref-filled-green-100px-square.xht" />
+
+  <meta name="flags" content="image" />
+  <meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element." name="assert" />
+
+  <!--
+  created 2015-11-18
+  [css-backgrounds] Please remove the "unless there is a border image" wording
+  http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
+  -->
+
+  <style type="text/css"><![CDATA[
+  p
+    {
+      margin-bottom: 41px; /* border-image-outset + 16px (1em) .
+      This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */
+    }
+
+  div
+    {
+      background-color: red;
+      border-color: red;
+      border-style: none; /* or border-style: dotted or any other 'border-style' value */
+      border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
+      border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
+      border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
+      border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
+      border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */
+      height: 20px;
+      margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */
+      padding: 15px 15px 15px 15px;
+      width: 20px;
+    }
+  ]]></style>
+
+ </head>
+
+ <body>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+  <div></div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-006.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-006.xht
new file mode 100644
index 00000000000..ad0dfffad0b
--- /dev/null
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-006.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Backgrounds and Borders Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test border-image-width-006"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" />
+  <link rel="match" href="reference/ref-filled-green-100px-square.xht" />
+
+  <meta name="flags" content="image" />
+  <meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element." name="assert" />
+
+  <!--
+  created 2015-11-18
+  [css-backgrounds] Please remove the "unless there is a border image" wording
+  http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
+  -->
+
+  <style type="text/css"><![CDATA[
+  p
+    {
+      margin-bottom: 41px; /* border-image-outset + 16px (1em) .
+      This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */
+    }
+
+  div
+    {
+      background-color: red;
+      border-color: red;
+      border-style: none; /* or border-style: dotted or any other 'border-style' value */
+      border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
+      border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
+      border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
+      border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
+      border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */
+      height: 0px;
+      margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */
+      padding: 25px 25px 25px 25px;
+      width: 0px;
+    }
+  ]]></style>
+
+ </head>
+
+ <body>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+  <div></div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-007.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-007.xht
new file mode 100644
index 00000000000..3eeb60a57a3
--- /dev/null
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-007.xht
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Backgrounds and Borders Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test border-image-width-007"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" />
+  <link rel="match" href="reference/ref-filled-green-100px-square.xht" />
+
+  <meta name="flags" content="image" />
+  <meta content="This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element." name="assert" />
+
+  <!--
+  created 2015-11-18
+  [css-backgrounds] Please remove the "unless there is a border image" wording
+  http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html
+  -->
+
+  <style type="text/css"><![CDATA[
+  div
+    {
+      background-color: red;
+      border-color: red;
+      border-style: none; /* or border-style: dotted or any other 'border-style' value */
+      border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */
+      border-image-source: url("support/outline-5px-10px-15px-20px-green.png");
+      border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */
+      border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */
+      border-image-outset: 50px 50px 50px 50px; /* The border-image-outset values specify the amount by which the border image area !_ extends beyond the border box_!. */
+      height: 0px;
+      margin: 66px 50px 50px 50px;
+      /* Why 66px ? In order to take into consideration the fact that the margin-bottom (16px) of the p element will collapse with the top margin of the div element. */
+      width: 0px;
+    }
+  ]]></style>
+
+ </head>
+
+ <body>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+
+  <div></div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-3.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-3.xht
index d4c0f282ef7..f3a632ebdc4 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-3.xht
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-3.xht
@@ -1096,9 +1096,9 @@
             <a href="background-clip-content-box.xht">background-clip-content-box</a></strong></td>
         <td></td>
         <td></td>
-        <td>backgrond-clip_content-box
+        <td>background-clip_content-box
           <ul class="assert">
-            <li>Test passes if the backgrond color is limited to the content only and border is blue dotted without red</li>
+            <li>Test passes if the background color is limited to the content only and border is blue dotted without red</li>
           </ul>
         </td>
       </tr>
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-6.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-6.xht
index d123aae3560..ee94ee038c3 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-6.xht
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-6.xht
@@ -13,7 +13,7 @@
  <body>
 
   <h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1>
-  <h2>Border Images (34 tests)</h2>
+  <h2>Border Images (37 tests)</h2>
   <table width="100%">
     <col id="test-column"></col>
     <col id="refs-column"></col>
@@ -142,7 +142,7 @@
         <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
         <td>border-image-slice - border-style: none
           <ul class="assert">
-            <li>If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0. So, we should see no red in this test.</li>
+            <li>If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test.</li>
           </ul>
         </td>
       </tr>
@@ -234,7 +234,7 @@
       <tr><th colspan="4" scope="rowgroup">
         <a href="#s6.3">+</a>
         <a href="http://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the &#8216;border-image-width&#8217; property</a></th></tr>
-      <!-- 4 tests -->
+      <!-- 7 tests -->
       <tr id="border-image-10-6.3" class="primary">
         <td><strong>
             <a href="border-image-10.xht">border-image-10</a></strong></td>
@@ -279,6 +279,39 @@
           </ul>
         </td>
       </tr>
+      <tr id="border-image-width-005-6.3" class="primary image">
+        <td><strong>
+            <a href="border-image-width-005.xht">border-image-width-005</a></strong></td>
+        <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
+        <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>border image area - border-image-width
+          <ul class="assert">
+            <li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="border-image-width-006-6.3" class="primary image">
+        <td><strong>
+            <a href="border-image-width-006.xht">border-image-width-006</a></strong></td>
+        <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
+        <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>border image area - border-image-width
+          <ul class="assert">
+            <li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="border-image-width-007-6.3" class="primary image">
+        <td><strong>
+            <a href="border-image-width-007.xht">border-image-width-007</a></strong></td>
+        <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
+        <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>border image area - border-image-width
+          <ul class="assert">
+            <li>This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element.</li>
+          </ul>
+        </td>
+      </tr>
     </tbody>
     <tbody id="s6.3.#auto0">
       <!-- 0 tests -->
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest-toc.xht
index 9a1c4ccb30a..108a27aba1e 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest-toc.xht
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest-toc.xht
@@ -1472,6 +1472,30 @@
         <td rowspan="1"></td>
       </tr>
     </tbody>
+    <tbody id="border-image-width-005" class="image">
+      <tr>
+        <td rowspan="1" title="border image area - border-image-width">
+          <a href="border-image-width-005.xht">border-image-width-005</a></td>
+        <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
+        <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="border-image-width-006" class="image">
+      <tr>
+        <td rowspan="1" title="border image area - border-image-width">
+          <a href="border-image-width-006.xht">border-image-width-006</a></td>
+        <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
+        <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="border-image-width-007" class="image">
+      <tr>
+        <td rowspan="1" title="border image area - border-image-width">
+          <a href="border-image-width-007.xht">border-image-width-007</a></td>
+        <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
+        <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
     <tbody id="border-radius-001" class="">
       <tr>
         <td rowspan="1" title="Borders. border">
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest.list
index 0ef6ba7f06b..9097532b3fa 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest.list
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest.list
@@ -180,6 +180,9 @@ border-image-slice-002.xht == reference/ref-filled-green-100px-square.xht
 border-image-slice-003.xht == reference/ref-if-there-is-no-red.xht
 border-image-slice-percentage.xht == reference/border-image-slice-percentage-ref.xht
 border-image-space-001.xht == reference/border-image-space-001-ref.xht
+border-image-width-005.xht == reference/ref-filled-green-100px-square.xht
+border-image-width-006.xht == reference/ref-filled-green-100px-square.xht
+border-image-width-007.xht == reference/ref-filled-green-100px-square.xht
 border-radius-001.xht == reference/border-radius-001-ref.xht
 border-radius-002.xht == reference/border-radius-002-ref.xht
 border-radius-003.xht == reference/border-radius-003-ref.xht
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/toc.xht
index 8722508d64c..6929c5ed4c3 100644
--- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/toc.xht
+++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/toc.xht
@@ -47,7 +47,7 @@
     <tbody id="s6">
       <tr><th><a href="chapter-6.xht">Chapter 6 - 
         Border Images</a></th>
-      <td>(34 Tests)</td></tr>
+      <td>(37 Tests)</td></tr>
     </tbody>
     <tbody id="s7">
       <tr><th><a href="chapter-7.xht">Chapter 7 - 
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-034.htm b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-034.htm
index 17602f58716..2472e0236a6 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-034.htm
+++ b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-034.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-035.htm b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-035.htm
index 15e97e0e4ba..52c1e0fe527 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-035.htm
+++ b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-035.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-036.htm b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-036.htm
index 18615d48301..eca42e15835 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-036.htm
+++ b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-036.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-037.htm b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-037.htm
index 8fd46f026fb..d0620cd7170 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-037.htm
+++ b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-037.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-038.htm b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-038.htm
index 797e85ca2fb..67cdc10bf16 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-038.htm
+++ b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-038.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-039.htm b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-039.htm
index c21d2b41456..be7121172e2 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-039.htm
+++ b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-039.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot">
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule">
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-conditional-3_dev/implementation-report-TEMPLATE.data
index 734e47af084..0d88cdc926b 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/implementation-report-TEMPLATE.data
+++ b/tests/wpt/css-tests/css-conditional-3_dev/implementation-report-TEMPLATE.data
@@ -75,18 +75,18 @@ html/at-supports-032.htm	3ca58122eeae5292b554484dd433137e613a310f	?
 xhtml1/at-supports-032.xht	3ca58122eeae5292b554484dd433137e613a310f	?
 html/at-supports-033.htm	8d2ee70f60d678ff84bf832955a84ee01c4be51a	?
 xhtml1/at-supports-033.xht	8d2ee70f60d678ff84bf832955a84ee01c4be51a	?
-html/at-supports-034.htm	a974e466cdb76c4f0244b928dcbd65ee5641cf93	?
-xhtml1/at-supports-034.xht	a974e466cdb76c4f0244b928dcbd65ee5641cf93	?
-html/at-supports-035.htm	dd51e9a36e26e05cc4a7d2e0e82c156cb4223bf0	?
-xhtml1/at-supports-035.xht	dd51e9a36e26e05cc4a7d2e0e82c156cb4223bf0	?
-html/at-supports-036.htm	ed58ca6eaed786ac6f90ec1e8d81c5e8e0fa2564	?
-xhtml1/at-supports-036.xht	ed58ca6eaed786ac6f90ec1e8d81c5e8e0fa2564	?
-html/at-supports-037.htm	2d91e424d0c0730566f360c5b7be903415b21a0f	?
-xhtml1/at-supports-037.xht	2d91e424d0c0730566f360c5b7be903415b21a0f	?
-html/at-supports-038.htm	8649bd6d70bad29c6fdd259ee571d61b52bfcf47	?
-xhtml1/at-supports-038.xht	8649bd6d70bad29c6fdd259ee571d61b52bfcf47	?
-html/at-supports-039.htm	ff9359fb25c72f40e3c064b3d1b351c442ebb6e4	?
-xhtml1/at-supports-039.xht	ff9359fb25c72f40e3c064b3d1b351c442ebb6e4	?
+html/at-supports-034.htm	f2a63c625890b52fbc924ef32136f81f7dea4e89	?
+xhtml1/at-supports-034.xht	f2a63c625890b52fbc924ef32136f81f7dea4e89	?
+html/at-supports-035.htm	a865a8384bb900031fc00554a4e8375ac3d9204f	?
+xhtml1/at-supports-035.xht	a865a8384bb900031fc00554a4e8375ac3d9204f	?
+html/at-supports-036.htm	8b7bed5bff910d6a0ed19b97ddaa16ffa771c4db	?
+xhtml1/at-supports-036.xht	8b7bed5bff910d6a0ed19b97ddaa16ffa771c4db	?
+html/at-supports-037.htm	917ca3670ae18581d7f473f317f0be6cfc236adb	?
+xhtml1/at-supports-037.xht	917ca3670ae18581d7f473f317f0be6cfc236adb	?
+html/at-supports-038.htm	238dd8f60920bf71ce435e6825c5ecd7f77e6669	?
+xhtml1/at-supports-038.xht	238dd8f60920bf71ce435e6825c5ecd7f77e6669	?
+html/at-supports-039.htm	ceba4affce8f475ac8ed62aad22f364b917b24e5	?
+xhtml1/at-supports-039.xht	ceba4affce8f475ac8ed62aad22f364b917b24e5	?
 html/css-supports-001.htm	3eb2e352b9a56eb0b25c14593c3158c9a2677c1f	?
 xhtml1/css-supports-001.xht	3eb2e352b9a56eb0b25c14593c3158c9a2677c1f	?
 html/css-supports-002.htm	1af686f5705d6c604eb1cfab0a39a07d8d1879da	?
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/index.htm b/tests/wpt/css-tests/css-conditional-3_dev/index.htm
index a335fd12dd1..3cc70f10108 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/index.htm
+++ b/tests/wpt/css-tests/css-conditional-3_dev/index.htm
@@ -133,7 +133,7 @@
   <ul>
     <li>Cameron McCormack</li>
     <li>Florian Rivoal</li>
-    <li>G&Atilde;&copy;rard Talbot</li>
+    <li>G&eacute;rard Talbot</li>
     <li>L. David Baron</li>
     <li>Mozilla Corporation</li>
     <li>Opera Software ASA</li>
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/index.xht b/tests/wpt/css-tests/css-conditional-3_dev/index.xht
index 12a60790f53..4b91a8c9edf 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/index.xht
+++ b/tests/wpt/css-tests/css-conditional-3_dev/index.xht
@@ -133,7 +133,7 @@
   <ul>
     <li>Cameron McCormack</li>
     <li>Florian Rivoal</li>
-    <li>G&Atilde;&copy;rard Talbot</li>
+    <li>G&eacute;rard Talbot</li>
     <li>L. David Baron</li>
     <li>Mozilla Corporation</li>
     <li>Opera Software ASA</li>
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/testinfo.data b/tests/wpt/css-tests/css-conditional-3_dev/testinfo.data
index bc9d39caf49..e4fabde525c 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/testinfo.data
+++ b/tests/wpt/css-tests/css-conditional-3_dev/testinfo.data
@@ -35,12 +35,12 @@ at-supports-030	reference/at-supports-001-ref	Incorrect syntax in @supports reco
 at-supports-031	reference/at-supports-001-ref	Incorrect syntax in @supports recovers properly	invalid	http://www.w3.org/TR/css3-conditional/#at-supports	946ba17fdc10abbe26f2dde5ec6b4db6f21ef5ef	`Florian Rivoal`<http://florian.rivoal.net/>,`Opera Software ASA`<http://opera.com>	
 at-supports-032	reference/at-supports-001-ref	Incorrect syntax in @supports recovers properly	invalid	http://www.w3.org/TR/css3-conditional/#at-supports	3ca58122eeae5292b554484dd433137e613a310f	`Florian Rivoal`<http://florian.rivoal.net/>,`Opera Software ASA`<http://opera.com>	
 at-supports-033	reference/at-supports-001-ref	Incorrect syntax in @supports recovers properly	invalid	http://www.w3.org/TR/css3-conditional/#at-supports	8d2ee70f60d678ff84bf832955a84ee01c4be51a	`Florian Rivoal`<http://florian.rivoal.net/>,`Opera Software ASA`<http://opera.com>	
-at-supports-034	reference/at-supports-001-ref	Incorrect syntax of supports condition	invalid	http://www.w3.org/TR/css3-conditional/#at-supports	a974e466cdb76c4f0244b928dcbd65ee5641cf93	`G&Atilde;&copy;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.
-at-supports-035	reference/at-supports-001-ref	Incorrect syntax of supports condition	invalid	http://www.w3.org/TR/css3-conditional/#at-supports	dd51e9a36e26e05cc4a7d2e0e82c156cb4223bf0	`G&Atilde;&copy;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.
-at-supports-036	reference/at-supports-001-ref	Incorrect syntax of supports condition	invalid	http://www.w3.org/TR/css3-conditional/#at-supports	ed58ca6eaed786ac6f90ec1e8d81c5e8e0fa2564	`G&Atilde;&copy;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.
-at-supports-037	reference/at-supports-001-ref	Incorrect syntax of supports condition	invalid	http://www.w3.org/TR/css3-conditional/#at-supports	2d91e424d0c0730566f360c5b7be903415b21a0f	`G&Atilde;&copy;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.
-at-supports-038	reference/at-supports-001-ref	a supports condition declaration can not end with a semi-colon	invalid	http://www.w3.org/TR/css3-conditional/#at-supports	8649bd6d70bad29c6fdd259ee571d61b52bfcf47	`G&Atilde;&copy;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	Each individual single supports condition declaration can not end up with a semi-colon ';'. A semi-colon is a punctuation separator of multiple CSS declarations and thus is not part of an individual CSS declaration per se.
-at-supports-039	reference/at-supports-001-ref	a supports condition declaration can not end with a semi-colon	invalid	http://www.w3.org/TR/css3-conditional/#at-supports	ff9359fb25c72f40e3c064b3d1b351c442ebb6e4	`G&Atilde;&copy;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	Each individual single supports condition declaration can not end up with a semi-colon ';'. A semi-colon is a punctuation separator of multiple CSS declarations and thus is not part of an individual CSS declaration per se.
+at-supports-034	reference/at-supports-001-ref	Incorrect syntax of supports condition	invalid	http://www.w3.org/TR/css3-conditional/#at-supports	f2a63c625890b52fbc924ef32136f81f7dea4e89	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.
+at-supports-035	reference/at-supports-001-ref	Incorrect syntax of supports condition	invalid	http://www.w3.org/TR/css3-conditional/#at-supports	a865a8384bb900031fc00554a4e8375ac3d9204f	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.
+at-supports-036	reference/at-supports-001-ref	Incorrect syntax of supports condition	invalid	http://www.w3.org/TR/css3-conditional/#at-supports	8b7bed5bff910d6a0ed19b97ddaa16ffa771c4db	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.
+at-supports-037	reference/at-supports-001-ref	Incorrect syntax of supports condition	invalid	http://www.w3.org/TR/css3-conditional/#at-supports	917ca3670ae18581d7f473f317f0be6cfc236adb	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'.
+at-supports-038	reference/at-supports-001-ref	a supports condition declaration can not end with a semi-colon	invalid	http://www.w3.org/TR/css3-conditional/#at-supports	238dd8f60920bf71ce435e6825c5ecd7f77e6669	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	Each individual single supports condition declaration can not end up with a semi-colon ';'. A semi-colon is a punctuation separator of multiple CSS declarations and thus is not part of an individual CSS declaration per se.
+at-supports-039	reference/at-supports-001-ref	a supports condition declaration can not end with a semi-colon	invalid	http://www.w3.org/TR/css3-conditional/#at-supports	ceba4affce8f475ac8ed62aad22f364b917b24e5	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	Each individual single supports condition declaration can not end up with a semi-colon ';'. A semi-colon is a punctuation separator of multiple CSS declarations and thus is not part of an individual CSS declaration per se.
 css-supports-001	support/pass	An @supports rule with valid syntax and a passing condition must apply rules inside it		http://www.w3.org/TR/css3-conditional/#at-supports	3eb2e352b9a56eb0b25c14593c3158c9a2677c1f	`Cameron McCormack`<mailto:cam@mcc.id.au>	An @supports rule condition with a single, valid property declaration for a supported property must cause the rules inside the @supports rule to apply.
 css-supports-002	support/pass	An @supports rule with invalid syntax must not apply rules inside it	invalid	http://www.w3.org/TR/css3-conditional/#at-supports	1af686f5705d6c604eb1cfab0a39a07d8d1879da	`Cameron McCormack`<mailto:cam@mcc.id.au>	Property declarations in an @supports rule condition must be surrounded by parentheses.
 css-supports-003	support/pass	An @supports rule with valid syntax and a passing condition must apply rules inside it		http://www.w3.org/TR/css3-conditional/#at-supports	dfff4f786fafad5eace0e3a1d3baaaf0cf7d6c9b	`Cameron McCormack`<mailto:cam@mcc.id.au>	Any subexpression in an @supports rule condition can be surrounded by an extra pair of parentheses.
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-034.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-034.xht
index 7479ffdfd1c..467e1f11621 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-034.xht
+++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-034.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-035.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-035.xht
index 071ca9d7435..4711d074c77 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-035.xht
+++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-035.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-036.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-036.xht
index a82d86de659..cb8e2494ad1 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-036.xht
+++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-036.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-037.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-037.xht
index af817c9b788..84d53584f92 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-037.xht
+++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-037.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-038.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-038.xht
index a708e934bc8..10a84237841 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-038.xht
+++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-038.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-039.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-039.xht
index 19cdb06461a..69cc7697111 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-039.xht
+++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-039.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-034.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-034.xht
index 7479ffdfd1c..467e1f11621 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-034.xht
+++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-034.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-035.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-035.xht
index 071ca9d7435..4711d074c77 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-035.xht
+++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-035.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-036.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-036.xht
index a82d86de659..cb8e2494ad1 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-036.xht
+++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-036.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-037.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-037.xht
index af817c9b788..84d53584f92 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-037.xht
+++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-037.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-038.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-038.xht
index a708e934bc8..10a84237841 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-038.xht
+++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-038.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-039.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-039.xht
index 19cdb06461a..69cc7697111 100644
--- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-039.xht
+++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-039.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title>
 		<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
 		<link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" />
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-align-self-horiz-003-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-align-self-horiz-003-ref.htm
index 33572b3282f..fe222be897c 100644
--- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-align-self-horiz-003-ref.htm
+++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-align-self-horiz-003-ref.htm
@@ -82,7 +82,7 @@
       <div class="auto" style="height: 100%">auto</div>
       <div class="unspecified" style="height: 100%">unspec</div>
       <div class="initial" style="height: 100%">initial</div>
-      <div class="inherit" style="height: 100%">inherit</div>
+      <div class="inherit">inherit</div>
     </div>
   </body>
 </html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data
index 4cb530c346f..a630533a242 100644
--- a/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data
+++ b/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data
@@ -319,8 +319,8 @@ html/flexbox-align-self-horiz-001-table.htm	183f460c2e72e0bcf57e9fc6ce6e2225f911
 xhtml1/flexbox-align-self-horiz-001-table.xht	183f460c2e72e0bcf57e9fc6ce6e2225f9115212	?
 html/flexbox-align-self-horiz-002.htm	8ab4c5c5d3600422c2560908ea8c809511fd8456	?
 xhtml1/flexbox-align-self-horiz-002.xht	8ab4c5c5d3600422c2560908ea8c809511fd8456	?
-html/flexbox-align-self-horiz-003.htm	8c82a3d90a6879d3371ca75d8c7d2ae768ee274c	?
-xhtml1/flexbox-align-self-horiz-003.xht	8c82a3d90a6879d3371ca75d8c7d2ae768ee274c	?
+html/flexbox-align-self-horiz-003.htm	a196c3b0ed8ef58efbfab036557be25c118a6007	?
+xhtml1/flexbox-align-self-horiz-003.xht	a196c3b0ed8ef58efbfab036557be25c118a6007	?
 html/flexbox-align-self-horiz-004.htm	10a87f5352d8eb2c448129d27aa505f3148d4534	?
 xhtml1/flexbox-align-self-horiz-004.xht	10a87f5352d8eb2c448129d27aa505f3148d4534	?
 html/flexbox-align-self-horiz-005.htm	47ddfa8eb08586be92297f63fb61d0b9e8899e29	?
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data b/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data
index cddb8a379a2..cf9ad9976a8 100644
--- a/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data
+++ b/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data
@@ -157,7 +157,7 @@ flexbox-align-self-baseline-horiz-005	reference/flexbox-align-self-baseline-hori
 flexbox-align-self-horiz-001-block	reference/flexbox-align-self-horiz-001-ref	Testing the behavior of 'align-self' property values on flex items that are blocks, in a horizontal flex container		http://www.w3.org/TR/css-flexbox-1/#align-items-property	8ddd9e5c643399d31bc48e8a39684d98ce7f2406	`Daniel Holbert`<mailto:dholbert@mozilla.com>	
 flexbox-align-self-horiz-001-table	reference/flexbox-align-self-horiz-001-ref	Testing the various 'align-self' property values on flex items that are tables		http://www.w3.org/TR/css-flexbox-1/#align-items-property	183f460c2e72e0bcf57e9fc6ce6e2225f9115212	`Daniel Holbert`<mailto:dholbert@mozilla.com>	
 flexbox-align-self-horiz-002	reference/flexbox-align-self-horiz-002-ref	Testing the behavior of 'align-self' with a horizontal flex container, with margin/padding/border on the items		http://www.w3.org/TR/css-flexbox-1/#align-items-property	8ab4c5c5d3600422c2560908ea8c809511fd8456	`Daniel Holbert`<mailto:dholbert@mozilla.com>	
-flexbox-align-self-horiz-003	reference/flexbox-align-self-horiz-003-ref	Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items		http://www.w3.org/TR/css-flexbox-1/#align-items-property	8c82a3d90a6879d3371ca75d8c7d2ae768ee274c	`Daniel Holbert`<mailto:dholbert@mozilla.com>	
+flexbox-align-self-horiz-003	reference/flexbox-align-self-horiz-003-ref	Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items		http://www.w3.org/TR/css-flexbox-1/#align-items-property	a196c3b0ed8ef58efbfab036557be25c118a6007	`Daniel Holbert`<mailto:dholbert@mozilla.com>	
 flexbox-align-self-horiz-004	reference/flexbox-align-self-horiz-004-ref	Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items, with margin/padding/border on the items		http://www.w3.org/TR/css-flexbox-1/#align-items-property	10a87f5352d8eb2c448129d27aa505f3148d4534	`Daniel Holbert`<mailto:dholbert@mozilla.com>	
 flexbox-align-self-horiz-005	reference/flexbox-align-self-horiz-005-ref	Testing the behavior of 'align-self' with auto margins in play, in a horizontal flex container		http://www.w3.org/TR/css-flexbox-1/#auto-margins	47ddfa8eb08586be92297f63fb61d0b9e8899e29	`Daniel Holbert`<mailto:dholbert@mozilla.com>	
 flexbox-align-self-stretch-vert-001	reference/flexbox-align-self-stretch-vert-001-ref	Testing the sizing of a stretched horizontal flex container in a vertical flex container		http://www.w3.org/TR/css-flexbox-1/#layout-algorithm	6c777130631b607e0e1106a0bd655645cfb049e3	`Daniel Holbert`<mailto:dholbert@mozilla.com>	If a stretched flex item's main size is influenced by its cross size, and the flex container has a definite cross size, then the item's cross size should be resolved early so that it can be used when determining the item's main size https://drafts.csswg.org/css-flexbox/issues-cr-2012#issue-23
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-003-ref.xht
index c048071c997..e546c7e16e4 100644
--- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-003-ref.xht
+++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-003-ref.xht
@@ -81,7 +81,7 @@
       <div class="auto" style="height: 100%">auto</div>
       <div class="unspecified" style="height: 100%">unspec</div>
       <div class="initial" style="height: 100%">initial</div>
-      <div class="inherit" style="height: 100%">inherit</div>
+      <div class="inherit">inherit</div>
     </div>
   </body>
 </html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-align-self-horiz-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-align-self-horiz-003-ref.xht
index caba6d3048d..273d18dc5c7 100644
--- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-align-self-horiz-003-ref.xht
+++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-align-self-horiz-003-ref.xht
@@ -90,7 +90,7 @@
       <div class="auto" style="height: 100%">auto</div>
       <div class="unspecified" style="height: 100%">unspec</div>
       <div class="initial" style="height: 100%">initial</div>
-      <div class="inherit" style="height: 100%">inherit</div>
+      <div class="inherit">inherit</div>
     </div>
   </body>
 </html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/leader-002.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/leader-002.htm
index 5773d2c9edd..f6fe51e7784 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/leader-002.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/leader-002.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: GCPM String Leader</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-leader" rel="help">
@@ -22,7 +23,7 @@ content: leader('~ ');
 
 <blockquote>
 
-<p class="run-in">“Towards thee I roll, thou all-destroying but unconquering whale; to the last I grapple with thee; from hell’s heart I stab at thee; for hate’s sake I spit my last breath at thee. Sink all coffins and all hearses to one common pool! and since neither can be mine, let me then tow to pieces, while still chasing thee, though tied to thee, thou damned whale! THUS, I give up the spear!�&#65533;</p>
+<p class="run-in">“Towards thee I roll, thou all-destroying but unconquering whale; to the last I grapple with thee; from hell’s heart I stab at thee; for hate’s sake I spit my last breath at thee. Sink all coffins and all hearses to one common pool! and since neither can be mine, let me then tow to pieces, while still chasing thee, though tied to thee, thou damned whale! THUS, I give up the spear!”</p>
 
 <p class="source-rw">Ahab</p>
 </blockquote>
@@ -30,4 +31,5 @@ content: leader('~ ');
 
 
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-001.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-001.htm
index f9615ac1dbe..56b5d4de63a 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-001.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-001.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: GCPM string-set with string</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
@@ -20,6 +21,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “hello, world�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “hello, world” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-002.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-002.htm
index 6a8c685c8b0..e05c526e5ba 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-002.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-002.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: GCPM String-set with content()</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
@@ -20,6 +21,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “Chapter Title�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “Chapter Title” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-003.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-003.htm
index 99f29156cba..50991692bf6 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-003.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-003.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: GCPM String-set with content(text)</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
@@ -20,7 +21,8 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if the text “Chapter Title�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if the text “Chapter Title” appears in the running head at the top of the page.</p>
 <!--AH errors out with content(text) rather than content()-->
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-004.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-004.htm
index 7ee1dd81016..26229c33e39 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-004.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-004.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: GCPM String-set with content(first-letter)</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
@@ -20,6 +21,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “C�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “C” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-005.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-005.htm
index 3af6b295f47..db83557e9b1 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-005.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-005.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: GCPM String-set with counter(page)</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
@@ -20,6 +21,7 @@
 </head>
 <body>
 <h1>A</h1>
-<p>Test passes if “1�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “1” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-006.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-006.htm
index f505653710e..188ccc6cea6 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-006.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-006.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: GCPM string-set with content(before)</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
@@ -25,6 +26,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “before-�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “before-” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-007.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-007.htm
index 5896a06a382..24ba7e4049b 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-007.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-007.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: GCPM string-set with content(after)</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
@@ -25,6 +26,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “-after�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “-after” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-008.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-008.htm
index 3e706ae96fb..df836278a7d 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-008.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-008.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: GCPM string-set with multiple assignments</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
@@ -26,6 +27,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “Chapter Title�&#65533; appears in both the left and right running heads, and “C�&#65533; appears in the center running head.</p>
+<p>Test passes if “Chapter Title” appears in both the left and right running heads, and “C” appears in the center running head.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-009.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-009.htm
index df75a2070d0..e930862e08a 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-009.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-009.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: GCPM string-set with page and pages counters</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
@@ -21,6 +22,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “1 of 1�&#65533; appears in the running head.</p>
+<p>Test passes if “1 of 1” appears in the running head.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-010.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-010.htm
index 4fd1f286fe9..958225de875 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-010.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-010.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: GCPM string-set on element with display: none</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
@@ -24,6 +25,7 @@ display: none;
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “Chapter Title�&#65533; appears in the running head.</p>
+<p>Test passes if “Chapter Title” appears in the running head.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-011.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-011.htm
index 3c5b9ddaa1a..eef8a270b78 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-011.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-011.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: GCPM string-set on element with display: none</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
@@ -30,10 +31,10 @@ Note this test exposes a known bug in PrinceXML 9.0 rev 2 (and all previous vers
 <p>Test passes if:</p>
 <ol>
 <li>
-“Chapter One Title�&#65533; appears in the running head on page one.
+“Chapter One Title” appears in the running head on page one.
 </li>
 <li>
-“Chapter Two Title�&#65533; appears in the running head on page two.
+“Chapter Two Title” appears in the running head on page two.
 </li>
 </ol>
 
@@ -42,4 +43,5 @@ Note this test exposes a known bug in PrinceXML 9.0 rev 2 (and all previous vers
 <p>Second Page</p>
 </div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-012.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-012.htm
index 2ea269ae016..b4980da169a 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-012.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-012.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: GCPM string-set to attribute value</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
@@ -22,7 +23,8 @@
 </head>
 <body>
 <h1 title="Hello, World">Chapter Title</h1>
-<p>Test passes if running head text reads “Hello, World�&#65533;.
+<p>Test passes if running head text reads “Hello, World”.
+
 
 
 
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-001.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-001.htm
index f87f2c03f9b..83e218b2b92 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-001.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-001.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: using 'first' property of named strings</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-first" rel="help">
@@ -22,7 +23,7 @@
 </style>
 </head>
 <body>
-<p>Test passes if “Section One�&#65533; is in the running head at the top of the page.</p>
+<p>Test passes if “Section One” is in the running head at the top of the page.</p>
 <h2 id="s1">Section One</h2>
 <h2 id="s2">Section Two</h2>
 <h2 id="s3">Section Three</h2>
@@ -30,4 +31,5 @@
 <h2 id="s5">Section Five</h2>
 <h2 id="s6">Section Six</h2>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-002.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-002.htm
index 0e99e4250f6..d2fc107dd4b 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-002.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-002.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: using the 'last' property of named strings</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-last" rel="help">
@@ -27,4 +28,5 @@
 <h2 id="s5">Section Five</h2>
 <h2 id="s6">Section Six</h2>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-003.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-003.htm
index 8f111237258..f65592fb44b 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-003.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-003.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: using 'start' property of named strings</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-start" rel="help">
@@ -30,10 +31,10 @@
 On page one, the running head is empty.
 </li>
 <li>
-On page two, the running head is “Section Two�&#65533;
+On page two, the running head is “Section Two”
 </li>
 <li>
-On page three, the running head is “Section Four�&#65533;
+On page three, the running head is “Section Four”
 </li>
 </ol>
 <h2 id="s1">Section One</h2>
@@ -55,4 +56,5 @@ Frankfurter prosciutto fatback beef ribs brisket, flank consectetur proident cup
 <h2 id="s6">Section Six</h2>
 <p>Ham hock jowl filet mignon pastrami beef turducken. Brisket pork chop pork loin drumstick capicola ground round shankle andouille leberkas tenderloin turducken chuck t-bone kevin turkey. Turkey brisket shank, cow pork belly strip steak bresaola chicken short ribs biltong. Kevin jowl meatloaf capicola t-bone ham brisket leberkas. Pork strip steak drumstick jerky, flank shankle capicola turkey spare ribs.</p>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-004.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-004.htm
index 2b2cff33b12..26a9a6e13c1 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-004.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-004.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: using 'first-except' property of named strings</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-first-except" rel="help">
@@ -22,7 +23,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if the running head is omitted on page one, and is “Chapter Title�&#65533; on all other pages.</p>
+<p>Test passes if the running head is omitted on page one, and is “Chapter Title” on all other pages.</p>
 <h2 id="s1">Section One</h2>
 <h2 id="s2">Section Two</h2>
 <h2 id="s3">Section Three</h2>
@@ -30,4 +31,5 @@
 <h2 id="s5">Section Five</h2>
 <h2 id="s6">Section Six</h2>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-005.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-005.htm
index 128553518e7..40b528281ba 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-005.htm
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-005.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+<meta charset="utf-8">
 <title>CSS Test: using 'last' property of named strings</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-last" rel="help">
@@ -24,13 +25,13 @@
 <p>Note: test has three pages. Test passes if:</p>
 <ol>
 <li>
-Running head on page one is “Section One�&#65533;
+Running head on page one is “Section One”
 </li>
 <li>
-Running head on page two is “Section Three�&#65533;
+Running head on page two is “Section Three”
 </li>
 <li>
-Running head on page three is “Section Six�&#65533;
+Running head on page three is “Section Six”
 </li>
 </ol>
 <h2 id="s1">Section One</h2>
@@ -40,4 +41,5 @@ Running head on page three is “Section Six
 <h2 id="s5">Section Five</h2>
 <h2 id="s6">Section Six</h2>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-gcpm-3_dev/implementation-report-TEMPLATE.data
index 2ba5d41ec9c..81f2d8ec479 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/implementation-report-TEMPLATE.data
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/implementation-report-TEMPLATE.data
@@ -5,41 +5,41 @@
 testname	revision	result	comment
 html/leader-001.htm	80f1aac0eceae86b453e71bb1e9266d7c2bd6ff0	?
 xhtml1/leader-001.xht	80f1aac0eceae86b453e71bb1e9266d7c2bd6ff0	?
-html/leader-002.htm	3408bd64aa9d5c446500097c6144ebaaae5e19b8	?
-xhtml1/leader-002.xht	3408bd64aa9d5c446500097c6144ebaaae5e19b8	?
+html/leader-002.htm	b2ae229381bf78e51896daabfe141b52fdf2083e	?
+xhtml1/leader-002.xht	b2ae229381bf78e51896daabfe141b52fdf2083e	?
 html/leader-003.htm	74d9b4060ebd3c475c1421affaba5e9a157b8ba2	?
 xhtml1/leader-003.xht	74d9b4060ebd3c475c1421affaba5e9a157b8ba2	?
-html/string-set-001.htm	680a5e8ae9f9d7d12998ab864ed1f610892da6f5	?
-xhtml1/string-set-001.xht	680a5e8ae9f9d7d12998ab864ed1f610892da6f5	?
-html/string-set-002.htm	5c9b61ae8e44db9596b2b5e71cb769e980f165e4	?
-xhtml1/string-set-002.xht	5c9b61ae8e44db9596b2b5e71cb769e980f165e4	?
-html/string-set-003.htm	13ccf65c084fec03627be39ca76358a9cafddfec	?
-xhtml1/string-set-003.xht	13ccf65c084fec03627be39ca76358a9cafddfec	?
-html/string-set-004.htm	bb2369a00d38c0db485ba469aa26e2a26c234ce8	?
-xhtml1/string-set-004.xht	bb2369a00d38c0db485ba469aa26e2a26c234ce8	?
-html/string-set-005.htm	082af309d719a9a07ae67bc18ddfd3e48826dd0b	?
-xhtml1/string-set-005.xht	082af309d719a9a07ae67bc18ddfd3e48826dd0b	?
-html/string-set-006.htm	3cf5d803ce75252975775e19dea619c026b58d18	?
-xhtml1/string-set-006.xht	3cf5d803ce75252975775e19dea619c026b58d18	?
-html/string-set-007.htm	20864a934ff67958f4a0e16527ed5c1cd6fc7694	?
-xhtml1/string-set-007.xht	20864a934ff67958f4a0e16527ed5c1cd6fc7694	?
-html/string-set-008.htm	5711b5fd32bddd3bd8503dbfaa414a80c7964ceb	?
-xhtml1/string-set-008.xht	5711b5fd32bddd3bd8503dbfaa414a80c7964ceb	?
-html/string-set-009.htm	fb0ecc440e9e4da9bb52d8580772b4745095b31a	?
-xhtml1/string-set-009.xht	fb0ecc440e9e4da9bb52d8580772b4745095b31a	?
-html/string-set-010.htm	cee4997f991765f9e003ab764dbe30e033cbfb06	?
-xhtml1/string-set-010.xht	cee4997f991765f9e003ab764dbe30e033cbfb06	?
-html/string-set-011.htm	034447c6e02ea182dcbf8ee1a4edb2f0b9037440	?
-xhtml1/string-set-011.xht	034447c6e02ea182dcbf8ee1a4edb2f0b9037440	?
-html/string-set-012.htm	75d9fe4680eb7ccb08b95c412faa23d17b5ff1ec	?
-xhtml1/string-set-012.xht	75d9fe4680eb7ccb08b95c412faa23d17b5ff1ec	?
-html/using-strings-001.htm	53ab5c748a20173113931a32dffe866e6cfcfce8	?
-xhtml1/using-strings-001.xht	53ab5c748a20173113931a32dffe866e6cfcfce8	?
-html/using-strings-002.htm	a596527550f1c9b08be3376dfd76d02604b0247f	?
-xhtml1/using-strings-002.xht	a596527550f1c9b08be3376dfd76d02604b0247f	?
-html/using-strings-003.htm	fa7164bb554555178db2076a0718762dc4d680f6	?
-xhtml1/using-strings-003.xht	fa7164bb554555178db2076a0718762dc4d680f6	?
-html/using-strings-004.htm	368ab63cdc47aad2a4379fe079cd2e01090582cc	?
-xhtml1/using-strings-004.xht	368ab63cdc47aad2a4379fe079cd2e01090582cc	?
-html/using-strings-005.htm	0253b58c3bac8ba3c75426fc1081e91cac842d90	?
-xhtml1/using-strings-005.xht	0253b58c3bac8ba3c75426fc1081e91cac842d90	?
+html/string-set-001.htm	8443c7937861e01295136b5070b4f734ac22b9ff	?
+xhtml1/string-set-001.xht	8443c7937861e01295136b5070b4f734ac22b9ff	?
+html/string-set-002.htm	e0cb9d8c922891c04768bea41e2b17a05274e49b	?
+xhtml1/string-set-002.xht	e0cb9d8c922891c04768bea41e2b17a05274e49b	?
+html/string-set-003.htm	4742fcc56d586f223a6c5616bc3c40b95d5a361c	?
+xhtml1/string-set-003.xht	4742fcc56d586f223a6c5616bc3c40b95d5a361c	?
+html/string-set-004.htm	ca3132ba877a27368769604d1aa7daab0723e33e	?
+xhtml1/string-set-004.xht	ca3132ba877a27368769604d1aa7daab0723e33e	?
+html/string-set-005.htm	41e4ff6532306d2e3c77e4f19f5ceea664508b0d	?
+xhtml1/string-set-005.xht	41e4ff6532306d2e3c77e4f19f5ceea664508b0d	?
+html/string-set-006.htm	c9f65d09fad97e87334bb918afc705a59108774e	?
+xhtml1/string-set-006.xht	c9f65d09fad97e87334bb918afc705a59108774e	?
+html/string-set-007.htm	3b234ee5190bd0f1cfba08c96f11f7908019819c	?
+xhtml1/string-set-007.xht	3b234ee5190bd0f1cfba08c96f11f7908019819c	?
+html/string-set-008.htm	10e3881b5ca95a586063a0417c8bd8558af7405c	?
+xhtml1/string-set-008.xht	10e3881b5ca95a586063a0417c8bd8558af7405c	?
+html/string-set-009.htm	4ef4c74d5305f7c4ed479cf68935ea86f53311cb	?
+xhtml1/string-set-009.xht	4ef4c74d5305f7c4ed479cf68935ea86f53311cb	?
+html/string-set-010.htm	5c2d3344da0b6200808f52f65daa438cc7d4b586	?
+xhtml1/string-set-010.xht	5c2d3344da0b6200808f52f65daa438cc7d4b586	?
+html/string-set-011.htm	0f420f026acf246d5485347f4ced8005203f6ab4	?
+xhtml1/string-set-011.xht	0f420f026acf246d5485347f4ced8005203f6ab4	?
+html/string-set-012.htm	259ae6dbbfd0f46d136523cdb5dcd4ea03733b93	?
+xhtml1/string-set-012.xht	259ae6dbbfd0f46d136523cdb5dcd4ea03733b93	?
+html/using-strings-001.htm	75307a75ddaaf06981ea78393b741941137a4271	?
+xhtml1/using-strings-001.xht	75307a75ddaaf06981ea78393b741941137a4271	?
+html/using-strings-002.htm	cf135ea6255bbc5a19d4592dfe5e0d3c8bade18d	?
+xhtml1/using-strings-002.xht	cf135ea6255bbc5a19d4592dfe5e0d3c8bade18d	?
+html/using-strings-003.htm	87b30361963223503729719db9cedfa5ab3659f4	?
+xhtml1/using-strings-003.xht	87b30361963223503729719db9cedfa5ab3659f4	?
+html/using-strings-004.htm	bc7e5b6ec2aed0291e68c81a468b9b52074f047e	?
+xhtml1/using-strings-004.xht	bc7e5b6ec2aed0291e68c81a468b9b52074f047e	?
+html/using-strings-005.htm	7e2571814d868a10cd74a0990a4c90db3ad2dd5b	?
+xhtml1/using-strings-005.xht	7e2571814d868a10cd74a0990a4c90db3ad2dd5b	?
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/testinfo.data b/tests/wpt/css-tests/css-gcpm-3_dev/testinfo.data
index bcd55a03a65..cad2be90597 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/testinfo.data
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/testinfo.data
@@ -1,21 +1,21 @@
 id	references	title	flags	links	revision	credits	assertion
 leader-001		GCPM Dotted Leader	paged	http://www.w3.org/TR/css-gcpm-3/#dotted-leader	80f1aac0eceae86b453e71bb1e9266d7c2bd6ff0	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a basic dotted leader is implemented
-leader-002		GCPM String Leader	paged	http://www.w3.org/TR/css-gcpm-3/#string-leader	3408bd64aa9d5c446500097c6144ebaaae5e19b8	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a custom character leader is implemented
+leader-002		GCPM String Leader	paged	http://www.w3.org/TR/css-gcpm-3/#string-leader	b2ae229381bf78e51896daabfe141b52fdf2083e	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a custom character leader is implemented
 leader-003		GCPM Solid Leader	paged	http://www.w3.org/TR/css-gcpm-3/#solid-leader	74d9b4060ebd3c475c1421affaba5e9a157b8ba2	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a basic solid leader is implemented
-string-set-001		GCPM string-set with string	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	680a5e8ae9f9d7d12998ab864ed1f610892da6f5	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a named string can be set to a string value.
-string-set-002		GCPM String-set with content()	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	5c9b61ae8e44db9596b2b5e71cb769e980f165e4	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a string can be set to the text value of an element, using the default content() syntax
-string-set-003		GCPM String-set with content(text)	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	13ccf65c084fec03627be39ca76358a9cafddfec	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a string can be set to the text value of an element, using the explicit content(text) syntax
-string-set-004		GCPM String-set with content(first-letter)	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	bb2369a00d38c0db485ba469aa26e2a26c234ce8	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a string can be set to the first letter of the text value of an element
-string-set-005		GCPM String-set with counter(page)	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	082af309d719a9a07ae67bc18ddfd3e48826dd0b	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a named string can be set to the value of the page counter
-string-set-006		GCPM string-set with content(before)	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	3cf5d803ce75252975775e19dea619c026b58d18	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a named string can be set to the content of the before pseudo-element
-string-set-007		GCPM string-set with content(after)	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	20864a934ff67958f4a0e16527ed5c1cd6fc7694	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a named string can be set to the content of the after pseudo-element
-string-set-008		GCPM string-set with multiple assignments	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	5711b5fd32bddd3bd8503dbfaa414a80c7964ceb	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that several named string can be set on a single element
-string-set-009		GCPM string-set with page and pages counters	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	fb0ecc440e9e4da9bb52d8580772b4745095b31a	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a string can be set to the page and pages counters
-string-set-010		GCPM string-set on element with display: none	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	cee4997f991765f9e003ab764dbe30e033cbfb06	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a string can be set to the value of an element even if display is set to none
-string-set-011		GCPM string-set on element with display: none	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	034447c6e02ea182dcbf8ee1a4edb2f0b9037440	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a string can be set to the value of an element even if display is set to none
-string-set-012		GCPM string-set to attribute value	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	75d9fe4680eb7ccb08b95c412faa23d17b5ff1ec	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a string can be set to the value of an attribute
-using-strings-001		using 'first' property of named strings	paged	http://www.w3.org/TR/css-gcpm-3/#string-first	53ab5c748a20173113931a32dffe866e6cfcfce8	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that the default value of the string property is first, so that the first instance of a named string on the page is used.
-using-strings-002		using the 'last' property of named strings	paged	http://www.w3.org/TR/css-gcpm-3/#string-last	a596527550f1c9b08be3376dfd76d02604b0247f	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that the last instance of a named string is used, when the 'last' property is applied to the string.
-using-strings-003		using 'start' property of named strings	paged	http://www.w3.org/TR/css-gcpm-3/#string-start	fa7164bb554555178db2076a0718762dc4d680f6	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that the string set at the beginning of a page is used when the start property is applied
-using-strings-004		using 'first-except' property of named strings	paged	http://www.w3.org/TR/css-gcpm-3/#string-first-except	368ab63cdc47aad2a4379fe079cd2e01090582cc	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that if string is set to first-except, it is omitted on the page where the string is set, but appears on subsequent pages
-using-strings-005		using 'last' property of named strings	paged	http://www.w3.org/TR/css-gcpm-3/#string-last	0253b58c3bac8ba3c75426fc1081e91cac842d90	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that if string is set to last, the last appearance of that element determines the content of the string
+string-set-001		GCPM string-set with string	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	8443c7937861e01295136b5070b4f734ac22b9ff	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a named string can be set to a string value.
+string-set-002		GCPM String-set with content()	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	e0cb9d8c922891c04768bea41e2b17a05274e49b	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a string can be set to the text value of an element, using the default content() syntax
+string-set-003		GCPM String-set with content(text)	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	4742fcc56d586f223a6c5616bc3c40b95d5a361c	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a string can be set to the text value of an element, using the explicit content(text) syntax
+string-set-004		GCPM String-set with content(first-letter)	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	ca3132ba877a27368769604d1aa7daab0723e33e	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a string can be set to the first letter of the text value of an element
+string-set-005		GCPM String-set with counter(page)	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	41e4ff6532306d2e3c77e4f19f5ceea664508b0d	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a named string can be set to the value of the page counter
+string-set-006		GCPM string-set with content(before)	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	c9f65d09fad97e87334bb918afc705a59108774e	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a named string can be set to the content of the before pseudo-element
+string-set-007		GCPM string-set with content(after)	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	3b234ee5190bd0f1cfba08c96f11f7908019819c	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a named string can be set to the content of the after pseudo-element
+string-set-008		GCPM string-set with multiple assignments	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	10e3881b5ca95a586063a0417c8bd8558af7405c	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that several named string can be set on a single element
+string-set-009		GCPM string-set with page and pages counters	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	4ef4c74d5305f7c4ed479cf68935ea86f53311cb	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a string can be set to the page and pages counters
+string-set-010		GCPM string-set on element with display: none	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	5c2d3344da0b6200808f52f65daa438cc7d4b586	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a string can be set to the value of an element even if display is set to none
+string-set-011		GCPM string-set on element with display: none	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	0f420f026acf246d5485347f4ced8005203f6ab4	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a string can be set to the value of an element even if display is set to none
+string-set-012		GCPM string-set to attribute value	paged	http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro	259ae6dbbfd0f46d136523cdb5dcd4ea03733b93	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that a string can be set to the value of an attribute
+using-strings-001		using 'first' property of named strings	paged	http://www.w3.org/TR/css-gcpm-3/#string-first	75307a75ddaaf06981ea78393b741941137a4271	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that the default value of the string property is first, so that the first instance of a named string on the page is used.
+using-strings-002		using the 'last' property of named strings	paged	http://www.w3.org/TR/css-gcpm-3/#string-last	cf135ea6255bbc5a19d4592dfe5e0d3c8bade18d	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that the last instance of a named string is used, when the 'last' property is applied to the string.
+using-strings-003		using 'start' property of named strings	paged	http://www.w3.org/TR/css-gcpm-3/#string-start	87b30361963223503729719db9cedfa5ab3659f4	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that the string set at the beginning of a page is used when the start property is applied
+using-strings-004		using 'first-except' property of named strings	paged	http://www.w3.org/TR/css-gcpm-3/#string-first-except	bc7e5b6ec2aed0291e68c81a468b9b52074f047e	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that if string is set to first-except, it is omitted on the page where the string is set, but appears on subsequent pages
+using-strings-005		using 'last' property of named strings	paged	http://www.w3.org/TR/css-gcpm-3/#string-last	7e2571814d868a10cd74a0990a4c90db3ad2dd5b	`Dave Cramer`<mailto:dauwhe@gmail.com>	Test checks that if string is set to last, the last appearance of that element determines the content of the string
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/leader-002.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/leader-002.xht
index 82d45b68fb8..ec69e667d80 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/leader-002.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/leader-002.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM String Leader</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-leader" rel="help" />
@@ -22,7 +23,7 @@ content: leader('~ ');
 
 <blockquote>
 
-<p class="run-in">“Towards thee I roll, thou all-destroying but unconquering whale; to the last I grapple with thee; from hell’s heart I stab at thee; for hate’s sake I spit my last breath at thee. Sink all coffins and all hearses to one common pool! and since neither can be mine, let me then tow to pieces, while still chasing thee, though tied to thee, thou damned whale! THUS, I give up the spear!�&#65533;</p>
+<p class="run-in">“Towards thee I roll, thou all-destroying but unconquering whale; to the last I grapple with thee; from hell’s heart I stab at thee; for hate’s sake I spit my last breath at thee. Sink all coffins and all hearses to one common pool! and since neither can be mine, let me then tow to pieces, while still chasing thee, though tied to thee, thou damned whale! THUS, I give up the spear!”</p>
 
 <p class="source-rw">Ahab</p>
 </blockquote>
@@ -30,4 +31,5 @@ content: leader('~ ');
 
 
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-001.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-001.xht
index fea02c7a775..64d802e7e16 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-001.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-001.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM string-set with string</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -20,6 +21,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “hello, world�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “hello, world” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-002.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-002.xht
index 71b6893d77a..92bd7528444 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-002.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-002.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM String-set with content()</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -20,6 +21,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “Chapter Title�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “Chapter Title” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-003.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-003.xht
index d69cbcc9ef5..9c2bc040c3e 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-003.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-003.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM String-set with content(text)</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -20,7 +21,8 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if the text “Chapter Title�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if the text “Chapter Title” appears in the running head at the top of the page.</p>
 <!--AH errors out with content(text) rather than content()-->
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-004.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-004.xht
index 6a9ff118e91..738153922c7 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-004.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-004.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM String-set with content(first-letter)</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -20,6 +21,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “C�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “C” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-005.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-005.xht
index 64d7bd0a066..18f4c69e7a5 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-005.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-005.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM String-set with counter(page)</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -20,6 +21,7 @@
 </head>
 <body>
 <h1>A</h1>
-<p>Test passes if “1�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “1” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-006.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-006.xht
index 0f500bb232b..a44f7f90fb9 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-006.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-006.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM string-set with content(before)</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -25,6 +26,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “before-�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “before-” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-007.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-007.xht
index 4de7e92b902..4ebe3c7aec0 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-007.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-007.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM string-set with content(after)</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -25,6 +26,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “-after�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “-after” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-008.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-008.xht
index 2e8dcfe30ce..9fb9634b42c 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-008.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-008.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM string-set with multiple assignments</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -26,6 +27,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “Chapter Title�&#65533; appears in both the left and right running heads, and “C�&#65533; appears in the center running head.</p>
+<p>Test passes if “Chapter Title” appears in both the left and right running heads, and “C” appears in the center running head.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-009.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-009.xht
index cfcc93c7e49..97720174164 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-009.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-009.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM string-set with page and pages counters</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -21,6 +22,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “1 of 1�&#65533; appears in the running head.</p>
+<p>Test passes if “1 of 1” appears in the running head.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-010.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-010.xht
index c3fa37dd5a8..5cca38df2f3 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-010.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-010.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM string-set on element with display: none</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -24,6 +25,7 @@ display: none;
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “Chapter Title�&#65533; appears in the running head.</p>
+<p>Test passes if “Chapter Title” appears in the running head.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-011.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-011.xht
index 8eb5bc7f92e..16ea462c1ac 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-011.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-011.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM string-set on element with display: none</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -30,10 +31,10 @@ Note this test exposes a known bug in PrinceXML 9.0 rev 2 (and all previous vers
 <p>Test passes if:</p>
 <ol>
 <li>
-“Chapter One Title�&#65533; appears in the running head on page one.
+“Chapter One Title” appears in the running head on page one.
 </li>
 <li>
-“Chapter Two Title�&#65533; appears in the running head on page two.
+“Chapter Two Title” appears in the running head on page two.
 </li>
 </ol>
 
@@ -42,4 +43,5 @@ Note this test exposes a known bug in PrinceXML 9.0 rev 2 (and all previous vers
 <p>Second Page</p>
 </div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-012.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-012.xht
index 15ab2f94735..ee74a34695a 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-012.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-012.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM string-set to attribute value</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -22,7 +23,8 @@
 </head>
 <body>
 <h1 title="Hello, World">Chapter Title</h1>
-<p>Test passes if running head text reads “Hello, World�&#65533;.
+<p>Test passes if running head text reads “Hello, World”.
+
 
 
 
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-001.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-001.xht
index e0252df9c0f..e484efbb53e 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-001.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-001.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: using 'first' property of named strings</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-first" rel="help" />
@@ -22,7 +23,7 @@
 </style>
 </head>
 <body>
-<p>Test passes if “Section One�&#65533; is in the running head at the top of the page.</p>
+<p>Test passes if “Section One” is in the running head at the top of the page.</p>
 <h2 id="s1">Section One</h2>
 <h2 id="s2">Section Two</h2>
 <h2 id="s3">Section Three</h2>
@@ -30,4 +31,5 @@
 <h2 id="s5">Section Five</h2>
 <h2 id="s6">Section Six</h2>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-002.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-002.xht
index 8975d78e093..9ca05530487 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-002.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-002.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: using the 'last' property of named strings</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-last" rel="help" />
@@ -27,4 +28,5 @@
 <h2 id="s5">Section Five</h2>
 <h2 id="s6">Section Six</h2>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-003.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-003.xht
index c175d360b0b..53f6cc8ed44 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-003.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-003.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: using 'start' property of named strings</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-start" rel="help" />
@@ -30,10 +31,10 @@
 On page one, the running head is empty.
 </li>
 <li>
-On page two, the running head is “Section Two�&#65533;
+On page two, the running head is “Section Two”
 </li>
 <li>
-On page three, the running head is “Section Four�&#65533;
+On page three, the running head is “Section Four”
 </li>
 </ol>
 <h2 id="s1">Section One</h2>
@@ -55,4 +56,5 @@ Frankfurter prosciutto fatback beef ribs brisket, flank consectetur proident cup
 <h2 id="s6">Section Six</h2>
 <p>Ham hock jowl filet mignon pastrami beef turducken. Brisket pork chop pork loin drumstick capicola ground round shankle andouille leberkas tenderloin turducken chuck t-bone kevin turkey. Turkey brisket shank, cow pork belly strip steak bresaola chicken short ribs biltong. Kevin jowl meatloaf capicola t-bone ham brisket leberkas. Pork strip steak drumstick jerky, flank shankle capicola turkey spare ribs.</p>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-004.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-004.xht
index 4d99fe8a698..c113abda23b 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-004.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-004.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: using 'first-except' property of named strings</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-first-except" rel="help" />
@@ -22,7 +23,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if the running head is omitted on page one, and is “Chapter Title�&#65533; on all other pages.</p>
+<p>Test passes if the running head is omitted on page one, and is “Chapter Title” on all other pages.</p>
 <h2 id="s1">Section One</h2>
 <h2 id="s2">Section Two</h2>
 <h2 id="s3">Section Three</h2>
@@ -30,4 +31,5 @@
 <h2 id="s5">Section Five</h2>
 <h2 id="s6">Section Six</h2>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-005.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-005.xht
index e9f6674a978..4aad0c4a8ca 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-005.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-005.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: using 'last' property of named strings</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-last" rel="help" />
@@ -24,13 +25,13 @@
 <p>Note: test has three pages. Test passes if:</p>
 <ol>
 <li>
-Running head on page one is “Section One�&#65533;
+Running head on page one is “Section One”
 </li>
 <li>
-Running head on page two is “Section Three�&#65533;
+Running head on page two is “Section Three”
 </li>
 <li>
-Running head on page three is “Section Six�&#65533;
+Running head on page three is “Section Six”
 </li>
 </ol>
 <h2 id="s1">Section One</h2>
@@ -40,4 +41,5 @@ Running head on page three is “Section Six
 <h2 id="s5">Section Five</h2>
 <h2 id="s6">Section Six</h2>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/leader-002.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/leader-002.xht
index 82d45b68fb8..ec69e667d80 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/leader-002.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/leader-002.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM String Leader</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-leader" rel="help" />
@@ -22,7 +23,7 @@ content: leader('~ ');
 
 <blockquote>
 
-<p class="run-in">“Towards thee I roll, thou all-destroying but unconquering whale; to the last I grapple with thee; from hell’s heart I stab at thee; for hate’s sake I spit my last breath at thee. Sink all coffins and all hearses to one common pool! and since neither can be mine, let me then tow to pieces, while still chasing thee, though tied to thee, thou damned whale! THUS, I give up the spear!�&#65533;</p>
+<p class="run-in">“Towards thee I roll, thou all-destroying but unconquering whale; to the last I grapple with thee; from hell’s heart I stab at thee; for hate’s sake I spit my last breath at thee. Sink all coffins and all hearses to one common pool! and since neither can be mine, let me then tow to pieces, while still chasing thee, though tied to thee, thou damned whale! THUS, I give up the spear!”</p>
 
 <p class="source-rw">Ahab</p>
 </blockquote>
@@ -30,4 +31,5 @@ content: leader('~ ');
 
 
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-001.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-001.xht
index fea02c7a775..64d802e7e16 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-001.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-001.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM string-set with string</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -20,6 +21,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “hello, world�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “hello, world” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-002.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-002.xht
index 71b6893d77a..92bd7528444 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-002.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-002.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM String-set with content()</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -20,6 +21,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “Chapter Title�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “Chapter Title” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-003.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-003.xht
index d69cbcc9ef5..9c2bc040c3e 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-003.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-003.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM String-set with content(text)</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -20,7 +21,8 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if the text “Chapter Title�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if the text “Chapter Title” appears in the running head at the top of the page.</p>
 <!--AH errors out with content(text) rather than content()-->
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-004.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-004.xht
index 6a9ff118e91..738153922c7 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-004.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-004.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM String-set with content(first-letter)</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -20,6 +21,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “C�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “C” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-005.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-005.xht
index 64d7bd0a066..18f4c69e7a5 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-005.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-005.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM String-set with counter(page)</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -20,6 +21,7 @@
 </head>
 <body>
 <h1>A</h1>
-<p>Test passes if “1�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “1” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-006.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-006.xht
index 0f500bb232b..a44f7f90fb9 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-006.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-006.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM string-set with content(before)</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -25,6 +26,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “before-�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “before-” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-007.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-007.xht
index 4de7e92b902..4ebe3c7aec0 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-007.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-007.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM string-set with content(after)</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -25,6 +26,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “-after�&#65533; appears in the running head at the top of the page.</p>
+<p>Test passes if “-after” appears in the running head at the top of the page.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-008.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-008.xht
index 2e8dcfe30ce..9fb9634b42c 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-008.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-008.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM string-set with multiple assignments</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -26,6 +27,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “Chapter Title�&#65533; appears in both the left and right running heads, and “C�&#65533; appears in the center running head.</p>
+<p>Test passes if “Chapter Title” appears in both the left and right running heads, and “C” appears in the center running head.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-009.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-009.xht
index cfcc93c7e49..97720174164 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-009.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-009.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM string-set with page and pages counters</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -21,6 +22,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “1 of 1�&#65533; appears in the running head.</p>
+<p>Test passes if “1 of 1” appears in the running head.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-010.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-010.xht
index c3fa37dd5a8..5cca38df2f3 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-010.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-010.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM string-set on element with display: none</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -24,6 +25,7 @@ display: none;
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if “Chapter Title�&#65533; appears in the running head.</p>
+<p>Test passes if “Chapter Title” appears in the running head.</p>
+
 
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-011.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-011.xht
index 8eb5bc7f92e..16ea462c1ac 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-011.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-011.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM string-set on element with display: none</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -30,10 +31,10 @@ Note this test exposes a known bug in PrinceXML 9.0 rev 2 (and all previous vers
 <p>Test passes if:</p>
 <ol>
 <li>
-“Chapter One Title�&#65533; appears in the running head on page one.
+“Chapter One Title” appears in the running head on page one.
 </li>
 <li>
-“Chapter Two Title�&#65533; appears in the running head on page two.
+“Chapter Two Title” appears in the running head on page two.
 </li>
 </ol>
 
@@ -42,4 +43,5 @@ Note this test exposes a known bug in PrinceXML 9.0 rev 2 (and all previous vers
 <p>Second Page</p>
 </div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-012.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-012.xht
index 15ab2f94735..ee74a34695a 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-012.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-012.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: GCPM string-set to attribute value</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" />
@@ -22,7 +23,8 @@
 </head>
 <body>
 <h1 title="Hello, World">Chapter Title</h1>
-<p>Test passes if running head text reads “Hello, World�&#65533;.
+<p>Test passes if running head text reads “Hello, World”.
+
 
 
 
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-001.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-001.xht
index e0252df9c0f..e484efbb53e 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-001.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-001.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: using 'first' property of named strings</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-first" rel="help" />
@@ -22,7 +23,7 @@
 </style>
 </head>
 <body>
-<p>Test passes if “Section One�&#65533; is in the running head at the top of the page.</p>
+<p>Test passes if “Section One” is in the running head at the top of the page.</p>
 <h2 id="s1">Section One</h2>
 <h2 id="s2">Section Two</h2>
 <h2 id="s3">Section Three</h2>
@@ -30,4 +31,5 @@
 <h2 id="s5">Section Five</h2>
 <h2 id="s6">Section Six</h2>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-002.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-002.xht
index 8975d78e093..9ca05530487 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-002.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-002.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: using the 'last' property of named strings</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-last" rel="help" />
@@ -27,4 +28,5 @@
 <h2 id="s5">Section Five</h2>
 <h2 id="s6">Section Six</h2>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-003.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-003.xht
index c175d360b0b..53f6cc8ed44 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-003.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-003.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: using 'start' property of named strings</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-start" rel="help" />
@@ -30,10 +31,10 @@
 On page one, the running head is empty.
 </li>
 <li>
-On page two, the running head is “Section Two�&#65533;
+On page two, the running head is “Section Two”
 </li>
 <li>
-On page three, the running head is “Section Four�&#65533;
+On page three, the running head is “Section Four”
 </li>
 </ol>
 <h2 id="s1">Section One</h2>
@@ -55,4 +56,5 @@ Frankfurter prosciutto fatback beef ribs brisket, flank consectetur proident cup
 <h2 id="s6">Section Six</h2>
 <p>Ham hock jowl filet mignon pastrami beef turducken. Brisket pork chop pork loin drumstick capicola ground round shankle andouille leberkas tenderloin turducken chuck t-bone kevin turkey. Turkey brisket shank, cow pork belly strip steak bresaola chicken short ribs biltong. Kevin jowl meatloaf capicola t-bone ham brisket leberkas. Pork strip steak drumstick jerky, flank shankle capicola turkey spare ribs.</p>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-004.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-004.xht
index 4d99fe8a698..c113abda23b 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-004.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-004.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: using 'first-except' property of named strings</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-first-except" rel="help" />
@@ -22,7 +23,7 @@
 </head>
 <body>
 <h1>Chapter Title</h1>
-<p>Test passes if the running head is omitted on page one, and is “Chapter Title�&#65533; on all other pages.</p>
+<p>Test passes if the running head is omitted on page one, and is “Chapter Title” on all other pages.</p>
 <h2 id="s1">Section One</h2>
 <h2 id="s2">Section Two</h2>
 <h2 id="s3">Section Three</h2>
@@ -30,4 +31,5 @@
 <h2 id="s5">Section Five</h2>
 <h2 id="s6">Section Six</h2>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-005.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-005.xht
index e9f6674a978..4aad0c4a8ca 100644
--- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-005.xht
+++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-005.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta charset="utf-8" />
 <title>CSS Test: using 'last' property of named strings</title>
 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" />
 <link href="http://www.w3.org/TR/css-gcpm-3/#string-last" rel="help" />
@@ -24,13 +25,13 @@
 <p>Note: test has three pages. Test passes if:</p>
 <ol>
 <li>
-Running head on page one is “Section One�&#65533;
+Running head on page one is “Section One”
 </li>
 <li>
-Running head on page two is “Section Three�&#65533;
+Running head on page two is “Section Three”
 </li>
 <li>
-Running head on page three is “Section Six�&#65533;
+Running head on page three is “Section Six”
 </li>
 </ol>
 <h2 id="s1">Section One</h2>
@@ -40,4 +41,5 @@ Running head on page three is “Section Six
 <h2 id="s5">Section Five</h2>
 <h2 id="s6">Section Six</h2>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/html/chapter-3.htm b/tests/wpt/css-tests/css-images-3_dev/html/chapter-3.htm
index 54e9b306a6c..e12991c87c7 100644
--- a/tests/wpt/css-tests/css-images-3_dev/html/chapter-3.htm
+++ b/tests/wpt/css-tests/css-images-3_dev/html/chapter-3.htm
@@ -55,7 +55,7 @@
             <a href="css-image-fallbacks-and-annotations.htm">css-image-fallbacks-and-annotations</a></strong></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td>
         <td></td>
-        <td>CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation
+        <td>CSS Image Fallbacks and Annotations: the 'image()' notation
           <ul class="assert">
             <li>When the image doesn't load, the background color is still there to ensure that the white text is readable.</li>
           </ul>
@@ -66,9 +66,9 @@
             <a href="css-image-fallbacks-and-annotations002.htm">css-image-fallbacks-and-annotations002</a></strong></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td>
         <td></td>
-        <td>CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation
+        <td>CSS Image Fallbacks and Annotations: the 'image()' notation
           <ul class="assert">
-            <li>The &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; function load the image.</li>
+            <li>The 'image()' function load the image.</li>
           </ul>
         </td>
       </tr>
@@ -77,7 +77,7 @@
             <a href="css-image-fallbacks-and-annotations003.htm">css-image-fallbacks-and-annotations003</a></strong></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td>
         <td></td>
-        <td>CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation
+        <td>CSS Image Fallbacks and Annotations: the 'image()' notation
           <ul class="assert">
             <li>The rule below would tell the UA to load The first file if it can; failing that to load The second file; failing that to display The third file.</li>
           </ul>
@@ -88,7 +88,7 @@
             <a href="css-image-fallbacks-and-annotations004.htm">css-image-fallbacks-and-annotations004</a></strong></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td>
         <td></td>
-        <td>CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation
+        <td>CSS Image Fallbacks and Annotations: the 'image()' notation
           <ul class="assert">
             <li>The rule below would tell the UA to load The first file if it can; failing that to load The second file.</li>
           </ul>
@@ -99,9 +99,9 @@
             <a href="css-image-fallbacks-and-annotations005.htm">css-image-fallbacks-and-annotations005</a></strong></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td>
         <td></td>
-        <td>CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation
+        <td>CSS Image Fallbacks and Annotations: the 'image()' notation
           <ul class="assert">
-            <li>The &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color.</li>
+            <li>The 'image()' function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color.</li>
           </ul>
         </td>
       </tr>
diff --git a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations.htm b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations.htm
index 778a5a547ca..957f2df1ff7 100644
--- a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations.htm
+++ b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations.htm
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira">
     <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help">
 	<link href="reference/css-image-fallbacks-and-annotations-ref.htm" rel="match">
@@ -18,4 +18,5 @@
 <p>Test passes if background is green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations002.htm b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations002.htm
index 4d1a1dbe98d..58dbc6c515e 100644
--- a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations002.htm
+++ b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations002.htm
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira">
     <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help">
 	<link href="reference/css-image-fallbacks-and-annotations-ref.htm" rel="match">
-	<meta content="The ‘image()’ function load the image." name="assert">
+	<meta content="The 'image()' function load the image." name="assert">
     <style type="text/css">
  		.square{
  			width: 200px;
@@ -19,4 +19,5 @@
 <p>Test passes if background is green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations003.htm b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations003.htm
index c9bec08e787..9ae0dda6d1b 100644
--- a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations003.htm
+++ b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations003.htm
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira">
     <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help">
 	<link href="reference/css-image-fallbacks-and-annotations-ref.htm" rel="match">
@@ -18,4 +18,5 @@
 <p>Test passes if background is green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations004.htm b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations004.htm
index fe0fe648282..b54107e7124 100644
--- a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations004.htm
+++ b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations004.htm
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira">
     <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help">
 	<link href="reference/css-image-fallbacks-and-annotations-ref.htm" rel="match">
@@ -18,4 +18,5 @@
 <p>Test passes if background is green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations005.htm b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations005.htm
index 4d74b373077..eabaf0684e3 100644
--- a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations005.htm
+++ b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations005.htm
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <html><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira">
     <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help">
 	<link href="reference/css-image-fallbacks-and-annotations-ref.htm" rel="match">
-	<meta content="The ‘image()’ function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color." name="assert">
+	<meta content="The 'image()' function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color." name="assert">
     <style type="text/css">
  		.square{
  			width: 200px;
@@ -18,4 +18,5 @@
 <p>Test passes if background is pale green and no green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/html/reference/css-image-fallbacks-and-annotations-ref.htm b/tests/wpt/css-tests/css-images-3_dev/html/reference/css-image-fallbacks-and-annotations-ref.htm
index 7e6678e00e6..33b61d7377c 100644
--- a/tests/wpt/css-tests/css-images-3_dev/html/reference/css-image-fallbacks-and-annotations-ref.htm
+++ b/tests/wpt/css-tests/css-images-3_dev/html/reference/css-image-fallbacks-and-annotations-ref.htm
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira">
     <style type="text/css">
  		.square{
@@ -14,4 +14,5 @@
 <p>Test passes if background is green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-images-3_dev/html/reftest-toc.htm
index 778bdb15f0a..aae1c705d45 100644
--- a/tests/wpt/css-tests/css-images-3_dev/html/reftest-toc.htm
+++ b/tests/wpt/css-tests/css-images-3_dev/html/reftest-toc.htm
@@ -26,7 +26,7 @@
     </thead>
     <tbody id="css-image-fallbacks-and-annotations" class="">
       <tr>
-        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation">
+        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation">
           <a href="css-image-fallbacks-and-annotations.htm">css-image-fallbacks-and-annotations</a></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td>
         <td rowspan="1"></td>
@@ -34,7 +34,7 @@
     </tbody>
     <tbody id="css-image-fallbacks-and-annotations002" class="">
       <tr>
-        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation">
+        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation">
           <a href="css-image-fallbacks-and-annotations002.htm">css-image-fallbacks-and-annotations002</a></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td>
         <td rowspan="1"></td>
@@ -42,7 +42,7 @@
     </tbody>
     <tbody id="css-image-fallbacks-and-annotations003" class="">
       <tr>
-        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation">
+        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation">
           <a href="css-image-fallbacks-and-annotations003.htm">css-image-fallbacks-and-annotations003</a></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td>
         <td rowspan="1"></td>
@@ -50,7 +50,7 @@
     </tbody>
     <tbody id="css-image-fallbacks-and-annotations004" class="">
       <tr>
-        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation">
+        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation">
           <a href="css-image-fallbacks-and-annotations004.htm">css-image-fallbacks-and-annotations004</a></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td>
         <td rowspan="1"></td>
@@ -58,7 +58,7 @@
     </tbody>
     <tbody id="css-image-fallbacks-and-annotations005" class="">
       <tr>
-        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation">
+        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation">
           <a href="css-image-fallbacks-and-annotations005.htm">css-image-fallbacks-and-annotations005</a></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td>
         <td rowspan="1"></td>
diff --git a/tests/wpt/css-tests/css-images-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-images-3_dev/implementation-report-TEMPLATE.data
index 10c37f68ad5..5f9864a1714 100644
--- a/tests/wpt/css-tests/css-images-3_dev/implementation-report-TEMPLATE.data
+++ b/tests/wpt/css-tests/css-images-3_dev/implementation-report-TEMPLATE.data
@@ -3,16 +3,16 @@
 # http://test.csswg.org/suites/css-images-3_dev/DATESTAMP/
 # See http://wiki.csswg.org/test/implementation-report for instructions
 testname	revision	result	comment
-html/css-image-fallbacks-and-annotations.htm	61e5b1c8b8dea458b0e528f738dabb8f3b7343be	?
-xhtml1/css-image-fallbacks-and-annotations.xht	61e5b1c8b8dea458b0e528f738dabb8f3b7343be	?
-html/css-image-fallbacks-and-annotations002.htm	7ad78b782efed86b3f34870f69e60ef556290703	?
-xhtml1/css-image-fallbacks-and-annotations002.xht	7ad78b782efed86b3f34870f69e60ef556290703	?
-html/css-image-fallbacks-and-annotations003.htm	40350ffbf2dc34b81b19a573e6578cd6604d3df2	?
-xhtml1/css-image-fallbacks-and-annotations003.xht	40350ffbf2dc34b81b19a573e6578cd6604d3df2	?
-html/css-image-fallbacks-and-annotations004.htm	6c21c2ab99d1815e0100ba55ab338965e8c0fbc1	?
-xhtml1/css-image-fallbacks-and-annotations004.xht	6c21c2ab99d1815e0100ba55ab338965e8c0fbc1	?
-html/css-image-fallbacks-and-annotations005.htm	fa3e2471dcdd0fab5a17d1c8285cfe8027b3c0a5	?
-xhtml1/css-image-fallbacks-and-annotations005.xht	fa3e2471dcdd0fab5a17d1c8285cfe8027b3c0a5	?
+html/css-image-fallbacks-and-annotations.htm	97bc6f86084bb5c60a9ccd2cee1c299c10051a6f	?
+xhtml1/css-image-fallbacks-and-annotations.xht	97bc6f86084bb5c60a9ccd2cee1c299c10051a6f	?
+html/css-image-fallbacks-and-annotations002.htm	4798f76481c017e8146197c527c6e20131dc5058	?
+xhtml1/css-image-fallbacks-and-annotations002.xht	4798f76481c017e8146197c527c6e20131dc5058	?
+html/css-image-fallbacks-and-annotations003.htm	dc6ace24f43826666e70f73407f3f9670c2a53d6	?
+xhtml1/css-image-fallbacks-and-annotations003.xht	dc6ace24f43826666e70f73407f3f9670c2a53d6	?
+html/css-image-fallbacks-and-annotations004.htm	327fb06f25b4724b050775b0a555baebdb2f9b5c	?
+xhtml1/css-image-fallbacks-and-annotations004.xht	327fb06f25b4724b050775b0a555baebdb2f9b5c	?
+html/css-image-fallbacks-and-annotations005.htm	73decf31be6ea70772b877bbc908b5863eb0f3b9	?
+xhtml1/css-image-fallbacks-and-annotations005.xht	73decf31be6ea70772b877bbc908b5863eb0f3b9	?
 html/cursor-image-005-nfs.htm	4f1a9985c6fef5ff09d3249a54ea134fee4eee3a	?
 xhtml1/cursor-image-005-nfs.xht	4f1a9985c6fef5ff09d3249a54ea134fee4eee3a	?
 html/image-fit-001.htm	868d9469f57e6013a024efa5e04ef2455d97296e	?
diff --git a/tests/wpt/css-tests/css-images-3_dev/testinfo.data b/tests/wpt/css-tests/css-images-3_dev/testinfo.data
index b6c0b7bb6f0..5e508bf9312 100644
--- a/tests/wpt/css-tests/css-images-3_dev/testinfo.data
+++ b/tests/wpt/css-tests/css-images-3_dev/testinfo.data
@@ -1,9 +1,9 @@
 id	references	title	flags	links	revision	credits	assertion
-css-image-fallbacks-and-annotations	reference/css-image-fallbacks-and-annotations-ref	CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation		http://www.w3.org/TR/css3-images/#image-notation	61e5b1c8b8dea458b0e528f738dabb8f3b7343be	`Hirokazu Egashira`<mailto:yo9ega@aol.com>	When the image doesn't load, the background color is still there to ensure that the white text is readable.
-css-image-fallbacks-and-annotations002	reference/css-image-fallbacks-and-annotations-ref	CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation		http://www.w3.org/TR/css3-images/#image-notation	7ad78b782efed86b3f34870f69e60ef556290703	`Hirokazu Egashira`<mailto:yo9ega@aol.com>	The &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; function load the image.
-css-image-fallbacks-and-annotations003	reference/css-image-fallbacks-and-annotations-ref	CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation		http://www.w3.org/TR/css3-images/#image-notation	40350ffbf2dc34b81b19a573e6578cd6604d3df2	`Hirokazu Egashira`<mailto:yo9ega@aol.com>	The rule below would tell the UA to load The first file if it can; failing that to load The second file; failing that to display The third file.
-css-image-fallbacks-and-annotations004	reference/css-image-fallbacks-and-annotations-ref	CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation		http://www.w3.org/TR/css3-images/#image-notation	6c21c2ab99d1815e0100ba55ab338965e8c0fbc1	`Hirokazu Egashira`<mailto:yo9ega@aol.com>	The rule below would tell the UA to load The first file if it can; failing that to load The second file.
-css-image-fallbacks-and-annotations005	reference/css-image-fallbacks-and-annotations-ref	CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation		http://www.w3.org/TR/css3-images/#image-notation	fa3e2471dcdd0fab5a17d1c8285cfe8027b3c0a5	`Hirokazu Egashira`<mailto:yo9ega@aol.com>	The &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color.
+css-image-fallbacks-and-annotations	reference/css-image-fallbacks-and-annotations-ref	CSS Image Fallbacks and Annotations: the 'image()' notation		http://www.w3.org/TR/css3-images/#image-notation	97bc6f86084bb5c60a9ccd2cee1c299c10051a6f	`Hirokazu Egashira`<mailto:yo9ega@aol.com>	When the image doesn't load, the background color is still there to ensure that the white text is readable.
+css-image-fallbacks-and-annotations002	reference/css-image-fallbacks-and-annotations-ref	CSS Image Fallbacks and Annotations: the 'image()' notation		http://www.w3.org/TR/css3-images/#image-notation	4798f76481c017e8146197c527c6e20131dc5058	`Hirokazu Egashira`<mailto:yo9ega@aol.com>	The 'image()' function load the image.
+css-image-fallbacks-and-annotations003	reference/css-image-fallbacks-and-annotations-ref	CSS Image Fallbacks and Annotations: the 'image()' notation		http://www.w3.org/TR/css3-images/#image-notation	dc6ace24f43826666e70f73407f3f9670c2a53d6	`Hirokazu Egashira`<mailto:yo9ega@aol.com>	The rule below would tell the UA to load The first file if it can; failing that to load The second file; failing that to display The third file.
+css-image-fallbacks-and-annotations004	reference/css-image-fallbacks-and-annotations-ref	CSS Image Fallbacks and Annotations: the 'image()' notation		http://www.w3.org/TR/css3-images/#image-notation	327fb06f25b4724b050775b0a555baebdb2f9b5c	`Hirokazu Egashira`<mailto:yo9ega@aol.com>	The rule below would tell the UA to load The first file if it can; failing that to load The second file.
+css-image-fallbacks-and-annotations005	reference/css-image-fallbacks-and-annotations-ref	CSS Image Fallbacks and Annotations: the 'image()' notation		http://www.w3.org/TR/css3-images/#image-notation	73decf31be6ea70772b877bbc908b5863eb0f3b9	`Hirokazu Egashira`<mailto:yo9ega@aol.com>	The 'image()' function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color.
 cursor-image-005-nfs		Cursor property, url value	interact,svg	http://www.w3.org/TR/css3-ui/#cursor,http://www.w3.org/TR/css3-images/#default-object-size	4f1a9985c6fef5ff09d3249a54ea134fee4eee3a	`Chris Lilley`<mailto:chris@w3.org>	Test checks that an SVG image with no fixed size is supported as a custom cursor at the default object size for cursor images.
 image-fit-001		Object Fit - initial value		http://www.w3.org/TR/css3-images/#object-fit	868d9469f57e6013a024efa5e04ef2455d97296e	`Tom Clancy`<mailto:tclancy@revenution.com>	The initial value of the 'object-fit' property is 'fill'.
 image-fit-006		Object Fit - 'fill', explicit 'height'/'width'		http://www.w3.org/TR/css3-images/#object-fit	99bc4e8d703ac43594fd3ac66be4e411c5e8c09a	`Tom Clancy`<mailto:tclancy@revenution.com>	The 'fill' value of the 'object-fit' property does not affect the usual calculation of the used 'height' and 'width. The 'fill' value of the 'image-scaling' property scales the content height and width independently so that the edges of the content just meet the edges of the box established by the used 'height' and 'width'.
diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1/chapter-3.xht
index 04fa0f11f9a..1ce003221ee 100644
--- a/tests/wpt/css-tests/css-images-3_dev/xhtml1/chapter-3.xht
+++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1/chapter-3.xht
@@ -55,7 +55,7 @@
             <a href="css-image-fallbacks-and-annotations.xht">css-image-fallbacks-and-annotations</a></strong></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td></td>
-        <td>CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation
+        <td>CSS Image Fallbacks and Annotations: the 'image()' notation
           <ul class="assert">
             <li>When the image doesn't load, the background color is still there to ensure that the white text is readable.</li>
           </ul>
@@ -66,9 +66,9 @@
             <a href="css-image-fallbacks-and-annotations002.xht">css-image-fallbacks-and-annotations002</a></strong></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td></td>
-        <td>CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation
+        <td>CSS Image Fallbacks and Annotations: the 'image()' notation
           <ul class="assert">
-            <li>The &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; function load the image.</li>
+            <li>The 'image()' function load the image.</li>
           </ul>
         </td>
       </tr>
@@ -77,7 +77,7 @@
             <a href="css-image-fallbacks-and-annotations003.xht">css-image-fallbacks-and-annotations003</a></strong></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td></td>
-        <td>CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation
+        <td>CSS Image Fallbacks and Annotations: the 'image()' notation
           <ul class="assert">
             <li>The rule below would tell the UA to load The first file if it can; failing that to load The second file; failing that to display The third file.</li>
           </ul>
@@ -88,7 +88,7 @@
             <a href="css-image-fallbacks-and-annotations004.xht">css-image-fallbacks-and-annotations004</a></strong></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td></td>
-        <td>CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation
+        <td>CSS Image Fallbacks and Annotations: the 'image()' notation
           <ul class="assert">
             <li>The rule below would tell the UA to load The first file if it can; failing that to load The second file.</li>
           </ul>
@@ -99,9 +99,9 @@
             <a href="css-image-fallbacks-and-annotations005.xht">css-image-fallbacks-and-annotations005</a></strong></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td></td>
-        <td>CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation
+        <td>CSS Image Fallbacks and Annotations: the 'image()' notation
           <ul class="assert">
-            <li>The &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color.</li>
+            <li>The 'image()' function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color.</li>
           </ul>
         </td>
       </tr>
diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations.xht
index c2ed7caa82f..6ee82c2e2ca 100644
--- a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations.xht
+++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" />
     <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" />
 	<link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" />
@@ -18,4 +18,5 @@
 <p>Test passes if background is green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations002.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations002.xht
index c54c83cb3ec..3d29d14fe9f 100644
--- a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations002.xht
+++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations002.xht
@@ -1,10 +1,10 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" />
     <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" />
 	<link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" />
-	<meta content="The ‘image()’ function load the image." name="assert" />
+	<meta content="The 'image()' function load the image." name="assert" />
     <style type="text/css">
  		.square{
  			width: 200px;
@@ -19,4 +19,5 @@
 <p>Test passes if background is green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations003.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations003.xht
index 49efb04d5d5..6c70061b04b 100644
--- a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations003.xht
+++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations003.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" />
     <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" />
 	<link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" />
@@ -18,4 +18,5 @@
 <p>Test passes if background is green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations004.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations004.xht
index 9cf26fc5ed4..baef79efea0 100644
--- a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations004.xht
+++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations004.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" />
     <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" />
 	<link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" />
@@ -18,4 +18,5 @@
 <p>Test passes if background is green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations005.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations005.xht
index 9992ddc8d1d..a3af187d314 100644
--- a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations005.xht
+++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations005.xht
@@ -1,10 +1,10 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" />
     <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" />
 	<link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" />
-	<meta content="The ‘image()’ function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color." name="assert" />
+	<meta content="The 'image()' function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color." name="assert" />
     <style type="text/css">
  		.square{
  			width: 200px;
@@ -18,4 +18,5 @@
 <p>Test passes if background is pale green and no green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1/reference/css-image-fallbacks-and-annotations-ref.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1/reference/css-image-fallbacks-and-annotations-ref.xht
index 2c4aea4a14a..b7c5218c3bb 100644
--- a/tests/wpt/css-tests/css-images-3_dev/xhtml1/reference/css-image-fallbacks-and-annotations-ref.xht
+++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1/reference/css-image-fallbacks-and-annotations-ref.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" />
     <style type="text/css">
  		.square{
@@ -14,4 +14,5 @@
 <p>Test passes if background is green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1/reftest-toc.xht
index 83ce5941477..83482381e6b 100644
--- a/tests/wpt/css-tests/css-images-3_dev/xhtml1/reftest-toc.xht
+++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1/reftest-toc.xht
@@ -26,7 +26,7 @@
     </thead>
     <tbody id="css-image-fallbacks-and-annotations" class="">
       <tr>
-        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation">
+        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation">
           <a href="css-image-fallbacks-and-annotations.xht">css-image-fallbacks-and-annotations</a></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td rowspan="1"></td>
@@ -34,7 +34,7 @@
     </tbody>
     <tbody id="css-image-fallbacks-and-annotations002" class="">
       <tr>
-        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation">
+        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation">
           <a href="css-image-fallbacks-and-annotations002.xht">css-image-fallbacks-and-annotations002</a></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td rowspan="1"></td>
@@ -42,7 +42,7 @@
     </tbody>
     <tbody id="css-image-fallbacks-and-annotations003" class="">
       <tr>
-        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation">
+        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation">
           <a href="css-image-fallbacks-and-annotations003.xht">css-image-fallbacks-and-annotations003</a></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td rowspan="1"></td>
@@ -50,7 +50,7 @@
     </tbody>
     <tbody id="css-image-fallbacks-and-annotations004" class="">
       <tr>
-        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation">
+        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation">
           <a href="css-image-fallbacks-and-annotations004.xht">css-image-fallbacks-and-annotations004</a></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td rowspan="1"></td>
@@ -58,7 +58,7 @@
     </tbody>
     <tbody id="css-image-fallbacks-and-annotations005" class="">
       <tr>
-        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation">
+        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation">
           <a href="css-image-fallbacks-and-annotations005.xht">css-image-fallbacks-and-annotations005</a></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td rowspan="1"></td>
diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/chapter-3.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/chapter-3.xht
index 04fa0f11f9a..1ce003221ee 100644
--- a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/chapter-3.xht
+++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/chapter-3.xht
@@ -55,7 +55,7 @@
             <a href="css-image-fallbacks-and-annotations.xht">css-image-fallbacks-and-annotations</a></strong></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td></td>
-        <td>CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation
+        <td>CSS Image Fallbacks and Annotations: the 'image()' notation
           <ul class="assert">
             <li>When the image doesn't load, the background color is still there to ensure that the white text is readable.</li>
           </ul>
@@ -66,9 +66,9 @@
             <a href="css-image-fallbacks-and-annotations002.xht">css-image-fallbacks-and-annotations002</a></strong></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td></td>
-        <td>CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation
+        <td>CSS Image Fallbacks and Annotations: the 'image()' notation
           <ul class="assert">
-            <li>The &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; function load the image.</li>
+            <li>The 'image()' function load the image.</li>
           </ul>
         </td>
       </tr>
@@ -77,7 +77,7 @@
             <a href="css-image-fallbacks-and-annotations003.xht">css-image-fallbacks-and-annotations003</a></strong></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td></td>
-        <td>CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation
+        <td>CSS Image Fallbacks and Annotations: the 'image()' notation
           <ul class="assert">
             <li>The rule below would tell the UA to load The first file if it can; failing that to load The second file; failing that to display The third file.</li>
           </ul>
@@ -88,7 +88,7 @@
             <a href="css-image-fallbacks-and-annotations004.xht">css-image-fallbacks-and-annotations004</a></strong></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td></td>
-        <td>CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation
+        <td>CSS Image Fallbacks and Annotations: the 'image()' notation
           <ul class="assert">
             <li>The rule below would tell the UA to load The first file if it can; failing that to load The second file.</li>
           </ul>
@@ -99,9 +99,9 @@
             <a href="css-image-fallbacks-and-annotations005.xht">css-image-fallbacks-and-annotations005</a></strong></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td></td>
-        <td>CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation
+        <td>CSS Image Fallbacks and Annotations: the 'image()' notation
           <ul class="assert">
-            <li>The &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color.</li>
+            <li>The 'image()' function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color.</li>
           </ul>
         </td>
       </tr>
diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations.xht
index c2ed7caa82f..6ee82c2e2ca 100644
--- a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations.xht
+++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" />
     <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" />
 	<link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" />
@@ -18,4 +18,5 @@
 <p>Test passes if background is green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations002.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations002.xht
index c54c83cb3ec..3d29d14fe9f 100644
--- a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations002.xht
+++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations002.xht
@@ -1,10 +1,10 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" />
     <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" />
 	<link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" />
-	<meta content="The ‘image()’ function load the image." name="assert" />
+	<meta content="The 'image()' function load the image." name="assert" />
     <style type="text/css">
  		.square{
  			width: 200px;
@@ -19,4 +19,5 @@
 <p>Test passes if background is green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations003.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations003.xht
index 49efb04d5d5..6c70061b04b 100644
--- a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations003.xht
+++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations003.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" />
     <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" />
 	<link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" />
@@ -18,4 +18,5 @@
 <p>Test passes if background is green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations004.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations004.xht
index 9cf26fc5ed4..baef79efea0 100644
--- a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations004.xht
+++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations004.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" />
     <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" />
 	<link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" />
@@ -18,4 +18,5 @@
 <p>Test passes if background is green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations005.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations005.xht
index 9992ddc8d1d..a3af187d314 100644
--- a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations005.xht
+++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations005.xht
@@ -1,10 +1,10 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" />
     <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" />
 	<link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" />
-	<meta content="The ‘image()’ function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color." name="assert" />
+	<meta content="The 'image()' function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color." name="assert" />
     <style type="text/css">
  		.square{
  			width: 200px;
@@ -18,4 +18,5 @@
 <p>Test passes if background is pale green and no green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/reference/css-image-fallbacks-and-annotations-ref.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/reference/css-image-fallbacks-and-annotations-ref.xht
index 2c4aea4a14a..b7c5218c3bb 100644
--- a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/reference/css-image-fallbacks-and-annotations-ref.xht
+++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/reference/css-image-fallbacks-and-annotations-ref.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-    <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title>
+    <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
     <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" />
     <style type="text/css">
  		.square{
@@ -14,4 +14,5 @@
 <p>Test passes if background is green and no red.</p>
 <div class="square"></div>
 
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/reftest-toc.xht
index 83ce5941477..83482381e6b 100644
--- a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/reftest-toc.xht
+++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/reftest-toc.xht
@@ -26,7 +26,7 @@
     </thead>
     <tbody id="css-image-fallbacks-and-annotations" class="">
       <tr>
-        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation">
+        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation">
           <a href="css-image-fallbacks-and-annotations.xht">css-image-fallbacks-and-annotations</a></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td rowspan="1"></td>
@@ -34,7 +34,7 @@
     </tbody>
     <tbody id="css-image-fallbacks-and-annotations002" class="">
       <tr>
-        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation">
+        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation">
           <a href="css-image-fallbacks-and-annotations002.xht">css-image-fallbacks-and-annotations002</a></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td rowspan="1"></td>
@@ -42,7 +42,7 @@
     </tbody>
     <tbody id="css-image-fallbacks-and-annotations003" class="">
       <tr>
-        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation">
+        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation">
           <a href="css-image-fallbacks-and-annotations003.xht">css-image-fallbacks-and-annotations003</a></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td rowspan="1"></td>
@@ -50,7 +50,7 @@
     </tbody>
     <tbody id="css-image-fallbacks-and-annotations004" class="">
       <tr>
-        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation">
+        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation">
           <a href="css-image-fallbacks-and-annotations004.xht">css-image-fallbacks-and-annotations004</a></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td rowspan="1"></td>
@@ -58,7 +58,7 @@
     </tbody>
     <tbody id="css-image-fallbacks-and-annotations005" class="">
       <tr>
-        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &amp;acirc;&amp;#8364;&amp;#732;image()&amp;acirc;&amp;#8364;&amp;#8482; notation">
+        <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation">
           <a href="css-image-fallbacks-and-annotations005.xht">css-image-fallbacks-and-annotations005</a></td>
         <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td>
         <td rowspan="1"></td>
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-001.htm
index 53b5834f327..236dbf4c4a6 100644
--- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-001.htm
+++ b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-001.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><!-- Submitted from TestTWF Paris --><head>
+	<meta charset="utf-8">
 	<title>CSS Test: Multi-column element via columns: [integer]</title>
 	<link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann">
 	<link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie">
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-002.htm
index 47d767e4e7b..82de1626b76 100644
--- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-002.htm
+++ b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-002.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><!-- Submitted from TestTWF Paris --><head>
+	<meta charset="utf-8">
 	<title>CSS Test: Multi-column element via column-count: [integer]</title>
 	<link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann">
 	<link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie">
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-003.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-003.htm
index 8cf46e9ba51..1dde29a58d2 100644
--- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-003.htm
+++ b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-003.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><!-- Submitted from TestTWF Paris --><head>
+	<meta charset="utf-8">
 	<title>CSS Test: Multi-column element via columns: [width]</title>
 	<link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann">
 	<link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie">
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-004.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-004.htm
index a443371edb0..ee3bd311e53 100644
--- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-004.htm
+++ b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-004.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><!-- Submitted from TestTWF Paris --><head>
+	<meta charset="utf-8">
 	<title>CSS Test: Multi-column element via column-width: [width]</title>
 	<link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann">
 	<link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie">
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-multicol-1_dev/implementation-report-TEMPLATE.data
index a6f8af26194..f317107f1f1 100644
--- a/tests/wpt/css-tests/css-multicol-1_dev/implementation-report-TEMPLATE.data
+++ b/tests/wpt/css-tests/css-multicol-1_dev/implementation-report-TEMPLATE.data
@@ -9,14 +9,14 @@ html4/grid-inline-multicol-001.htm	40b1c5d5aa0df0497e38f2cfbaba0f4e4bcc963f	?
 xhtml1/grid-inline-multicol-001.xht	40b1c5d5aa0df0497e38f2cfbaba0f4e4bcc963f	?
 html4/grid-multicol-001.htm	521dbe45e2022be1140904fe6d2513370d6bfef3	?
 xhtml1/grid-multicol-001.xht	521dbe45e2022be1140904fe6d2513370d6bfef3	?
-html4/multicol-basic-001.htm	c4ece1b380b07334fb5a47bb1b48b7deb795696f	?
-xhtml1/multicol-basic-001.xht	c4ece1b380b07334fb5a47bb1b48b7deb795696f	?
-html4/multicol-basic-002.htm	d6a13af70f1cd2d552dfbcf706026fc02f34dde6	?
-xhtml1/multicol-basic-002.xht	d6a13af70f1cd2d552dfbcf706026fc02f34dde6	?
-html4/multicol-basic-003.htm	5965c6dcb3f02a3f70c2d38760d7338d3e9dbaaa	?
-xhtml1/multicol-basic-003.xht	5965c6dcb3f02a3f70c2d38760d7338d3e9dbaaa	?
-html4/multicol-basic-004.htm	6458340632e3e0ff7b7cd63a15900a4a156dfb1e	?
-xhtml1/multicol-basic-004.xht	6458340632e3e0ff7b7cd63a15900a4a156dfb1e	?
+html4/multicol-basic-001.htm	5458f4fa256e95de755394c913337d1bfac95d80	?
+xhtml1/multicol-basic-001.xht	5458f4fa256e95de755394c913337d1bfac95d80	?
+html4/multicol-basic-002.htm	694df26edc09e5862b315becd1b9d50e90f066ae	?
+xhtml1/multicol-basic-002.xht	694df26edc09e5862b315becd1b9d50e90f066ae	?
+html4/multicol-basic-003.htm	92763f88df79e2b67d703d898e8d28719a55161f	?
+xhtml1/multicol-basic-003.xht	92763f88df79e2b67d703d898e8d28719a55161f	?
+html4/multicol-basic-004.htm	4618e058a30f841754c755ea8b5dd3db9549ea0a	?
+xhtml1/multicol-basic-004.xht	4618e058a30f841754c755ea8b5dd3db9549ea0a	?
 html4/multicol-block-clip-001.htm	d9f4f9a43a51c39e53f4c08c3dcb347f47e62037	?
 xhtml1/multicol-block-clip-001.xht	d9f4f9a43a51c39e53f4c08c3dcb347f47e62037	?
 html4/multicol-block-clip-002.htm	adabf2644b1b7e26242da05dcd86f876a48af15e	?
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/index.htm b/tests/wpt/css-tests/css-multicol-1_dev/index.htm
index 0f657dab36a..035c1c7d91e 100644
--- a/tests/wpt/css-tests/css-multicol-1_dev/index.htm
+++ b/tests/wpt/css-tests/css-multicol-1_dev/index.htm
@@ -134,7 +134,7 @@
     <li>Anselm Hannemann</li>
     <li>Elika J. Etemad</li>
     <li>G&eacute;rard Talbot</li>
-    <li>H&Atilde;&yen;kon Wium Lie</li>
+    <li>H&aring;kon Wium Lie</li>
     <li>Hakon Wium Lie</li>
     <li>howcome@opera.com</li>
     <li>Manuel Rego Casasnovas</li>
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/index.xht b/tests/wpt/css-tests/css-multicol-1_dev/index.xht
index 9af8a024bc9..d085b9773a3 100644
--- a/tests/wpt/css-tests/css-multicol-1_dev/index.xht
+++ b/tests/wpt/css-tests/css-multicol-1_dev/index.xht
@@ -134,7 +134,7 @@
     <li>Anselm Hannemann</li>
     <li>Elika J. Etemad</li>
     <li>G&eacute;rard Talbot</li>
-    <li>H&Atilde;&yen;kon Wium Lie</li>
+    <li>H&aring;kon Wium Lie</li>
     <li>Hakon Wium Lie</li>
     <li>howcome@opera.com</li>
     <li>Manuel Rego Casasnovas</li>
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/testinfo.data b/tests/wpt/css-tests/css-multicol-1_dev/testinfo.data
index 57c0e64b7b7..b7bb97e634a 100644
--- a/tests/wpt/css-tests/css-multicol-1_dev/testinfo.data
+++ b/tests/wpt/css-tests/css-multicol-1_dev/testinfo.data
@@ -2,10 +2,10 @@ id	references	title	flags	links	revision	credits	assertion
 break-before-always-001		'break-before: always' and paginated multi-column elements	page	http://www.w3.org/TR/css3-multicol/#break-before-break-after-break-inside	72a4a1eec3cbec490943a8993258bb32a5285250	`Elika J. Etemad`<http://fantasai.inkedblade.net/contact>	A forced break of type 'always' will break through both the multi-column context and the pagination context.
 grid-inline-multicol-001	reference/ref-filled-green-100px-square	'column-*' properties from inline grid container does not apply to grid items		http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns	40b1c5d5aa0df0497e38f2cfbaba0f4e4bcc963f	`Manuel Rego Casasnovas`<mailto:rego@igalia.com>	This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container.
 grid-multicol-001	reference/ref-filled-green-100px-square	'column-*' properties from grid container does not apply to grid items		http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns	521dbe45e2022be1140904fe6d2513370d6bfef3	`Manuel Rego Casasnovas`<mailto:rego@igalia.com>	This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.
-multicol-basic-001	reference/multicol-basic-ref	Multi-column element via columns: [integer]	ahem	http://www.w3.org/TR/css3-multicol/#columns	c4ece1b380b07334fb5a47bb1b48b7deb795696f	`Anselm Hannemann`<mailto:info@anselm-hannemann.com>,`H&Atilde;&yen;kon Wium Lie`<mailto:howcome@opera.com>	
-multicol-basic-002	reference/multicol-basic-ref	Multi-column element via column-count: [integer]	ahem	http://www.w3.org/TR/css3-multicol/#columns	d6a13af70f1cd2d552dfbcf706026fc02f34dde6	`Anselm Hannemann`<mailto:info@anselm-hannemann.com>,`H&Atilde;&yen;kon Wium Lie`<mailto:howcome@opera.com>	
-multicol-basic-003	reference/multicol-basic-ref	Multi-column element via columns: [width]	ahem	http://www.w3.org/TR/css3-multicol/#columns	5965c6dcb3f02a3f70c2d38760d7338d3e9dbaaa	`Anselm Hannemann`<mailto:info@anselm-hannemann.com>,`H&Atilde;&yen;kon Wium Lie`<mailto:howcome@opera.com>	
-multicol-basic-004	reference/multicol-basic-ref	Multi-column element via column-width: [width]	ahem	http://www.w3.org/TR/css3-multicol/#columns	6458340632e3e0ff7b7cd63a15900a4a156dfb1e	`Anselm Hannemann`<mailto:info@anselm-hannemann.com>,`H&Atilde;&yen;kon Wium Lie`<mailto:howcome@opera.com>	
+multicol-basic-001	reference/multicol-basic-ref	Multi-column element via columns: [integer]	ahem	http://www.w3.org/TR/css3-multicol/#columns	5458f4fa256e95de755394c913337d1bfac95d80	`Anselm Hannemann`<mailto:info@anselm-hannemann.com>,`H&aring;kon Wium Lie`<mailto:howcome@opera.com>	
+multicol-basic-002	reference/multicol-basic-ref	Multi-column element via column-count: [integer]	ahem	http://www.w3.org/TR/css3-multicol/#columns	694df26edc09e5862b315becd1b9d50e90f066ae	`Anselm Hannemann`<mailto:info@anselm-hannemann.com>,`H&aring;kon Wium Lie`<mailto:howcome@opera.com>	
+multicol-basic-003	reference/multicol-basic-ref	Multi-column element via columns: [width]	ahem	http://www.w3.org/TR/css3-multicol/#columns	92763f88df79e2b67d703d898e8d28719a55161f	`Anselm Hannemann`<mailto:info@anselm-hannemann.com>,`H&aring;kon Wium Lie`<mailto:howcome@opera.com>	
+multicol-basic-004	reference/multicol-basic-ref	Multi-column element via column-width: [width]	ahem	http://www.w3.org/TR/css3-multicol/#columns	4618e058a30f841754c755ea8b5dd3db9549ea0a	`Anselm Hannemann`<mailto:info@anselm-hannemann.com>,`H&aring;kon Wium Lie`<mailto:howcome@opera.com>	
 multicol-block-clip-001	reference/multicol-block-clip-001-ref	Overflowed content inside multicol element	ahem	http://www.w3.org/TR/css3-multicol/#overflow-inside-multicol-elements	d9f4f9a43a51c39e53f4c08c3dcb347f47e62037	`Opera Software ASA`<http://www.opera.com/>	This test checks that content in the normal flow that extends into column gaps is clipped in the middle of the column gap.
 multicol-block-clip-002	reference/multicol-block-clip-002-ref	Overflowed content inside and outside multicol element	ahem	http://www.w3.org/TR/css3-multicol/#overflow-inside-multicol-elements	adabf2644b1b7e26242da05dcd86f876a48af15e	`Opera Software ASA`<http://www.opera.com/>	This test checks that content in the normal flow that extends into column gaps is clipped in the middle of the column gap.
 multicol-br-inside-avoidcolumn-001	reference/multicol-br-inside-avoidcolumn-ref	multicol | break-inside: avoid-column		http://www.w3.org/TR/css3-multicol/#column-breaks	4899166fcb144f1765c84422e0642e035894fee4	`Opera Software ASA`<http://www.opera.com/>	
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-001.xht b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-001.xht
index 3880306300d..b22143ce6df 100644
--- a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-001.xht
+++ b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-001.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head>
+	<meta charset="utf-8" />
 	<title>CSS Test: Multi-column element via columns: [integer]</title>
 	<link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann" />
 	<link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie" />
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-002.xht b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-002.xht
index 36c537faef6..2ab9654b2b2 100644
--- a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-002.xht
+++ b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-002.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head>
+	<meta charset="utf-8" />
 	<title>CSS Test: Multi-column element via column-count: [integer]</title>
 	<link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann" />
 	<link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie" />
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-003.xht b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-003.xht
index 3de7f5bbfcc..72eda989254 100644
--- a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-003.xht
+++ b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-003.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head>
+	<meta charset="utf-8" />
 	<title>CSS Test: Multi-column element via columns: [width]</title>
 	<link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann" />
 	<link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie" />
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-004.xht b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-004.xht
index 1c390be2a5e..0c192275a04 100644
--- a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-004.xht
+++ b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-004.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head>
+	<meta charset="utf-8" />
 	<title>CSS Test: Multi-column element via column-width: [width]</title>
 	<link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann" />
 	<link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie" />
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-001.xht b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-001.xht
index 3880306300d..b22143ce6df 100644
--- a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-001.xht
+++ b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-001.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head>
+	<meta charset="utf-8" />
 	<title>CSS Test: Multi-column element via columns: [integer]</title>
 	<link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann" />
 	<link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie" />
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-002.xht b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-002.xht
index 36c537faef6..2ab9654b2b2 100644
--- a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-002.xht
+++ b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-002.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head>
+	<meta charset="utf-8" />
 	<title>CSS Test: Multi-column element via column-count: [integer]</title>
 	<link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann" />
 	<link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie" />
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-003.xht b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-003.xht
index 3de7f5bbfcc..72eda989254 100644
--- a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-003.xht
+++ b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-003.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head>
+	<meta charset="utf-8" />
 	<title>CSS Test: Multi-column element via columns: [width]</title>
 	<link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann" />
 	<link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie" />
diff --git a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-004.xht b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-004.xht
index 1c390be2a5e..0c192275a04 100644
--- a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-004.xht
+++ b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-004.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head>
+	<meta charset="utf-8" />
 	<title>CSS Test: Multi-column element via column-width: [width]</title>
 	<link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann" />
 	<link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie" />
diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-001.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-001.htm
index 5895f6b3273..dbeefe53cc8 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-001.htm
+++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-001.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Regions: named flow content has contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@@ -35,8 +36,8 @@
 		<ol>
 			<li>Below you should see a square with a black border with some text inside it. No red
 				should be visible at any time during this test.</li>
-			<li>Click between the two colored markers (green and blue) and type �<strong>foobar
-				bazquux</strong>�</li>
+			<li>Click between the two colored markers (green and blue) and type “<strong>foobar
+				bazquux</strong>”</li>
 			<li>Test passes if the text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border.</li>
 		</ol>
@@ -53,4 +54,5 @@
 		insertText("#marked", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-002.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-002.htm
index af4c02d9110..fe7f1bfe11e 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-002.htm
+++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-002.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Regions: named flow content has a child with contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@@ -36,13 +37,13 @@
 		<ol>
 			<li>Below you should see a square with a black border with some text inside it. No red
 				should be visible at any time during this test.</li>
-			<li>Click between the two gray markers and type �<strong>foobar bazquux</strong>�
+			<li>Click between the two gray markers and type “<strong>foobar bazquux</strong>”
 				<ul>
 					<li>No (new) text should appear between the gray markers</li>
 				</ul>
 			</li>
-			<li>Click between the two colored markers (green and blue) and type �<strong>foobar
-				bazquux</strong>�
+			<li>Click between the two colored markers (green and blue) and type “<strong>foobar
+				bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
@@ -68,4 +69,5 @@
 		insertText("#marked-active", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-003.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-003.htm
index 68d1b8469d0..1d9038b3043 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-003.htm
+++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-003.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Regions: named flow content is child of an element that has contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@@ -45,14 +46,14 @@
 				it a rectangle with a black border with some text inside it. No red should be visible
 				at any time during this test.</li>
 			<li>Click between the two colored markers (green and blue) inside the blue rectangle and
-				type �<strong>foobar bazquux</strong>�
+				type “<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the blue border</li>
 				</ul>
 			</li>
 			<li>Click between the two colored markers (green and blue) inside the black rectangle and
-				type �<strong>foobar bazquux</strong>�
+				type “<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
@@ -81,4 +82,5 @@
 		insertText("#marked-in", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-004.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-004.htm
index 036df8d34ca..ad9e6059294 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-004.htm
+++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-004.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Regions: element has contentEditable attribute set and both it and a child of it are
 			flowed in a the same region</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
@@ -40,14 +41,14 @@
 			<li>Below you should see a rectangle with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
 			<li>Click between the first pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
 				</ul>
 			</li>
 			<li>Click between the second pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
@@ -75,4 +76,5 @@
 		insertText("#marked-child", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-005.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-005.htm
index ad3cc94a9f6..b7dee63b788 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-005.htm
+++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-005.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Regions: named flow content has contentEditable attribute set and is fragmented</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@@ -39,14 +40,14 @@
 			<li>Below you should see a rectangle with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
 			<li>Click between the first pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
 				</ul>
 			</li>
 			<li>Click between the second pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
@@ -73,4 +74,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-006.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-006.htm
index bfc4e68c38b..4a9987bc189 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-006.htm
+++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-006.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Regions: named flow content has contentEditable attribute set and is flowed in an
 			auto-height region</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
@@ -42,14 +43,14 @@
 			<li>Below you should see a rectangle with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
 			<li>Click between the first pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
 				</ul>
 			</li>
 			<li>Click between the second pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
@@ -73,4 +74,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-007.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-007.htm
index 51a061f782d..c25526ad135 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-007.htm
+++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-007.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Regions: named flow content has contentEditable attribute set and children of it get
 			flowed in a region dynamically</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
@@ -42,13 +43,13 @@
 				The blue rectangle should have one block of text inside it and the black rectangle
 				should have two blocks of text inside it. No red should be visible at any time during
 				this test.</li>
-			<li>Double click on the word �editable� in the blue rectangle and type
-				�foobar bazquux�.
+			<li>Double click on the word “editable” in the blue rectangle and type
+				“foobar bazquux”.
 				<ul>
-				 	<li>The word �editable� should be replaced with �foobar bazquux�.</li>
+				 	<li>The word “editable” should be replaced with “foobar bazquux”.</li>
 				 </ul>
 			</li>
-			<li>Repeat the steps above, but for the two occurrences of the word �editable�
+			<li>Repeat the steps above, but for the two occurrences of the word “editable”
 				in the black rectangle. The expected results are the same as for the previous step.
 			</li>
 		</ol>
@@ -83,4 +84,5 @@
 		})
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-008.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-008.htm
index 8d12eeb7cd3..67747dc564b 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-008.htm
+++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-008.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Regions: region element has contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@@ -38,8 +39,8 @@
 		<ol>
 			<li>Below you should see a square with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
-			<li>Click between the green and blue colored markers and type �<strong>foobar
-				bazquux</strong>�
+			<li>Click between the green and blue colored markers and type “<strong>foobar
+				bazquux</strong>”
 				<ul>
 					<li>The text should not be editable.</li>
 				</ul>
@@ -61,4 +62,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script> 
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-009.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-009.htm
index 94f6fad0f46..78076eaa78d 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-009.htm
+++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-009.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Regions: region element has child with contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@@ -38,8 +39,8 @@
 		<ol>
 			<li>Below you should see a square with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
-			<li>Click between the green and blue colored markers and type �<strong>foobar
-				bazquux</strong>�
+			<li>Click between the green and blue colored markers and type “<strong>foobar
+				bazquux</strong>”
 				<ul>
 					<li>The text should not be editable.</li>
 				</ul>
@@ -62,4 +63,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script> 
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-010.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-010.htm
index 3209af8c39e..ffa38c9c0e5 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-010.htm
+++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-010.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Regions: auto-size region with contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@@ -36,8 +37,8 @@
 		<ol>
 			<li>Below you should see a rectangle with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
-			<li>Click between the green and blue colored markers and type �<strong>foobar
-				bazquux</strong>�
+			<li>Click between the green and blue colored markers and type “<strong>foobar
+				bazquux</strong>”
 				<ul>
 					<li>The text should not be editable.</li>
 				</ul>
@@ -60,4 +61,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script> 
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-011.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-011.htm
index 74c3aeba532..267950748f9 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-011.htm
+++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-011.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Regions: both named flow content and region element have contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@@ -39,10 +40,10 @@
 		<ol>
 			<li>Below you should see a square with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
-			<li>Double click the �<strong>editable</strong>� word between the green and
-				blue colored markers and type �<strong>foobar bazquux</strong>�
+			<li>Double click the “<strong>editable</strong>” word between the green and
+				blue colored markers and type “<strong>foobar bazquux</strong>”
 				<ul>
-					<li>The word �editable� should be replaced with �foobar bazquux�.</li>
+					<li>The word “editable” should be replaced with “foobar bazquux”.</li>
 				</ul>
 			</li>
 		</ol>
@@ -62,4 +63,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script> 
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-012.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-012.htm
index 096403ff5ec..a0f4c40e707 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-012.htm
+++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-012.htm
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html><head>
+		<meta charset="utf-8">
 		<title>CSS Regions: regions are children of an element with the contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@@ -48,12 +49,12 @@
 			<li>No red should be visible at any time during this test.</li>
 			<li>Below you should see a rectangle with a black border.</li>
 			<li>Inside the rectangle you should see a green square with a black border, between two
-				�+� signs on blue background.</li>
-			<li>Click and drag from one �+� to the other and copy the selection either
+				“+” signs on blue background.</li>
+			<li>Click and drag from one “+” to the other and copy the selection either
 				via keyboard shortcut (usually <code>Ctrl+C</code> on Windows and Linux
 				and <code>Cmd+C</code> on Mac OS) or menu/context menu.</li>
 			<li>
-				Click after the last �+� sign and paste the previously selected content
+				Click after the last “+” sign and paste the previously selected content
 				either via keyboard shortcut (usually <code>Ctrl+V</code> on Windows and Linux and
 				<code>Cmd+V</code> on Mac OS) or menu/context menu.
 				<ul>
@@ -77,4 +78,5 @@
 		<script src="support/helpers.js"></script>
 		
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-regions-1_dev/implementation-report-TEMPLATE.data
index 0deda7aaf00..3cf35e610a1 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/implementation-report-TEMPLATE.data
+++ b/tests/wpt/css-tests/css-regions-1_dev/implementation-report-TEMPLATE.data
@@ -53,30 +53,30 @@ html/content-node-layers-004.htm	7ec669bb16c4aa15b34494afbcf69c73bb8a1e58	?
 xhtml1/content-node-layers-004.xht	7ec669bb16c4aa15b34494afbcf69c73bb8a1e58	?
 html/content-node-layers-005.htm	3af813d9d2f2d7fa8854731b580baf5017822243	?
 xhtml1/content-node-layers-005.xht	3af813d9d2f2d7fa8854731b580baf5017822243	?
-html/contenteditable-001.htm	80d09bca81ff314fc2eb514bb194fd98b33a5fb4	?
-xhtml1/contenteditable-001.xht	80d09bca81ff314fc2eb514bb194fd98b33a5fb4	?
-html/contenteditable-002.htm	1f08aff3fa492bae6aa61bb9092cc8530a833ae9	?
-xhtml1/contenteditable-002.xht	1f08aff3fa492bae6aa61bb9092cc8530a833ae9	?
-html/contenteditable-003.htm	e07e346f7d2d1219fb30b8bbea541e07d67a02d9	?
-xhtml1/contenteditable-003.xht	e07e346f7d2d1219fb30b8bbea541e07d67a02d9	?
-html/contenteditable-004.htm	7705ca11671938413b89a08614aad2f4d1fe1d9a	?
-xhtml1/contenteditable-004.xht	7705ca11671938413b89a08614aad2f4d1fe1d9a	?
-html/contenteditable-005.htm	a5cf536956497b6b6decc93f4154f3b886268013	?
-xhtml1/contenteditable-005.xht	a5cf536956497b6b6decc93f4154f3b886268013	?
-html/contenteditable-006.htm	05dfffa184fa3b9fed8472bb0a8c26e6447f830b	?
-xhtml1/contenteditable-006.xht	05dfffa184fa3b9fed8472bb0a8c26e6447f830b	?
-html/contenteditable-007.htm	750b1447b802c1b2ba0da7225cb0eaf681dc2a48	?
-xhtml1/contenteditable-007.xht	750b1447b802c1b2ba0da7225cb0eaf681dc2a48	?
-html/contenteditable-008.htm	dd5025106fe7d80b8dae2cf824a3a9848c530527	?
-xhtml1/contenteditable-008.xht	dd5025106fe7d80b8dae2cf824a3a9848c530527	?
-html/contenteditable-009.htm	747467e7bead28a41dfaab043590f864ba888704	?
-xhtml1/contenteditable-009.xht	747467e7bead28a41dfaab043590f864ba888704	?
-html/contenteditable-010.htm	adedecc9ec6eb057525a384340a490e6ccc30c1c	?
-xhtml1/contenteditable-010.xht	adedecc9ec6eb057525a384340a490e6ccc30c1c	?
-html/contenteditable-011.htm	dbb41ae033ed308fc6d6594445c7708bb20ee805	?
-xhtml1/contenteditable-011.xht	dbb41ae033ed308fc6d6594445c7708bb20ee805	?
-html/contenteditable-012.htm	ee24f955dcd571da390937136882fbf6ea77c3ce	?
-xhtml1/contenteditable-012.xht	ee24f955dcd571da390937136882fbf6ea77c3ce	?
+html/contenteditable-001.htm	64e6147767bb277555fc7eecc1ab63be90f070bc	?
+xhtml1/contenteditable-001.xht	64e6147767bb277555fc7eecc1ab63be90f070bc	?
+html/contenteditable-002.htm	ed443ab1960fa000bb0585813547013e9967e18c	?
+xhtml1/contenteditable-002.xht	ed443ab1960fa000bb0585813547013e9967e18c	?
+html/contenteditable-003.htm	ccf0d7104cca76681840d6dda30da3a109651357	?
+xhtml1/contenteditable-003.xht	ccf0d7104cca76681840d6dda30da3a109651357	?
+html/contenteditable-004.htm	5be705d9ee34c4d3b659867aa63f8764805f53f2	?
+xhtml1/contenteditable-004.xht	5be705d9ee34c4d3b659867aa63f8764805f53f2	?
+html/contenteditable-005.htm	b88ee71dd61a955ddb476d6594a9477762386f9c	?
+xhtml1/contenteditable-005.xht	b88ee71dd61a955ddb476d6594a9477762386f9c	?
+html/contenteditable-006.htm	681dfa1f2703a3e34771738792130df945747155	?
+xhtml1/contenteditable-006.xht	681dfa1f2703a3e34771738792130df945747155	?
+html/contenteditable-007.htm	34991725c5fb4320b971adcb819e478b3a5e8862	?
+xhtml1/contenteditable-007.xht	34991725c5fb4320b971adcb819e478b3a5e8862	?
+html/contenteditable-008.htm	8dd4ab128ebffbfae030b6f34325ddf3e43f6423	?
+xhtml1/contenteditable-008.xht	8dd4ab128ebffbfae030b6f34325ddf3e43f6423	?
+html/contenteditable-009.htm	d2c1b085901057791b0a54757273fc4fc2e95d17	?
+xhtml1/contenteditable-009.xht	d2c1b085901057791b0a54757273fc4fc2e95d17	?
+html/contenteditable-010.htm	52d1bdff70f7f326fc82244f7685c6e65da01fe9	?
+xhtml1/contenteditable-010.xht	52d1bdff70f7f326fc82244f7685c6e65da01fe9	?
+html/contenteditable-011.htm	568443662331f4452afd5f048bea7f61be07d112	?
+xhtml1/contenteditable-011.xht	568443662331f4452afd5f048bea7f61be07d112	?
+html/contenteditable-012.htm	a4961c1c7995932afe69128d1c949ecd45713092	?
+xhtml1/contenteditable-012.xht	a4961c1c7995932afe69128d1c949ecd45713092	?
 html/css-cursor-001.htm	9385714463bef8d95d03142b6799df42bdffb04e	?
 xhtml1/css-cursor-001.xht	9385714463bef8d95d03142b6799df42bdffb04e	?
 html/css-cursor-002.htm	f83131bbfcbddf24daf7160bc4a6de866fb2c22f	?
diff --git a/tests/wpt/css-tests/css-regions-1_dev/testinfo.data b/tests/wpt/css-tests/css-regions-1_dev/testinfo.data
index 2cbef79d675..25d96fc318c 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/testinfo.data
+++ b/tests/wpt/css-tests/css-regions-1_dev/testinfo.data
@@ -24,18 +24,18 @@ content-node-layers-002	reference/content-node-layers-002-ref	flowing content wi
 content-node-layers-003	reference/content-node-layers-003-ref	flowing content that's relatively positioned and get fragmented	ahem	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from	fdccf565d85bbb4a8f6da6468ba9542447b56ff7	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that content that's relatively positioned gets properly fragmented between regions.
 content-node-layers-004	reference/content-node-layers-004-ref	flowing content with opacity < 1 and opacity = 1 in region	ahem	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from	7ec669bb16c4aa15b34494afbcf69c73bb8a1e58	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that content nodes with mixed opacity < 1 and opacity = 1 is correctly flowed into regions. This might fail on implementations that use layers for compositing but don't properly handle content flowing.
 content-node-layers-005	reference/content-node-layers-005-ref	flowing content with position: absolute and clip	ahem	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from	3af813d9d2f2d7fa8854731b580baf5017822243	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that absolutely positioned content that has the clip property applied is correctly flowed into regions. This might fail on implementations that use layers for compositing but don't properly handle content flowing or the clipping shapes.
-contentEditable-001	reference/contentEditable-001-ref	CSS Regions: named flow content has contentEditable attribute set	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	80d09bca81ff314fc2eb514bb194fd98b33a5fb4	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, such elements should be editable just as they are outside of the region.
-contentEditable-002	reference/contentEditable-002-ref	CSS Regions: named flow content has a child with contentEditable attribute set	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	1f08aff3fa492bae6aa61bb9092cc8530a833ae9	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, such elements should be editable just as they are outside of the region, even if they are not the only elements in the named flow.
-contentEditable-003	reference/contentEditable-003-ref	CSS Regions: named flow content is child of an element that has contentEditable attribute set	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	e07e346f7d2d1219fb30b8bbea541e07d67a02d9	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on the parent of an element that gets flowed in a region does not affect its rendering in the regions. Also, the element should be editable outside and inside the region without differences.
-contentEditable-004	reference/contentEditable-004-ref	CSS Regions: element has contentEditable attribute set and both it and a child of it are flowed in a the same region	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	7705ca11671938413b89a08614aad2f4d1fe1d9a	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that flowing both and element and one of its children in a region, when said element has the contentEditable attribute set does not affect their rendering in the regions and the ability to edit it.
-contentEditable-005	reference/contentEditable-005-ref	CSS Regions: named flow content has contentEditable attribute set and is fragmented	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	a5cf536956497b6b6decc93f4154f3b886268013	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering and the ability to edit them even when they get fragmented in multiple regions.
-contentEditable-006	reference/contentEditable-006-ref	CSS Regions: named flow content has contentEditable attribute set and is flowed in an auto-height region	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	05dfffa184fa3b9fed8472bb0a8c26e6447f830b	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, if the region uses height:auto, the size of the region should change as the content flowed in it is edited.
-contentEditable-007	reference/contentEditable-007-ref	CSS Regions: named flow content has contentEditable attribute set and children of it get flowed in a region dynamically	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	750b1447b802c1b2ba0da7225cb0eaf681dc2a48	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on an element does not interfere with its children being dinamically flowed into a region.
-contentEditable-008	reference/contentEditable-008-ref	CSS Regions: region element has contentEditable attribute set	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	dd5025106fe7d80b8dae2cf824a3a9848c530527	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on a region (an element that has flow-from set) does not prevent the element to becoming a region, nor does attempting to interactively edit it produces unexpected results.
-contentEditable-009	reference/contentEditable-008-ref	CSS Regions: region element has child with contentEditable attribute set	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	747467e7bead28a41dfaab043590f864ba888704	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on a child of a region (an element that has flow-from set) does not prevent the parent element to becoming a region, nor does attempting to interactively edit it produces unexpected results.
-contentEditable-010	reference/contentEditable-010-ref	CSS Regions: auto-size region with contentEditable attribute set	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	adedecc9ec6eb057525a384340a490e6ccc30c1c	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on an auto-sized region (an element that has flow-from set) does not prevent it to becoming a region, nor does attempting to interactively edit it produces unexpected results.
-contentEditable-011	reference/contentEditable-011-ref	CSS Regions: both named flow content and region element have contentEditable attribute set	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	dbb41ae033ed308fc6d6594445c7708bb20ee805	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on both named flow content (an element that has flow-into set) and the region (an element that has flow-from set) does not prevent the region to properly flowing the content, while the content stays editable and no unexpected interactions happen.
-contentEditable-012		CSS Regions: regions are children of an element with the contentEditable attribute set	ahem,dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	ee24f955dcd571da390937136882fbf6ea77c3ce	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that children of an element that has the contentEditable attribute can be used for flowing content into and interactively duplicating the regions (via user-initiated copy/paste) properly flows the content in the newly created regions. Properly executing this test requires an user agent that supports copy/paste operations.
+contentEditable-001	reference/contentEditable-001-ref	CSS Regions: named flow content has contentEditable attribute set	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	64e6147767bb277555fc7eecc1ab63be90f070bc	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, such elements should be editable just as they are outside of the region.
+contentEditable-002	reference/contentEditable-002-ref	CSS Regions: named flow content has a child with contentEditable attribute set	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	ed443ab1960fa000bb0585813547013e9967e18c	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, such elements should be editable just as they are outside of the region, even if they are not the only elements in the named flow.
+contentEditable-003	reference/contentEditable-003-ref	CSS Regions: named flow content is child of an element that has contentEditable attribute set	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	ccf0d7104cca76681840d6dda30da3a109651357	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on the parent of an element that gets flowed in a region does not affect its rendering in the regions. Also, the element should be editable outside and inside the region without differences.
+contentEditable-004	reference/contentEditable-004-ref	CSS Regions: element has contentEditable attribute set and both it and a child of it are flowed in a the same region	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	5be705d9ee34c4d3b659867aa63f8764805f53f2	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that flowing both and element and one of its children in a region, when said element has the contentEditable attribute set does not affect their rendering in the regions and the ability to edit it.
+contentEditable-005	reference/contentEditable-005-ref	CSS Regions: named flow content has contentEditable attribute set and is fragmented	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	b88ee71dd61a955ddb476d6594a9477762386f9c	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering and the ability to edit them even when they get fragmented in multiple regions.
+contentEditable-006	reference/contentEditable-006-ref	CSS Regions: named flow content has contentEditable attribute set and is flowed in an auto-height region	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	681dfa1f2703a3e34771738792130df945747155	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, if the region uses height:auto, the size of the region should change as the content flowed in it is edited.
+contentEditable-007	reference/contentEditable-007-ref	CSS Regions: named flow content has contentEditable attribute set and children of it get flowed in a region dynamically	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	34991725c5fb4320b971adcb819e478b3a5e8862	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on an element does not interfere with its children being dinamically flowed into a region.
+contentEditable-008	reference/contentEditable-008-ref	CSS Regions: region element has contentEditable attribute set	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	8dd4ab128ebffbfae030b6f34325ddf3e43f6423	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on a region (an element that has flow-from set) does not prevent the element to becoming a region, nor does attempting to interactively edit it produces unexpected results.
+contentEditable-009	reference/contentEditable-008-ref	CSS Regions: region element has child with contentEditable attribute set	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	d2c1b085901057791b0a54757273fc4fc2e95d17	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on a child of a region (an element that has flow-from set) does not prevent the parent element to becoming a region, nor does attempting to interactively edit it produces unexpected results.
+contentEditable-010	reference/contentEditable-010-ref	CSS Regions: auto-size region with contentEditable attribute set	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	52d1bdff70f7f326fc82244f7685c6e65da01fe9	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on an auto-sized region (an element that has flow-from set) does not prevent it to becoming a region, nor does attempting to interactively edit it produces unexpected results.
+contentEditable-011	reference/contentEditable-011-ref	CSS Regions: both named flow content and region element have contentEditable attribute set	dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	568443662331f4452afd5f048bea7f61be07d112	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that setting the contentEditable attribute on both named flow content (an element that has flow-into set) and the region (an element that has flow-from set) does not prevent the region to properly flowing the content, while the content stays editable and no unexpected interactions happen.
+contentEditable-012		CSS Regions: regions are children of an element with the contentEditable attribute set	ahem,dom,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable	a4961c1c7995932afe69128d1c949ecd45713092	`Mihai Balan`<mailto:mibalan@adobe.com>	Test checks that children of an element that has the contentEditable attribute can be used for flowing content into and interactively duplicating the regions (via user-initiated copy/paste) properly flows the content in the newly created regions. Properly executing this test requires an user agent that supports copy/paste operations.
 css-cursor-001		CSS Regions: CSS cursor on content node	ahem,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from	9385714463bef8d95d03142b6799df42bdffb04e	`Mihai Balan`<mailto:mibalan@adobe.com>	CSS cursors are properly displayed for content flowed into regions.
 css-cursor-002		CSS Regions: CSS cursor on region	ahem,interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from	f83131bbfcbddf24daf7160bc4a6de866fb2c22f	`Mihai Balan`<mailto:mibalan@adobe.com>	CSS cursors are properly displayed even when an element is turned into a region
 css-hover-on-content-001		CSS Regions: :hover on content nodes	interact	http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from	e628f826bdd9b04390f4ae138650e7ab22aaae75	`Mihai Balan`<mailto:mibalan@adobe.com>	CSS rules using the :hover pseudo class are applied to content nodes
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-001.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-001.xht
index 18efe3d0c03..80fe84c06c1 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-001.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-001.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: named flow content has contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -35,8 +36,8 @@
 		<ol>
 			<li>Below you should see a square with a black border with some text inside it. No red
 				should be visible at any time during this test.</li>
-			<li>Click between the two colored markers (green and blue) and type �<strong>foobar
-				bazquux</strong>�</li>
+			<li>Click between the two colored markers (green and blue) and type “<strong>foobar
+				bazquux</strong>”</li>
 			<li>Test passes if the text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border.</li>
 		</ol>
@@ -53,4 +54,5 @@
 		insertText("#marked", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-002.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-002.xht
index 387159a9d2c..320589e8b06 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-002.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-002.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: named flow content has a child with contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -36,13 +37,13 @@
 		<ol>
 			<li>Below you should see a square with a black border with some text inside it. No red
 				should be visible at any time during this test.</li>
-			<li>Click between the two gray markers and type �<strong>foobar bazquux</strong>�
+			<li>Click between the two gray markers and type “<strong>foobar bazquux</strong>”
 				<ul>
 					<li>No (new) text should appear between the gray markers</li>
 				</ul>
 			</li>
-			<li>Click between the two colored markers (green and blue) and type �<strong>foobar
-				bazquux</strong>�
+			<li>Click between the two colored markers (green and blue) and type “<strong>foobar
+				bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
@@ -68,4 +69,5 @@
 		insertText("#marked-active", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-003.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-003.xht
index 1de024945ee..521b9391c77 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-003.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-003.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: named flow content is child of an element that has contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -45,14 +46,14 @@
 				it a rectangle with a black border with some text inside it. No red should be visible
 				at any time during this test.</li>
 			<li>Click between the two colored markers (green and blue) inside the blue rectangle and
-				type �<strong>foobar bazquux</strong>�
+				type “<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the blue border</li>
 				</ul>
 			</li>
 			<li>Click between the two colored markers (green and blue) inside the black rectangle and
-				type �<strong>foobar bazquux</strong>�
+				type “<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
@@ -81,4 +82,5 @@
 		insertText("#marked-in", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-004.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-004.xht
index f9557097346..98b4f0246ec 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-004.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-004.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: element has contentEditable attribute set and both it and a child of it are
 			flowed in a the same region</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
@@ -40,14 +41,14 @@
 			<li>Below you should see a rectangle with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
 			<li>Click between the first pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
 				</ul>
 			</li>
 			<li>Click between the second pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
@@ -75,4 +76,5 @@
 		insertText("#marked-child", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-005.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-005.xht
index 7ad42db98df..ee0afeeefdc 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-005.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-005.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: named flow content has contentEditable attribute set and is fragmented</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -39,14 +40,14 @@
 			<li>Below you should see a rectangle with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
 			<li>Click between the first pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
 				</ul>
 			</li>
 			<li>Click between the second pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
@@ -73,4 +74,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-006.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-006.xht
index ab93f77c02d..732838da8e8 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-006.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-006.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: named flow content has contentEditable attribute set and is flowed in an
 			auto-height region</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
@@ -42,14 +43,14 @@
 			<li>Below you should see a rectangle with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
 			<li>Click between the first pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
 				</ul>
 			</li>
 			<li>Click between the second pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
@@ -73,4 +74,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-007.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-007.xht
index f2a39d3e422..2d5786213cc 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-007.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-007.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: named flow content has contentEditable attribute set and children of it get
 			flowed in a region dynamically</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
@@ -42,13 +43,13 @@
 				The blue rectangle should have one block of text inside it and the black rectangle
 				should have two blocks of text inside it. No red should be visible at any time during
 				this test.</li>
-			<li>Double click on the word �editable� in the blue rectangle and type
-				�foobar bazquux�.
+			<li>Double click on the word “editable” in the blue rectangle and type
+				“foobar bazquux”.
 				<ul>
-				 	<li>The word �editable� should be replaced with �foobar bazquux�.</li>
+				 	<li>The word “editable” should be replaced with “foobar bazquux”.</li>
 				 </ul>
 			</li>
-			<li>Repeat the steps above, but for the two occurrences of the word �editable�
+			<li>Repeat the steps above, but for the two occurrences of the word “editable”
 				in the black rectangle. The expected results are the same as for the previous step.
 			</li>
 		</ol>
@@ -83,4 +84,5 @@
 		})
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-008.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-008.xht
index d5fefcb4404..b16ea9f7752 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-008.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-008.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: region element has contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -38,8 +39,8 @@
 		<ol>
 			<li>Below you should see a square with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
-			<li>Click between the green and blue colored markers and type �<strong>foobar
-				bazquux</strong>�
+			<li>Click between the green and blue colored markers and type “<strong>foobar
+				bazquux</strong>”
 				<ul>
 					<li>The text should not be editable.</li>
 				</ul>
@@ -61,4 +62,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script> 
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-009.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-009.xht
index 648d1bf5ba2..a85387c6d46 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-009.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-009.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: region element has child with contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -38,8 +39,8 @@
 		<ol>
 			<li>Below you should see a square with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
-			<li>Click between the green and blue colored markers and type �<strong>foobar
-				bazquux</strong>�
+			<li>Click between the green and blue colored markers and type “<strong>foobar
+				bazquux</strong>”
 				<ul>
 					<li>The text should not be editable.</li>
 				</ul>
@@ -62,4 +63,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script> 
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-010.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-010.xht
index e663ff33798..0380a816f83 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-010.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-010.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: auto-size region with contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -36,8 +37,8 @@
 		<ol>
 			<li>Below you should see a rectangle with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
-			<li>Click between the green and blue colored markers and type �<strong>foobar
-				bazquux</strong>�
+			<li>Click between the green and blue colored markers and type “<strong>foobar
+				bazquux</strong>”
 				<ul>
 					<li>The text should not be editable.</li>
 				</ul>
@@ -60,4 +61,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script> 
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-011.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-011.xht
index ae417ef50f3..521cab63011 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-011.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-011.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: both named flow content and region element have contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -39,10 +40,10 @@
 		<ol>
 			<li>Below you should see a square with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
-			<li>Double click the �<strong>editable</strong>� word between the green and
-				blue colored markers and type �<strong>foobar bazquux</strong>�
+			<li>Double click the “<strong>editable</strong>” word between the green and
+				blue colored markers and type “<strong>foobar bazquux</strong>”
 				<ul>
-					<li>The word �editable� should be replaced with �foobar bazquux�.</li>
+					<li>The word “editable” should be replaced with “foobar bazquux”.</li>
 				</ul>
 			</li>
 		</ol>
@@ -62,4 +63,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script> 
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-012.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-012.xht
index f06244ed7b4..fbefe343508 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-012.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-012.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: regions are children of an element with the contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -48,12 +49,12 @@
 			<li>No red should be visible at any time during this test.</li>
 			<li>Below you should see a rectangle with a black border.</li>
 			<li>Inside the rectangle you should see a green square with a black border, between two
-				�+� signs on blue background.</li>
-			<li>Click and drag from one �+� to the other and copy the selection either
+				“+” signs on blue background.</li>
+			<li>Click and drag from one “+” to the other and copy the selection either
 				via keyboard shortcut (usually <code>Ctrl+C</code> on Windows and Linux
 				and <code>Cmd+C</code> on Mac OS) or menu/context menu.</li>
 			<li>
-				Click after the last �+� sign and paste the previously selected content
+				Click after the last “+” sign and paste the previously selected content
 				either via keyboard shortcut (usually <code>Ctrl+V</code> on Windows and Linux and
 				<code>Cmd+V</code> on Mac OS) or menu/context menu.
 				<ul>
@@ -77,4 +78,5 @@
 		<script src="support/helpers.js"></script>
 		
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-001.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-001.xht
index 18efe3d0c03..80fe84c06c1 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-001.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-001.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: named flow content has contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -35,8 +36,8 @@
 		<ol>
 			<li>Below you should see a square with a black border with some text inside it. No red
 				should be visible at any time during this test.</li>
-			<li>Click between the two colored markers (green and blue) and type �<strong>foobar
-				bazquux</strong>�</li>
+			<li>Click between the two colored markers (green and blue) and type “<strong>foobar
+				bazquux</strong>”</li>
 			<li>Test passes if the text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border.</li>
 		</ol>
@@ -53,4 +54,5 @@
 		insertText("#marked", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-002.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-002.xht
index 387159a9d2c..320589e8b06 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-002.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-002.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: named flow content has a child with contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -36,13 +37,13 @@
 		<ol>
 			<li>Below you should see a square with a black border with some text inside it. No red
 				should be visible at any time during this test.</li>
-			<li>Click between the two gray markers and type �<strong>foobar bazquux</strong>�
+			<li>Click between the two gray markers and type “<strong>foobar bazquux</strong>”
 				<ul>
 					<li>No (new) text should appear between the gray markers</li>
 				</ul>
 			</li>
-			<li>Click between the two colored markers (green and blue) and type �<strong>foobar
-				bazquux</strong>�
+			<li>Click between the two colored markers (green and blue) and type “<strong>foobar
+				bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
@@ -68,4 +69,5 @@
 		insertText("#marked-active", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-003.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-003.xht
index 1de024945ee..521b9391c77 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-003.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-003.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: named flow content is child of an element that has contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -45,14 +46,14 @@
 				it a rectangle with a black border with some text inside it. No red should be visible
 				at any time during this test.</li>
 			<li>Click between the two colored markers (green and blue) inside the blue rectangle and
-				type �<strong>foobar bazquux</strong>�
+				type “<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the blue border</li>
 				</ul>
 			</li>
 			<li>Click between the two colored markers (green and blue) inside the black rectangle and
-				type �<strong>foobar bazquux</strong>�
+				type “<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
@@ -81,4 +82,5 @@
 		insertText("#marked-in", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-004.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-004.xht
index f9557097346..98b4f0246ec 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-004.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-004.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: element has contentEditable attribute set and both it and a child of it are
 			flowed in a the same region</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
@@ -40,14 +41,14 @@
 			<li>Below you should see a rectangle with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
 			<li>Click between the first pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
 				</ul>
 			</li>
 			<li>Click between the second pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
@@ -75,4 +76,5 @@
 		insertText("#marked-child", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-005.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-005.xht
index 7ad42db98df..ee0afeeefdc 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-005.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-005.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: named flow content has contentEditable attribute set and is fragmented</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -39,14 +40,14 @@
 			<li>Below you should see a rectangle with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
 			<li>Click between the first pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
 				</ul>
 			</li>
 			<li>Click between the second pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
@@ -73,4 +74,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-006.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-006.xht
index ab93f77c02d..732838da8e8 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-006.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-006.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: named flow content has contentEditable attribute set and is flowed in an
 			auto-height region</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
@@ -42,14 +43,14 @@
 			<li>Below you should see a rectangle with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
 			<li>Click between the first pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
 				</ul>
 			</li>
 			<li>Click between the second pair of green and blue colored markers and type
-				�<strong>foobar bazquux</strong>�
+				“<strong>foobar bazquux</strong>”
 				<ul>
 					<li>The text you typed is displayed at the cursor position between the
 				two markers and the lines of text wrap inside the black border</li>
@@ -73,4 +74,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-007.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-007.xht
index f2a39d3e422..2d5786213cc 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-007.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-007.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: named flow content has contentEditable attribute set and children of it get
 			flowed in a region dynamically</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
@@ -42,13 +43,13 @@
 				The blue rectangle should have one block of text inside it and the black rectangle
 				should have two blocks of text inside it. No red should be visible at any time during
 				this test.</li>
-			<li>Double click on the word �editable� in the blue rectangle and type
-				�foobar bazquux�.
+			<li>Double click on the word “editable” in the blue rectangle and type
+				“foobar bazquux”.
 				<ul>
-				 	<li>The word �editable� should be replaced with �foobar bazquux�.</li>
+				 	<li>The word “editable” should be replaced with “foobar bazquux”.</li>
 				 </ul>
 			</li>
-			<li>Repeat the steps above, but for the two occurrences of the word �editable�
+			<li>Repeat the steps above, but for the two occurrences of the word “editable”
 				in the black rectangle. The expected results are the same as for the previous step.
 			</li>
 		</ol>
@@ -83,4 +84,5 @@
 		})
 		</script>
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-008.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-008.xht
index d5fefcb4404..b16ea9f7752 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-008.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-008.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: region element has contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -38,8 +39,8 @@
 		<ol>
 			<li>Below you should see a square with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
-			<li>Click between the green and blue colored markers and type �<strong>foobar
-				bazquux</strong>�
+			<li>Click between the green and blue colored markers and type “<strong>foobar
+				bazquux</strong>”
 				<ul>
 					<li>The text should not be editable.</li>
 				</ul>
@@ -61,4 +62,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script> 
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-009.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-009.xht
index 648d1bf5ba2..a85387c6d46 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-009.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-009.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: region element has child with contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -38,8 +39,8 @@
 		<ol>
 			<li>Below you should see a square with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
-			<li>Click between the green and blue colored markers and type �<strong>foobar
-				bazquux</strong>�
+			<li>Click between the green and blue colored markers and type “<strong>foobar
+				bazquux</strong>”
 				<ul>
 					<li>The text should not be editable.</li>
 				</ul>
@@ -62,4 +63,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script> 
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-010.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-010.xht
index e663ff33798..0380a816f83 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-010.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-010.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: auto-size region with contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -36,8 +37,8 @@
 		<ol>
 			<li>Below you should see a rectangle with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
-			<li>Click between the green and blue colored markers and type �<strong>foobar
-				bazquux</strong>�
+			<li>Click between the green and blue colored markers and type “<strong>foobar
+				bazquux</strong>”
 				<ul>
 					<li>The text should not be editable.</li>
 				</ul>
@@ -60,4 +61,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script> 
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-011.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-011.xht
index ae417ef50f3..521cab63011 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-011.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-011.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: both named flow content and region element have contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -39,10 +40,10 @@
 		<ol>
 			<li>Below you should see a square with a black border with some text inside it. No
 				red should be visible at any time during this test.</li>
-			<li>Double click the �<strong>editable</strong>� word between the green and
-				blue colored markers and type �<strong>foobar bazquux</strong>�
+			<li>Double click the “<strong>editable</strong>” word between the green and
+				blue colored markers and type “<strong>foobar bazquux</strong>”
 				<ul>
-					<li>The word �editable� should be replaced with �foobar bazquux�.</li>
+					<li>The word “editable” should be replaced with “foobar bazquux”.</li>
 				</ul>
 			</li>
 		</ol>
@@ -62,4 +63,5 @@
 		insertText("#marked-two", "foobar bazquux");
 		</script> 
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-012.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-012.xht
index f06244ed7b4..fbefe343508 100644
--- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-012.xht
+++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-012.xht
@@ -1,5 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
+		<meta charset="utf-8" />
 		<title>CSS Regions: regions are children of an element with the contentEditable attribute set</title>
 		<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
 		<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@@ -48,12 +49,12 @@
 			<li>No red should be visible at any time during this test.</li>
 			<li>Below you should see a rectangle with a black border.</li>
 			<li>Inside the rectangle you should see a green square with a black border, between two
-				�+� signs on blue background.</li>
-			<li>Click and drag from one �+� to the other and copy the selection either
+				“+” signs on blue background.</li>
+			<li>Click and drag from one “+” to the other and copy the selection either
 				via keyboard shortcut (usually <code>Ctrl+C</code> on Windows and Linux
 				and <code>Cmd+C</code> on Mac OS) or menu/context menu.</li>
 			<li>
-				Click after the last �+� sign and paste the previously selected content
+				Click after the last “+” sign and paste the previously selected content
 				either via keyboard shortcut (usually <code>Ctrl+V</code> on Windows and Linux and
 				<code>Cmd+V</code> on Mac OS) or menu/context menu.
 				<ul>
@@ -77,4 +78,5 @@
 		<script src="support/helpers.js"></script>
 		
 	
+
 </body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/chapter-8.htm b/tests/wpt/css-tests/css-text-3_dev/html/chapter-8.htm
index a1ffc581c55..aca26ea4717 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/chapter-8.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/chapter-8.htm
@@ -13,7 +13,7 @@
  <body>
 
   <h1>CSS Text Module Level 3 CR Test Suite</h1>
-  <h2>Spacing (6 tests)</h2>
+  <h2>Spacing (7 tests)</h2>
   <table width="100%">
     <col id="test-column">
     <col id="refs-column">
@@ -52,7 +52,18 @@
       <!-- 0 tests -->
     </tbody>
     <tbody id="s8.1.#word-spacing">
-      <!-- 0 tests -->
+      <!-- 1 tests -->
+      <tr id="text-word-spacing-001-8.1.#word-spacing" class="primary ahem">
+        <td><strong>
+            <a href="text-word-spacing-001.htm">text-word-spacing-001</a></strong></td>
+        <td><a href="reference/text-word-spacing-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>Word Spacing
+          <ul class="assert">
+            <li>Test checks that word-spacing works with percentages.</li>
+          </ul>
+        </td>
+      </tr>
     </tbody>
     <tbody id="s8.2">
       <tr><th colspan="4" scope="rowgroup">
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/Ahem.ttf b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/Ahem.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..ac81cb03165ab831a36abb59145ff7a2f5675fb9
GIT binary patch
literal 12480
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
Bc@h8s

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/ahem.css b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/ahem.css
new file mode 100644
index 00000000000..82ee466791e
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/ahem.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: "Ahem";
+  src: url(./Ahem.ttf);
+}
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-word-spacing-ref.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-word-spacing-ref.htm
new file mode 100644
index 00000000000..ddd7486c866
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-word-spacing-ref.htm
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html><head><title>CSS Text Test: Word Spacing</title>
+<link href="mailto:nnethercote@mozilla.com" rel="author" title="Nicholas Nethercote">
+<link href="support/ahem.css" type="text/css" rel="stylesheet">
+<meta content="ahem" name="flags">
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(support/Ahem.ttf);
+}
+/* We use Ahem to avoid very minor differences between the test and the
+   reference that occur with certain font+platform combinations. */
+div { font-family: Ahem; font-size: 20px; }
+span.padoneem { padding-left: 1em; }
+</style>
+</head><body>
+  <p>Test passes if the space between the words starts at zero and increases by
+  one on each subsequent line.</p>
+  <div>ABcDefGhij</div>
+  <div>A Bc Def Ghij</div>
+  <div>A &nbsp;Bc &nbsp;Def &nbsp;Ghij</div>
+  <div>A &nbsp;&nbsp;Bc &nbsp;&nbsp;Def &nbsp;&nbsp;Ghij</div>
+  <div>A &nbsp;&nbsp;&nbsp;Bc &nbsp;&nbsp;&nbsp;Def &nbsp;&nbsp;&nbsp;Ghij</div>
+  <div>A &nbsp;&nbsp;&nbsp;&nbsp;Bc &nbsp;&nbsp;&nbsp;&nbsp;Def &nbsp;&nbsp;&nbsp;&nbsp;Ghij</div>
+  <div>A &nbsp;&nbsp;&nbsp;&nbsp;<span class="padoneem">Bc &nbsp;&nbsp;&nbsp;&nbsp;<span class="padoneem">Def &nbsp;&nbsp;&nbsp;&nbsp;<span class="padoneem">Ghij &nbsp;&nbsp;&nbsp;&nbsp;<span class="padoneem"></span></span></span></span></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 c699734d28c..6137875a045 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
@@ -4384,6 +4384,14 @@
         <td rowspan="1"></td>
       </tr>
     </tbody>
+    <tbody id="text-word-spacing-001" class="ahem">
+      <tr>
+        <td rowspan="1" title="Word Spacing">
+          <a href="text-word-spacing-001.htm">text-word-spacing-001</a></td>
+        <td><a href="reference/text-word-spacing-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
     <tbody id="white-space-collapsing-discard-001" class="">
       <tr>
         <td rowspan="1" title="white-space-collapsing - discard - basic cases">
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 82ce2075ef5..7fc931863bc 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
@@ -544,6 +544,7 @@ text-transform-fullwidth-001.htm == reference/text-transform-fullwidth-001-ref.h
 text-transform-lowercase-001.htm == reference/text-transform-lowercase-001-ref.htm
 text-transform-none-001.htm == reference/text-transform-none-001-ref.htm
 text-transform-uppercase-001.htm == reference/text-transform-uppercase-001-ref.htm
+text-word-spacing-001.htm == reference/text-word-spacing-ref.htm
 white-space-collapsing-discard-001.htm == reference/white-space-collapsing-discard-001-ref.htm
 white-space-collapsing-preserve-breaks-001.htm == reference/white-space-collapsing-preserve-breaks-001-ref.htm
 white-space-collapsing-trim-inner-001.htm == reference/white-space-collapsing-trim-inner-001-ref.htm
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/support/Ahem.ttf b/tests/wpt/css-tests/css-text-3_dev/html/support/Ahem.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..ac81cb03165ab831a36abb59145ff7a2f5675fb9
GIT binary patch
literal 12480
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
Bc@h8s

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-text-3_dev/html/support/ahem.css b/tests/wpt/css-tests/css-text-3_dev/html/support/ahem.css
new file mode 100644
index 00000000000..82ee466791e
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/support/ahem.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: "Ahem";
+  src: url(./Ahem.ttf);
+}
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-3_dev/html/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-word-spacing-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-word-spacing-001.htm
new file mode 100644
index 00000000000..9a8ce41344d
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/html/text-word-spacing-001.htm
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html><head><title>CSS Text Test: Word Spacing</title>
+<link href="mailto:nnethercote@mozilla.com" rel="author" title="Nicholas Nethercote">
+<link href="http://www.w3.org/TR/css-text-3/#word-spacing" rel="help">
+<link href="support/ahem.css" type="text/css" rel="stylesheet">
+<link href="reference/text-word-spacing-ref.htm" rel="match">
+<meta content="ahem" name="flags">
+<meta content="Test checks that word-spacing works with percentages." name="assert">
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(support/Ahem.ttf);
+}
+/* We use Ahem to avoid very minor differences between the test and the
+   reference that occur with certain font+platform combinations. */
+div { font-family: Ahem; font-size: 20px; }
+div.wsn100  { word-spacing: -100%; }
+div.wsn40   { word-spacing: -40%; }
+div.ws0     { word-spacing: 0%; }
+div.ws25    { word-spacing: calc(25% + 0px); }
+div.ws100   { word-spacing: 100%; }
+div.ws300   { word-spacing: calc(100% + 6em + 50%*4 - 12em/2); }
+div.ws400p1 { word-spacing: calc(400% + 1em); }
+</style>
+</head><body>
+  <p>Test passes if the space between the words starts at zero and increases by
+  one on each subsequent line.</p>
+  <div class="wsn100">A Bc Def Ghij</div>
+  <div class="ws0">A Bc Def Ghij</div>
+  <div class="ws100">A Bc Def Ghij</div>
+  <div class="wsn40">A &nbsp;&nbsp;&nbsp;&nbsp;Bc &nbsp;&nbsp;&nbsp;&nbsp;Def &nbsp;&nbsp;&nbsp;&nbsp;Ghij</div>
+  <div class="ws300">A Bc Def Ghij</div>
+  <div class="ws25">A &nbsp;&nbsp;&nbsp;Bc &nbsp;&nbsp;&nbsp;Def &nbsp;&nbsp;&nbsp;Ghij</div>
+  <div class="ws400p1">A Bc Def Ghij</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/toc.htm b/tests/wpt/css-tests/css-text-3_dev/html/toc.htm
index dfc85a6e3ea..edc2723756b 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/toc.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/toc.htm
@@ -57,7 +57,7 @@
     <tbody id="s8">
       <tr><th><a href="chapter-8.htm">Chapter 8 - 
         Spacing</a></th>
-      <td>(6 Tests)</td></tr>
+      <td>(7 Tests)</td></tr>
     </tbody>
     <tbody id="s9">
       <tr><th><a href="chapter-9.htm">Chapter 9 - 
diff --git a/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data
index f99462b1c51..7d85bdfc727 100644
--- a/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data
+++ b/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data
@@ -1417,6 +1417,8 @@ html/text-transform-none-001.htm	3f76372dde584e0852e7cd297d3e68a30ecc4ec6	?
 xhtml1/text-transform-none-001.xht	3f76372dde584e0852e7cd297d3e68a30ecc4ec6	?
 html/text-transform-uppercase-001.htm	5efd91206f74207fcd84218c12ff9453b19f88fd	?
 xhtml1/text-transform-uppercase-001.xht	5efd91206f74207fcd84218c12ff9453b19f88fd	?
+html/text-word-spacing-001.htm	1d428836591c2fbedf05441accc637e2ad26957f	?
+xhtml1/text-word-spacing-001.xht	1d428836591c2fbedf05441accc637e2ad26957f	?
 html/white-space-collapse-000.htm	8ee09670c324129ad69d3387d11fbd1153236e7f	?
 xhtml1/white-space-collapse-000.xht	8ee09670c324129ad69d3387d11fbd1153236e7f	?
 html/white-space-collapse-001.htm	2d713b188ad111ef5ee582b47b6416fcc20ed8e1	?
diff --git a/tests/wpt/css-tests/css-text-3_dev/index.htm b/tests/wpt/css-tests/css-text-3_dev/index.htm
index aef11f24da2..58f60a9d04d 100644
--- a/tests/wpt/css-tests/css-text-3_dev/index.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/index.htm
@@ -137,6 +137,7 @@
     <li>Intel</li>
     <li>Makoto Kikuchi</li>
     <li>Masataka Yakura</li>
+    <li>Nicholas Nethercote</li>
     <li>Richard Ishida</li>
     <li>Satoshi Umehara</li>
     <li>Shiyou Tan</li>
diff --git a/tests/wpt/css-tests/css-text-3_dev/index.xht b/tests/wpt/css-tests/css-text-3_dev/index.xht
index 707014e7657..ea7ec1eb99b 100644
--- a/tests/wpt/css-tests/css-text-3_dev/index.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/index.xht
@@ -137,6 +137,7 @@
     <li>Intel</li>
     <li>Makoto Kikuchi</li>
     <li>Masataka Yakura</li>
+    <li>Nicholas Nethercote</li>
     <li>Richard Ishida</li>
     <li>Satoshi Umehara</li>
     <li>Shiyou Tan</li>
diff --git a/tests/wpt/css-tests/css-text-3_dev/testinfo.data b/tests/wpt/css-tests/css-text-3_dev/testinfo.data
index e47c6206d1c..ea8164d1afa 100644
--- a/tests/wpt/css-tests/css-text-3_dev/testinfo.data
+++ b/tests/wpt/css-tests/css-text-3_dev/testinfo.data
@@ -706,6 +706,7 @@ text-transform-fullwidth-001	reference/text-transform-fullwidth-001-ref	text-tra
 text-transform-lowercase-001	reference/text-transform-lowercase-001-ref	text-transform - lowercase - basic cases		http://www.w3.org/TR/css-text-3/#text-transform	b99d33435f651a9ba6d835eaa2fd51ad6684ae48	`Satoshi Umehara`<mailto:umehara@est.co.jp>	The UA should put all characters in lowercase when text-transform is set to lowercase.
 text-transform-none-001	reference/text-transform-none-001-ref	text-transform - none - basic cases		http://www.w3.org/TR/css-text-3/#text-transform	3f76372dde584e0852e7cd297d3e68a30ecc4ec6	`Satoshi Umehara`<mailto:umehara@est.co.jp>	The UA should do nothing when text-transform is set to none.
 text-transform-uppercase-001	reference/text-transform-uppercase-001-ref	text-transform - uppercase - basic cases		http://www.w3.org/TR/css-text-3/#text-transform	5efd91206f74207fcd84218c12ff9453b19f88fd	`Satoshi Umehara`<mailto:umehara@est.co.jp>	The UA should put all characters in uppercase when text-transform is set to uppercase.
+text-word-spacing-001	reference/text-word-spacing-ref	Word Spacing	ahem	http://www.w3.org/TR/css-text-3/#word-spacing	1d428836591c2fbedf05441accc637e2ad26957f	`Nicholas Nethercote`<mailto:nnethercote@mozilla.com>	Test checks that word-spacing works with percentages.
 white-space-collapse-000		White space collapse	script	https://drafts.csswg.org/css-text-3/#line-break-transform	8ee09670c324129ad69d3387d11fbd1153236e7f	`Richard Ishida`<mailto:ishida@w3.org>	Every tab is converted to a space. Any space immediately following another collapsible space is collapsed to have zero advance width.
 white-space-collapse-001		White space and non-ASCII spaces	script	https://drafts.csswg.org/css-text-3/#line-break-transform	2d713b188ad111ef5ee582b47b6416fcc20ed8e1	`Richard Ishida`<mailto:ishida@w3.org>	Any space immediately following another collapsible space is collapsed to have zero advance width. Only refers to U+0020, not other Unicode spaces.
 white-space-collapse-002		Whitespace and bidi control characters	script	https://drafts.csswg.org/css-text-3/#line-break-transform	61f215fa9da89aba0cac85e3c65c0e0d2e719122	`Richard Ishida`<mailto:ishida@w3.org>	All spaces and tabs immediately preceding or following a segment break are removed, ignoring bidi formatting characters as if they were not there.
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/chapter-8.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/chapter-8.xht
index 0787a610dca..5c2040445b1 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/chapter-8.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/chapter-8.xht
@@ -13,7 +13,7 @@
  <body>
 
   <h1>CSS Text Module Level 3 CR Test Suite</h1>
-  <h2>Spacing (6 tests)</h2>
+  <h2>Spacing (7 tests)</h2>
   <table width="100%">
     <col id="test-column"></col>
     <col id="refs-column"></col>
@@ -52,7 +52,18 @@
       <!-- 0 tests -->
     </tbody>
     <tbody id="s8.1.#word-spacing">
-      <!-- 0 tests -->
+      <!-- 1 tests -->
+      <tr id="text-word-spacing-001-8.1.#word-spacing" class="primary ahem">
+        <td><strong>
+            <a href="text-word-spacing-001.xht">text-word-spacing-001</a></strong></td>
+        <td><a href="reference/text-word-spacing-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>Word Spacing
+          <ul class="assert">
+            <li>Test checks that word-spacing works with percentages.</li>
+          </ul>
+        </td>
+      </tr>
     </tbody>
     <tbody id="s8.2">
       <tr><th colspan="4" scope="rowgroup">
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/Ahem.ttf b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/Ahem.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..ac81cb03165ab831a36abb59145ff7a2f5675fb9
GIT binary patch
literal 12480
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
Bc@h8s

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/ahem.css b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/ahem.css
new file mode 100644
index 00000000000..82ee466791e
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/ahem.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: "Ahem";
+  src: url(./Ahem.ttf);
+}
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-word-spacing-ref.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-word-spacing-ref.xht
new file mode 100644
index 00000000000..f1e1cff5caf
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-word-spacing-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Text Test: Word Spacing</title>
+<link href="mailto:nnethercote@mozilla.com" rel="author" title="Nicholas Nethercote" />
+<link href="support/ahem.css" type="text/css" rel="stylesheet" />
+<meta content="ahem" name="flags" />
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(support/Ahem.ttf);
+}
+/* We use Ahem to avoid very minor differences between the test and the
+   reference that occur with certain font+platform combinations. */
+div { font-family: Ahem; font-size: 20px; }
+span.padoneem { padding-left: 1em; }
+</style>
+</head><body>
+  <p>Test passes if the space between the words starts at zero and increases by
+  one on each subsequent line.</p>
+  <div>ABcDefGhij</div>
+  <div>A Bc Def Ghij</div>
+  <div>A &#xA0;Bc &#xA0;Def &#xA0;Ghij</div>
+  <div>A &#xA0;&#xA0;Bc &#xA0;&#xA0;Def &#xA0;&#xA0;Ghij</div>
+  <div>A &#xA0;&#xA0;&#xA0;Bc &#xA0;&#xA0;&#xA0;Def &#xA0;&#xA0;&#xA0;Ghij</div>
+  <div>A &#xA0;&#xA0;&#xA0;&#xA0;Bc &#xA0;&#xA0;&#xA0;&#xA0;Def &#xA0;&#xA0;&#xA0;&#xA0;Ghij</div>
+  <div>A &#xA0;&#xA0;&#xA0;&#xA0;<span class="padoneem">Bc &#xA0;&#xA0;&#xA0;&#xA0;<span class="padoneem">Def &#xA0;&#xA0;&#xA0;&#xA0;<span class="padoneem">Ghij &#xA0;&#xA0;&#xA0;&#xA0;<span class="padoneem"></span></span></span></span></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest-toc.xht
index 0eda4216819..3138a7787f1 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest-toc.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest-toc.xht
@@ -4384,6 +4384,14 @@
         <td rowspan="1"></td>
       </tr>
     </tbody>
+    <tbody id="text-word-spacing-001" class="ahem">
+      <tr>
+        <td rowspan="1" title="Word Spacing">
+          <a href="text-word-spacing-001.xht">text-word-spacing-001</a></td>
+        <td><a href="reference/text-word-spacing-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
     <tbody id="white-space-collapsing-discard-001" class="">
       <tr>
         <td rowspan="1" title="white-space-collapsing - discard - basic cases">
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest.list
index 38c7e20399d..f6ef91f6f8c 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest.list
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest.list
@@ -544,6 +544,7 @@ text-transform-fullwidth-001.xht == reference/text-transform-fullwidth-001-ref.x
 text-transform-lowercase-001.xht == reference/text-transform-lowercase-001-ref.xht
 text-transform-none-001.xht == reference/text-transform-none-001-ref.xht
 text-transform-uppercase-001.xht == reference/text-transform-uppercase-001-ref.xht
+text-word-spacing-001.xht == reference/text-word-spacing-ref.xht
 white-space-collapsing-discard-001.xht == reference/white-space-collapsing-discard-001-ref.xht
 white-space-collapsing-preserve-breaks-001.xht == reference/white-space-collapsing-preserve-breaks-001-ref.xht
 white-space-collapsing-trim-inner-001.xht == reference/white-space-collapsing-trim-inner-001-ref.xht
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/Ahem.ttf b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/Ahem.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..ac81cb03165ab831a36abb59145ff7a2f5675fb9
GIT binary patch
literal 12480
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
Bc@h8s

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/ahem.css b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/ahem.css
new file mode 100644
index 00000000000..82ee466791e
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/ahem.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: "Ahem";
+  src: url(./Ahem.ttf);
+}
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-word-spacing-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-word-spacing-001.xht
new file mode 100644
index 00000000000..d36e28469d5
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-word-spacing-001.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Text Test: Word Spacing</title>
+<link href="mailto:nnethercote@mozilla.com" rel="author" title="Nicholas Nethercote" />
+<link href="http://www.w3.org/TR/css-text-3/#word-spacing" rel="help" />
+<link href="support/ahem.css" type="text/css" rel="stylesheet" />
+<link href="reference/text-word-spacing-ref.xht" rel="match" />
+<meta content="ahem" name="flags" />
+<meta content="Test checks that word-spacing works with percentages." name="assert" />
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(support/Ahem.ttf);
+}
+/* We use Ahem to avoid very minor differences between the test and the
+   reference that occur with certain font+platform combinations. */
+div { font-family: Ahem; font-size: 20px; }
+div.wsn100  { word-spacing: -100%; }
+div.wsn40   { word-spacing: -40%; }
+div.ws0     { word-spacing: 0%; }
+div.ws25    { word-spacing: calc(25% + 0px); }
+div.ws100   { word-spacing: 100%; }
+div.ws300   { word-spacing: calc(100% + 6em + 50%*4 - 12em/2); }
+div.ws400p1 { word-spacing: calc(400% + 1em); }
+</style>
+</head><body>
+  <p>Test passes if the space between the words starts at zero and increases by
+  one on each subsequent line.</p>
+  <div class="wsn100">A Bc Def Ghij</div>
+  <div class="ws0">A Bc Def Ghij</div>
+  <div class="ws100">A Bc Def Ghij</div>
+  <div class="wsn40">A &#xA0;&#xA0;&#xA0;&#xA0;Bc &#xA0;&#xA0;&#xA0;&#xA0;Def &#xA0;&#xA0;&#xA0;&#xA0;Ghij</div>
+  <div class="ws300">A Bc Def Ghij</div>
+  <div class="ws25">A &#xA0;&#xA0;&#xA0;Bc &#xA0;&#xA0;&#xA0;Def &#xA0;&#xA0;&#xA0;Ghij</div>
+  <div class="ws400p1">A Bc Def Ghij</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/toc.xht
index 7c1d29b3b55..61e2afdf6cc 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/toc.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/toc.xht
@@ -57,7 +57,7 @@
     <tbody id="s8">
       <tr><th><a href="chapter-8.xht">Chapter 8 - 
         Spacing</a></th>
-      <td>(6 Tests)</td></tr>
+      <td>(7 Tests)</td></tr>
     </tbody>
     <tbody id="s9">
       <tr><th><a href="chapter-9.xht">Chapter 9 - 
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/chapter-8.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/chapter-8.xht
index 0787a610dca..5c2040445b1 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/chapter-8.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/chapter-8.xht
@@ -13,7 +13,7 @@
  <body>
 
   <h1>CSS Text Module Level 3 CR Test Suite</h1>
-  <h2>Spacing (6 tests)</h2>
+  <h2>Spacing (7 tests)</h2>
   <table width="100%">
     <col id="test-column"></col>
     <col id="refs-column"></col>
@@ -52,7 +52,18 @@
       <!-- 0 tests -->
     </tbody>
     <tbody id="s8.1.#word-spacing">
-      <!-- 0 tests -->
+      <!-- 1 tests -->
+      <tr id="text-word-spacing-001-8.1.#word-spacing" class="primary ahem">
+        <td><strong>
+            <a href="text-word-spacing-001.xht">text-word-spacing-001</a></strong></td>
+        <td><a href="reference/text-word-spacing-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>Word Spacing
+          <ul class="assert">
+            <li>Test checks that word-spacing works with percentages.</li>
+          </ul>
+        </td>
+      </tr>
     </tbody>
     <tbody id="s8.2">
       <tr><th colspan="4" scope="rowgroup">
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/Ahem.ttf b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/Ahem.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..ac81cb03165ab831a36abb59145ff7a2f5675fb9
GIT binary patch
literal 12480
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
Bc@h8s

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/ahem.css b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/ahem.css
new file mode 100644
index 00000000000..82ee466791e
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/ahem.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: "Ahem";
+  src: url(./Ahem.ttf);
+}
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-word-spacing-ref.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-word-spacing-ref.xht
new file mode 100644
index 00000000000..f1e1cff5caf
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-word-spacing-ref.xht
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Text Test: Word Spacing</title>
+<link href="mailto:nnethercote@mozilla.com" rel="author" title="Nicholas Nethercote" />
+<link href="support/ahem.css" type="text/css" rel="stylesheet" />
+<meta content="ahem" name="flags" />
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(support/Ahem.ttf);
+}
+/* We use Ahem to avoid very minor differences between the test and the
+   reference that occur with certain font+platform combinations. */
+div { font-family: Ahem; font-size: 20px; }
+span.padoneem { padding-left: 1em; }
+</style>
+</head><body>
+  <p>Test passes if the space between the words starts at zero and increases by
+  one on each subsequent line.</p>
+  <div>ABcDefGhij</div>
+  <div>A Bc Def Ghij</div>
+  <div>A &#xA0;Bc &#xA0;Def &#xA0;Ghij</div>
+  <div>A &#xA0;&#xA0;Bc &#xA0;&#xA0;Def &#xA0;&#xA0;Ghij</div>
+  <div>A &#xA0;&#xA0;&#xA0;Bc &#xA0;&#xA0;&#xA0;Def &#xA0;&#xA0;&#xA0;Ghij</div>
+  <div>A &#xA0;&#xA0;&#xA0;&#xA0;Bc &#xA0;&#xA0;&#xA0;&#xA0;Def &#xA0;&#xA0;&#xA0;&#xA0;Ghij</div>
+  <div>A &#xA0;&#xA0;&#xA0;&#xA0;<span class="padoneem">Bc &#xA0;&#xA0;&#xA0;&#xA0;<span class="padoneem">Def &#xA0;&#xA0;&#xA0;&#xA0;<span class="padoneem">Ghij &#xA0;&#xA0;&#xA0;&#xA0;<span class="padoneem"></span></span></span></span></div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest-toc.xht
index 0eda4216819..3138a7787f1 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest-toc.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest-toc.xht
@@ -4384,6 +4384,14 @@
         <td rowspan="1"></td>
       </tr>
     </tbody>
+    <tbody id="text-word-spacing-001" class="ahem">
+      <tr>
+        <td rowspan="1" title="Word Spacing">
+          <a href="text-word-spacing-001.xht">text-word-spacing-001</a></td>
+        <td><a href="reference/text-word-spacing-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
     <tbody id="white-space-collapsing-discard-001" class="">
       <tr>
         <td rowspan="1" title="white-space-collapsing - discard - basic cases">
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest.list
index 38c7e20399d..f6ef91f6f8c 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest.list
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest.list
@@ -544,6 +544,7 @@ text-transform-fullwidth-001.xht == reference/text-transform-fullwidth-001-ref.x
 text-transform-lowercase-001.xht == reference/text-transform-lowercase-001-ref.xht
 text-transform-none-001.xht == reference/text-transform-none-001-ref.xht
 text-transform-uppercase-001.xht == reference/text-transform-uppercase-001-ref.xht
+text-word-spacing-001.xht == reference/text-word-spacing-ref.xht
 white-space-collapsing-discard-001.xht == reference/white-space-collapsing-discard-001-ref.xht
 white-space-collapsing-preserve-breaks-001.xht == reference/white-space-collapsing-preserve-breaks-001-ref.xht
 white-space-collapsing-trim-inner-001.xht == reference/white-space-collapsing-trim-inner-001-ref.xht
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/Ahem.ttf b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/Ahem.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..ac81cb03165ab831a36abb59145ff7a2f5675fb9
GIT binary patch
literal 12480
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
Bc@h8s

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/ahem.css b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/ahem.css
new file mode 100644
index 00000000000..82ee466791e
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/ahem.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: "Ahem";
+  src: url(./Ahem.ttf);
+}
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-word-spacing-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-word-spacing-001.xht
new file mode 100644
index 00000000000..d36e28469d5
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-word-spacing-001.xht
@@ -0,0 +1,36 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Text Test: Word Spacing</title>
+<link href="mailto:nnethercote@mozilla.com" rel="author" title="Nicholas Nethercote" />
+<link href="http://www.w3.org/TR/css-text-3/#word-spacing" rel="help" />
+<link href="support/ahem.css" type="text/css" rel="stylesheet" />
+<link href="reference/text-word-spacing-ref.xht" rel="match" />
+<meta content="ahem" name="flags" />
+<meta content="Test checks that word-spacing works with percentages." name="assert" />
+<style>
+@font-face {
+  font-family: Ahem;
+  src: url(support/Ahem.ttf);
+}
+/* We use Ahem to avoid very minor differences between the test and the
+   reference that occur with certain font+platform combinations. */
+div { font-family: Ahem; font-size: 20px; }
+div.wsn100  { word-spacing: -100%; }
+div.wsn40   { word-spacing: -40%; }
+div.ws0     { word-spacing: 0%; }
+div.ws25    { word-spacing: calc(25% + 0px); }
+div.ws100   { word-spacing: 100%; }
+div.ws300   { word-spacing: calc(100% + 6em + 50%*4 - 12em/2); }
+div.ws400p1 { word-spacing: calc(400% + 1em); }
+</style>
+</head><body>
+  <p>Test passes if the space between the words starts at zero and increases by
+  one on each subsequent line.</p>
+  <div class="wsn100">A Bc Def Ghij</div>
+  <div class="ws0">A Bc Def Ghij</div>
+  <div class="ws100">A Bc Def Ghij</div>
+  <div class="wsn40">A &#xA0;&#xA0;&#xA0;&#xA0;Bc &#xA0;&#xA0;&#xA0;&#xA0;Def &#xA0;&#xA0;&#xA0;&#xA0;Ghij</div>
+  <div class="ws300">A Bc Def Ghij</div>
+  <div class="ws25">A &#xA0;&#xA0;&#xA0;Bc &#xA0;&#xA0;&#xA0;Def &#xA0;&#xA0;&#xA0;Ghij</div>
+  <div class="ws400p1">A Bc Def Ghij</div>
+
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/toc.xht
index 7c1d29b3b55..61e2afdf6cc 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/toc.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/toc.xht
@@ -57,7 +57,7 @@
     <tbody id="s8">
       <tr><th><a href="chapter-8.xht">Chapter 8 - 
         Spacing</a></th>
-      <td>(6 Tests)</td></tr>
+      <td>(7 Tests)</td></tr>
     </tbody>
     <tbody id="s9">
       <tr><th><a href="chapter-9.xht">Chapter 9 - 
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-values-3_dev/html/calc-in-media-queries-001.htm b/tests/wpt/css-tests/css-values-3_dev/html/calc-in-media-queries-001.htm
index d6fc138cd56..aea335d191a 100644
--- a/tests/wpt/css-tests/css-values-3_dev/html/calc-in-media-queries-001.htm
+++ b/tests/wpt/css-tests/css-values-3_dev/html/calc-in-media-queries-001.htm
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html><head>
-	
+	<meta charset="utf-8">
 	<title>
 		CSS Values and Units and Media Queries Test: 
 		Calc function inside media queries
@@ -9,7 +9,7 @@
 		The calc() expression is supported in the min-width media query.
 	" name="assert">
 	
-	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY">
+	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY">
 
 	<link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help">
 	<link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help">
diff --git a/tests/wpt/css-tests/css-values-3_dev/html/calc-in-media-queries-002.htm b/tests/wpt/css-tests/css-values-3_dev/html/calc-in-media-queries-002.htm
index 210f18f9ed9..50bc6cb4526 100644
--- a/tests/wpt/css-tests/css-values-3_dev/html/calc-in-media-queries-002.htm
+++ b/tests/wpt/css-tests/css-values-3_dev/html/calc-in-media-queries-002.htm
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html><head>
-	
+	<meta charset="utf-8">
 	<title>
 		CSS Values and Units and Media Queries Test: 
 		Calc function inside media queries
@@ -9,7 +9,7 @@
 		The calc() expression is supported in the min-width media query properly (=with range clamping).
 	" name="assert">
 	
-	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY">
+	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY">
 
 	<link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help">
 	<link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help">
diff --git a/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-pct.htm b/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-pct.htm
index ffa688992f5..ad3c478d786 100644
--- a/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-pct.htm
+++ b/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-pct.htm
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html><head>
-	
+	<meta charset="utf-8">
 	<title>
 		CSS Values and Units Test: 
 		Viewport units are interpolated correctly
diff --git a/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-px.htm b/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-px.htm
index c59a9f1a143..2ae6f7a5700 100644
--- a/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-px.htm
+++ b/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-px.htm
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html><head>
-	
+	<meta charset="utf-8">
 	<title>
 		CSS Values and Units Test: 
 		Viewport units are interpolated correctly
diff --git a/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-vh.htm b/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-vh.htm
index f1c00034826..7197b6da943 100644
--- a/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-vh.htm
+++ b/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-vh.htm
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html><head>
-	
+	<meta charset="utf-8">
 	<title>
 		CSS Values and Units Test: 
 		Viewport units are interpolated correctly
diff --git a/tests/wpt/css-tests/css-values-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-values-3_dev/implementation-report-TEMPLATE.data
index 6977f30d896..eb75838d568 100644
--- a/tests/wpt/css-tests/css-values-3_dev/implementation-report-TEMPLATE.data
+++ b/tests/wpt/css-tests/css-values-3_dev/implementation-report-TEMPLATE.data
@@ -49,10 +49,10 @@ html/calc-height-table-1.htm	aaa87fc375b1f80271853d2c80fa30e6e7953c05	?
 xhtml1/calc-height-table-1.xht	aaa87fc375b1f80271853d2c80fa30e6e7953c05	?
 html/calc-in-calc.htm	bdf08b589fb1b18d33858b1fadbf22dbdbcd8b10	?
 xhtml1/calc-in-calc.xht	bdf08b589fb1b18d33858b1fadbf22dbdbcd8b10	?
-html/calc-in-media-queries-001.htm	76041848c2d73ff643ff2ae5b858e92ecc0661eb	?
-xhtml1/calc-in-media-queries-001.xht	76041848c2d73ff643ff2ae5b858e92ecc0661eb	?
-html/calc-in-media-queries-002.htm	4b4079fde947d7f5774601249a38067946206375	?
-xhtml1/calc-in-media-queries-002.xht	4b4079fde947d7f5774601249a38067946206375	?
+html/calc-in-media-queries-001.htm	4dbdaf4a19ce6c32853e5384f14bb0a9ed77360b	?
+xhtml1/calc-in-media-queries-001.xht	4dbdaf4a19ce6c32853e5384f14bb0a9ed77360b	?
+html/calc-in-media-queries-002.htm	9a9949bf31ece680a8d54659d18517483a919d2d	?
+xhtml1/calc-in-media-queries-002.xht	9a9949bf31ece680a8d54659d18517483a919d2d	?
 html/calc-invalid-range-clamping.htm	b27b28c5a0fe3027e23fadc94ca18e15cecc1668	?
 xhtml1/calc-invalid-range-clamping.xht	b27b28c5a0fe3027e23fadc94ca18e15cecc1668	?
 html/calc-margin-block-1.htm	1d7889b64fd00e87e2b2961c5e42e6af8577ae5a	?
@@ -179,12 +179,12 @@ html/vh-em-inherit.htm	bd54e3e097d1f4b5799a696bfffeebf5561c072f	?
 xhtml1/vh-em-inherit.xht	bd54e3e097d1f4b5799a696bfffeebf5561c072f	?
 html/vh-inherit.htm	e006cf0e4f727a753c115bb062ed9aa3854375b0	?
 xhtml1/vh-inherit.xht	e006cf0e4f727a753c115bb062ed9aa3854375b0	?
-html/vh-interpolate-pct.htm	e263245c653c76da4ebf1afd5463deb31d27e365	?
-xhtml1/vh-interpolate-pct.xht	e263245c653c76da4ebf1afd5463deb31d27e365	?
-html/vh-interpolate-px.htm	fa83d5d77411f3c93cf7e465552f47494bfe9d7a	?
-xhtml1/vh-interpolate-px.xht	fa83d5d77411f3c93cf7e465552f47494bfe9d7a	?
-html/vh-interpolate-vh.htm	0e224532385323bb9061d9b18c1def8c330ad6ae	?
-xhtml1/vh-interpolate-vh.xht	0e224532385323bb9061d9b18c1def8c330ad6ae	?
+html/vh-interpolate-pct.htm	fd47cb04c7042f6379b2664b7742a5a01ea9d1a0	?
+xhtml1/vh-interpolate-pct.xht	fd47cb04c7042f6379b2664b7742a5a01ea9d1a0	?
+html/vh-interpolate-px.htm	41a610e2dd418e47f56d88171dd0c52a57e06b5e	?
+xhtml1/vh-interpolate-px.xht	41a610e2dd418e47f56d88171dd0c52a57e06b5e	?
+html/vh-interpolate-vh.htm	42ccc23cc2f90272644bd0188261dacba081ccb2	?
+xhtml1/vh-interpolate-vh.xht	42ccc23cc2f90272644bd0188261dacba081ccb2	?
 html/vh-support-atviewport.htm	7cc8bb8f1cde2aecece15e72882e45b67bfc4bdd	?
 xhtml1/vh-support-atviewport.xht	7cc8bb8f1cde2aecece15e72882e45b67bfc4bdd	?
 html/vh-support-margin.htm	f951f1c99e3a6be4134265b4da05aabbd71eb103	?
diff --git a/tests/wpt/css-tests/css-values-3_dev/index.htm b/tests/wpt/css-tests/css-values-3_dev/index.htm
index e845ed34d9e..892c87d7b6c 100644
--- a/tests/wpt/css-tests/css-values-3_dev/index.htm
+++ b/tests/wpt/css-tests/css-values-3_dev/index.htm
@@ -130,6 +130,7 @@
     <li>Christian Schaefer</li>
     <li>Emil A Eklund</li>
     <li>Florian Rivoal</li>
+    <li>Fran&#65533;ois REMY</li>
     <li>Fran&Atilde;&sect;ois REMY</li>
     <li>Fran&ccedil;ois REMY</li>
     <li>G&eacute;rard Talbot</li>
diff --git a/tests/wpt/css-tests/css-values-3_dev/index.xht b/tests/wpt/css-tests/css-values-3_dev/index.xht
index e410c2c4d4b..99f380412f4 100644
--- a/tests/wpt/css-tests/css-values-3_dev/index.xht
+++ b/tests/wpt/css-tests/css-values-3_dev/index.xht
@@ -130,6 +130,7 @@
     <li>Christian Schaefer</li>
     <li>Emil A Eklund</li>
     <li>Florian Rivoal</li>
+    <li>Fran&#65533;ois REMY</li>
     <li>Fran&Atilde;&sect;ois REMY</li>
     <li>Fran&ccedil;ois REMY</li>
     <li>G&eacute;rard Talbot</li>
diff --git a/tests/wpt/css-tests/css-values-3_dev/testinfo.data b/tests/wpt/css-tests/css-values-3_dev/testinfo.data
index 764025aa342..032e150adbf 100644
--- a/tests/wpt/css-tests/css-values-3_dev/testinfo.data
+++ b/tests/wpt/css-tests/css-values-3_dev/testinfo.data
@@ -22,8 +22,8 @@ calc-border-radius-1	reference/calc-border-radius-1-ref	test for border-radius:
 calc-height-block-1	reference/calc-height-block-1-ref	Test for height:calc() on blocks		http://www.w3.org/TR/css3-values/#calc-notation	952526a2250e62df4cd71c656df40c8e1583d802	`L. David Baron`<http://dbaron.org/>	
 calc-height-table-1	reference/calc-height-table-1-ref	Test that height:calc() with no percentages has an effect on inner table elements		http://www.w3.org/TR/css3-values/#calc-notation	aaa87fc375b1f80271853d2c80fa30e6e7953c05	`L. David Baron`<http://dbaron.org/>	
 calc-in-calc	reference/all-green	Calc() inside calc()		http://www.w3.org/TR/css3-values/#calc-notation	bdf08b589fb1b18d33858b1fadbf22dbdbcd8b10	`Fran&Atilde;&sect;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The calc() function notation is allowed inside a calc() notation.
-calc-in-media-queries-001	reference/all-green	Calc function inside media queries		http://www.w3.org/TR/css3-values/#calc-notation,http://www.w3.org/TR/css3-mediaqueries/#width	76041848c2d73ff643ff2ae5b858e92ecc0661eb	`Fran&ccedil;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The calc() expression is supported in the min-width media query.
-calc-in-media-queries-002	reference/all-green	Calc function inside media queries		http://www.w3.org/TR/css3-values/#calc-notation,http://www.w3.org/TR/css3-mediaqueries/#width	4b4079fde947d7f5774601249a38067946206375	`Fran&ccedil;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The calc() expression is supported in the min-width media query properly (=with range clamping).
+calc-in-media-queries-001	reference/all-green	Calc function inside media queries		http://www.w3.org/TR/css3-values/#calc-notation,http://www.w3.org/TR/css3-mediaqueries/#width	4dbdaf4a19ce6c32853e5384f14bb0a9ed77360b	`Fran&#65533;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The calc() expression is supported in the min-width media query.
+calc-in-media-queries-002	reference/all-green	Calc function inside media queries		http://www.w3.org/TR/css3-values/#calc-notation,http://www.w3.org/TR/css3-mediaqueries/#width	9a9949bf31ece680a8d54659d18517483a919d2d	`Fran&#65533;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The calc() expression is supported in the min-width media query properly (=with range clamping).
 calc-invalid-range-clamping	reference/200-200-green	Range clamping into calc() expressions		http://www.w3.org/TR/css3-values/#calc-notation	b27b28c5a0fe3027e23fadc94ca18e15cecc1668	`Fran&Atilde;&sect;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	A calc expression can evaluate to a value which is outside the validity range. If it does, this value must be clamped into the range. The declaration must not be ignored.
 calc-margin-block-1	reference/calc-margin-block-1-ref	Test of margin-*: calc()		http://www.w3.org/TR/css3-values/#calc-notation	1d7889b64fd00e87e2b2961c5e42e6af8577ae5a	`L. David Baron`<http://dbaron.org/>	
 calc-max-height-block-1	reference/calc-max-height-block-1-ref	Test for max-height:calc() on blocks		http://www.w3.org/TR/css3-values/#calc-notation	f59e64c55e4610b5e23a0cf99f646f657d0ae58f	`L. David Baron`<http://dbaron.org/>	
@@ -87,9 +87,9 @@ vh-calc-support	reference/all-green	Viewport units are supported inside calc exp
 vh-calc-support-pct	reference/all-green	Viewport units are supported inside calc expressions.		http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-values/#calc-notation	23bb4d003b19c48d16bdd04eb1da62451c0fcc3e	`Fran&ccedil;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	Check that viewport units add correctly to percentages in calc() expressions
 vh-em-inherit	reference/all-green	0vh and 0vw are correctly treated as 0px		http://www.w3.org/TR/css3-values/#viewport-relative-lengths	bd54e3e097d1f4b5799a696bfffeebf5561c072f	`Fran&Atilde;&sect;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	0vh and 0vw are correctly treated as 0px
 vh-inherit	reference/all-green	Viewport units are inherited properly		http://www.w3.org/TR/css3-values/#viewport-relative-lengths	e006cf0e4f727a753c115bb062ed9aa3854375b0	`Fran&Atilde;&sect;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	Viewport units are inherited properly
-vh-interpolate-pct	reference/all-green	Viewport units are interpolated correctly		http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations	e263245c653c76da4ebf1afd5463deb31d27e365	`Fran&Atilde;&sect;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
-vh-interpolate-px	reference/all-green	Viewport units are interpolated correctly		http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations	fa83d5d77411f3c93cf7e465552f47494bfe9d7a	`Fran&Atilde;&sect;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
-vh-interpolate-vh	reference/all-green	Viewport units are interpolated correctly		http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations	0e224532385323bb9061d9b18c1def8c330ad6ae	`Fran&Atilde;&sect;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The interpolated size mid-way between 75vh and 125vh is 100vh (respectively for vw)
+vh-interpolate-pct	reference/all-green	Viewport units are interpolated correctly		http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations	fd47cb04c7042f6379b2664b7742a5a01ea9d1a0	`Fran&ccedil;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
+vh-interpolate-px	reference/all-green	Viewport units are interpolated correctly		http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations	41a610e2dd418e47f56d88171dd0c52a57e06b5e	`Fran&ccedil;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw)
+vh-interpolate-vh	reference/all-green	Viewport units are interpolated correctly		http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations	42ccc23cc2f90272644bd0188261dacba081ccb2	`Fran&ccedil;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The interpolated size mid-way between 75vh and 125vh is 100vh (respectively for vw)
 vh-support	reference/all-green	Viewports units are supported in sizing properties		http://www.w3.org/TR/css3-values/#viewport-relative-lengths	13609543ab6880c4f4fa00168fe8c6d48abf0270	`Fran&Atilde;&sect;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	Viewports units are supported in sizing properties
 vh-support-atviewport	reference/all-green	Viewports units are supported in @viewport rules		http://www.w3.org/TR/css3-values/#viewport-relative-lengths,https://drafts.csswg.org/css-device-adapt-1/	7cc8bb8f1cde2aecece15e72882e45b67bfc4bdd	`Fran&ccedil;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	Viewports units are supported in @viewport rules
 vh-support-margin	reference/all-green	Viewports units are supported in margin properties		http://www.w3.org/TR/css3-values/#viewport-relative-lengths	f951f1c99e3a6be4134265b4da05aabbd71eb103	`Fran&Atilde;&sect;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	Viewports units are supported in margin properties
diff --git a/tests/wpt/css-tests/css-values-3_dev/xhtml1/calc-in-media-queries-001.xht b/tests/wpt/css-tests/css-values-3_dev/xhtml1/calc-in-media-queries-001.xht
index 8fe6d4c221f..3a2f639e4f0 100644
--- a/tests/wpt/css-tests/css-values-3_dev/xhtml1/calc-in-media-queries-001.xht
+++ b/tests/wpt/css-tests/css-values-3_dev/xhtml1/calc-in-media-queries-001.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-	
+	<meta charset="utf-8" />
 	<title>
 		CSS Values and Units and Media Queries Test: 
 		Calc function inside media queries
@@ -9,7 +9,7 @@
 		The calc() expression is supported in the min-width media query.
 	" name="assert" />
 	
-	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" />
+	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" />
 
 	<link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" />
 	<link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help" />
diff --git a/tests/wpt/css-tests/css-values-3_dev/xhtml1/calc-in-media-queries-002.xht b/tests/wpt/css-tests/css-values-3_dev/xhtml1/calc-in-media-queries-002.xht
index 0e98b6b3f8d..0ea9175ec10 100644
--- a/tests/wpt/css-tests/css-values-3_dev/xhtml1/calc-in-media-queries-002.xht
+++ b/tests/wpt/css-tests/css-values-3_dev/xhtml1/calc-in-media-queries-002.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-	
+	<meta charset="utf-8" />
 	<title>
 		CSS Values and Units and Media Queries Test: 
 		Calc function inside media queries
@@ -9,7 +9,7 @@
 		The calc() expression is supported in the min-width media query properly (=with range clamping).
 	" name="assert" />
 	
-	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" />
+	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" />
 
 	<link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" />
 	<link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help" />
diff --git a/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-pct.xht b/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-pct.xht
index 1e8c0b817bb..980d0d536f5 100644
--- a/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-pct.xht
+++ b/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-pct.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-	
+	<meta charset="utf-8" />
 	<title>
 		CSS Values and Units Test: 
 		Viewport units are interpolated correctly
diff --git a/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-px.xht b/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-px.xht
index ec81223cbb4..da909744e7a 100644
--- a/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-px.xht
+++ b/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-px.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-	
+	<meta charset="utf-8" />
 	<title>
 		CSS Values and Units Test: 
 		Viewport units are interpolated correctly
diff --git a/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-vh.xht b/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-vh.xht
index 88aefecc347..65257a7573e 100644
--- a/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-vh.xht
+++ b/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-vh.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-	
+	<meta charset="utf-8" />
 	<title>
 		CSS Values and Units Test: 
 		Viewport units are interpolated correctly
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-002.htm
index 74d3305a6a7..20a6689be57 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-002.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-002.htm
@@ -14,9 +14,9 @@
 
   <style type="text/css">
   html
-  {
-  writing-mode: vertical-rl;
-  }
+    {
+      writing-mode: vertical-rl;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -25,22 +25,28 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.right-border { border-right: blue solid 1em; }
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-003.htm
index 485465f75a9..2fe1367e157 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-003.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-003.htm
@@ -14,9 +14,9 @@
 
   <style type="text/css">
   html
-  {
-  writing-mode: vertical-lr;
-  }
+    {
+      writing-mode: vertical-lr;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -25,22 +25,28 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.left-border { border-left: blue solid 1em; }
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-005.htm
index ef997862033..47741b67fc2 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-005.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-005.htm
@@ -14,23 +14,29 @@
 
   <style type="text/css">
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#floated-left
-  {
-  background-color: blue;
-  border-top: blue solid 1em;
-  float: left;
-  height: 8em;
-  writing-mode: vertical-rl;
-  }
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      float: left;
+      height: 8em;
+      writing-mode: vertical-rl;
+    }
 
-  div.right-border { border-right: blue solid 1em; }
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-006.htm
index 1d2c9c50270..dbf49fe4805 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-006.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-006.htm
@@ -14,22 +14,25 @@
 
   <style type="text/css">
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div.floated-left
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-left: blue solid 1em;
-  border-top: blue solid 1em;
-  float: left;
-  writing-mode: vertical-rl;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-left: blue solid 1em;
+      border-top: blue solid 1em;
+      float: left;
+      writing-mode: vertical-rl;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-007.htm
index a2744eaa335..f45e71d7c67 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-007.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-007.htm
@@ -14,23 +14,29 @@
 
   <style type="text/css">
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#floated-right
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  float: right;
-  writing-mode: vertical-lr;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+      float: right;
+      writing-mode: vertical-lr;
+    }
 
-  div.left-border { border-left: blue solid 1em; }
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-008.htm
index d7b148f1dd1..cbb55384c16 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-008.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-008.htm
@@ -14,22 +14,25 @@
 
   <style type="text/css">
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div.floated-right
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-right: blue solid 1em;
-  border-top: blue solid 1em;
-  float: right;
-  writing-mode: vertical-lr;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+      float: right;
+      writing-mode: vertical-lr;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-009.htm
index 62a1db50f6d..ee3801605b4 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-009.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-009.htm
@@ -14,29 +14,35 @@
 
   <style type="text/css">
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#abs-pos
-  {
-  height: 9em;
-  left: auto;
-  position: absolute;
-  writing-mode: vertical-rl;
-  }
+    {
+      height: 9em;
+      left: auto;
+      position: absolute;
+      writing-mode: vertical-rl;
+    }
 
   div#abs-pos > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.right-border { border-right: blue solid 1em; }
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-010.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-010.htm
index 02266287c1b..2a2cd35d393 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-010.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-010.htm
@@ -14,29 +14,35 @@
 
   <style type="text/css">
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#abs-pos
-  {
-  height: 9em;
-  left: auto;
-  position: absolute;
-  writing-mode: vertical-lr;
-  }
+    {
+      height: 9em;
+      left: auto;
+      position: absolute;
+      writing-mode: vertical-lr;
+    }
 
   div#abs-pos > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.left-border { border-left: blue solid 1em; }
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-011.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-011.htm
index 7b24aaaf853..ae20098b2ac 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-011.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-011.htm
@@ -10,36 +10,45 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.htm">
 
   <meta content="ahem" name="flags">
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl'  establishes a block formating context with a right-to-left block flow direction." name="assert">
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert">
 
   <style type="text/css">
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#inline-block
-  {
-  background-color: blue;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  vertical-align: top;
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
   /*
   Why 'vertical-align: top' ?
   See
   http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
   for explanations
   */
-  writing-mode: vertical-rl;
-  }
+      writing-mode: vertical-rl;
+    }
 
-  span { display: block; }
+  span
+    {
+      display: block;
+    }
 
-  span.right-border { border-right: blue solid 1em; }
+  span.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  span#left-border { border-left: blue solid 1em; }
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-012.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-012.htm
index c67c883f221..0681a63ab42 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-012.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-012.htm
@@ -10,38 +10,41 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.htm">
 
   <meta content="ahem" name="flags">
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl'  establishes a block formating context with a right-to-left block flow direction." name="assert">
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert">
 
   <style type="text/css">
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#inline-block
-  {
-  background-color: blue;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  vertical-align: top;
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
   /*
   Why 'vertical-align: top' ?
   See
   http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
   for explanations
   */
-  writing-mode: vertical-rl;
-  }
+      writing-mode: vertical-rl;
+    }
 
   span
-  {
-  border-right: blue solid 1em;
-  display: block;
-  }
+    {
+      border-right: blue solid 1em;
+      display: block;
+    }
 
-  span#left-border { border-left: blue solid 1em; }
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-013.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-013.htm
index cc1ae7f7df1..4aa828ce342 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-013.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-013.htm
@@ -10,35 +10,41 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.htm">
 
   <meta content="ahem" name="flags">
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl'  establishes a block formating context with a right-to-left block flow direction." name="assert">
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert">
 
   <style type="text/css">
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div.inline-block
-  {
-  background-color: blue;
-  border-right: blue solid 1em;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  vertical-align: top;
+    {
+      background-color: blue;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
   /*
   Why 'vertical-align: top' ?
   See
   http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
   for explanations
   */
-  writing-mode: vertical-rl;
-  }
+      writing-mode: vertical-rl;
+    }
 
-  span { display: block; }
+  span
+    {
+      display: block;
+    }
 
-  span#left-border { border-left: blue solid 1em; }
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-014.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-014.htm
index fa8c6d8ff96..b75ce9c722c 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-014.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-014.htm
@@ -10,36 +10,45 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.htm">
 
   <meta content="ahem" name="flags">
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr'  establishes a block formating context with a left-to-right block flow direction." name="assert">
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert">
 
   <style type="text/css">
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#inline-block
-  {
-  background-color: blue;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  vertical-align: top;
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
   /*
   Why 'vertical-align: top' ?
   See
   http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
   for explanations
   */
-  writing-mode: vertical-lr;
-  }
+      writing-mode: vertical-lr;
+    }
 
-  span { display: block; }
+  span
+    {
+      display: block;
+    }
 
-  span.left-border { border-left: blue solid 1em; }
+  span.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  span#right-border { border-right: blue solid 1em; }
+  span#right-border
+    {
+      border-right: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-015.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-015.htm
index 787a79f1195..174f564cb33 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-015.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-015.htm
@@ -10,31 +10,34 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.htm">
 
   <meta content="ahem" name="flags">
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr'  establishes a block formating context with a left-to-right block flow direction." name="assert">
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert">
 
   <style type="text/css">
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#inline-block
-  {
-  background-color: blue;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  writing-mode: vertical-lr;
-  }
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      writing-mode: vertical-lr;
+    }
 
   span
-  {
-  border-left: blue solid 1em;
-  display: block;
-  }
+    {
+      border-left: blue solid 1em;
+      display: block;
+    }
 
-  span#right-border { border-right: blue solid 1em; }
+  span#right-border
+    {
+      border-right: blue solid 1em;
+    }
   </style>
  </head>
 
@@ -44,7 +47,7 @@
 
     <div id="inline-block">
 
-<!-- The  "P" --> <span>AAAAAAA B&nbsp; C&nbsp;&nbsp; D&nbsp; E&nbsp;&nbsp; FFFF&nbsp;&nbsp;</span>
+<!-- The "P" --> <span>AAAAAAA B&nbsp; C&nbsp;&nbsp; D&nbsp; E&nbsp;&nbsp; FFFF&nbsp;&nbsp;</span>
 
 <!-- The "A" --> <span>GGGGGGG H&nbsp; J&nbsp;&nbsp; K&nbsp; L&nbsp;&nbsp; MMMMMMM</span>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-016.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-016.htm
index 82708e10b7c..f5a1f43c351 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-016.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-016.htm
@@ -10,35 +10,41 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.htm">
 
   <meta content="ahem" name="flags">
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr'  establishes a block formating context with a left-to-right block flow direction." name="assert">
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert">
 
   <style type="text/css">
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div.inline-block
-  {
-  background-color: blue;
-  border-left: blue solid 1em;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  vertical-align: top;
+    {
+      background-color: blue;
+      border-left: blue solid 1em;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
   /*
   Why 'vertical-align: top' ?
   See
   http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
   for explanations
   */
-  writing-mode: vertical-lr;
-  }
+      writing-mode: vertical-lr;
+    }
 
-  span { display: block; }
+  span
+    {
+      display: block;
+    }
 
-  span#right-border { border-right: blue solid 1em; }
+  span#right-border
+    {
+      border-right: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-017.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-017.htm
index dc4ac9debda..492c940ec9e 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-017.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-017.htm
@@ -5,10 +5,6 @@
 
   <title>CSS Writing Modes Test: table-cell and 'vertical-rl' - block flow direction of block-level boxes</title>
 
-  <!--
-  2015-05-31: Trying to reset test results for that test: hello Koji!
-  -->
-
   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
   <link rel="match" href="reference/block-flow-direction-001-ref.htm">
@@ -18,28 +14,34 @@
 
   <style type="text/css">
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#table-cell
-  {
-  display: table-cell;
-  height: 9em;
-  writing-mode: vertical-rl;
-  }
+    {
+      display: table-cell;
+      height: 9em;
+      writing-mode: vertical-rl;
+    }
 
   div#table-cell > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.right-border { border-right: blue solid 1em; }
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-018.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-018.htm
index 90ff4e74321..335a4b55c4e 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-018.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-018.htm
@@ -14,28 +14,34 @@
 
   <style type="text/css">
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#table-cell
-  {
-  display: table-cell;
-  height: 9em;
-  writing-mode: vertical-lr;
-  }
+    {
+      display: table-cell;
+      height: 9em;
+      writing-mode: vertical-lr;
+    }
 
   div#table-cell > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.left-border { border-left: blue solid 1em; }
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-019.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-019.htm
index e12865de22a..d15da67116d 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-019.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-019.htm
@@ -14,28 +14,34 @@
 
   <style type="text/css">
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#table-caption
-  {
-  display: table-caption;
-  height: 9em;
-  writing-mode: vertical-rl;
-  }
+    {
+      display: table-caption;
+      height: 9em;
+      writing-mode: vertical-rl;
+    }
 
   div#table-caption > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.right-border { border-right: blue solid 1em; }
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-020.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-020.htm
index 2743f0206f5..e0676957d04 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-020.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-020.htm
@@ -14,28 +14,34 @@
 
   <style type="text/css">
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#table-caption
-  {
-  display: table-caption;
-  height: 9em;
-  writing-mode: vertical-lr;
-  }
+    {
+      display: table-caption;
+      height: 9em;
+      writing-mode: vertical-lr;
+    }
 
   div#table-caption > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.left-border { border-left: blue solid 1em; }
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-021.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-021.htm
index 56ac240c3ba..1fae0a8dc8a 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-021.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-021.htm
@@ -14,9 +14,9 @@
 
   <style type="text/css">
   html
-  {
-  writing-mode: vertical-rl;
-  }
+    {
+      writing-mode: vertical-rl;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -25,24 +25,30 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   ul
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  list-style: none outside url("support/blue1x1.png");
-  margin: 0em;
-  padding-top: 1em; /* overriding default padding-start: 40px in several browsers */
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      list-style: none outside url("support/blue1x1.png");
+      margin: 0em;
+      padding-top: 1em; /* overriding default padding-start: 40px in several browsers */
+    }
 
-  ul.right-border { border-right: blue solid 1em; }
+  ul.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  ul#left-border { border-left: blue solid 1em; }
+  ul#left-border
+    {
+      border-left: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-022.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-022.htm
index 7e8e3b862cb..0122e01764a 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-022.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-022.htm
@@ -14,9 +14,9 @@
 
   <style type="text/css">
   html
-  {
-  writing-mode: vertical-lr;
-  }
+    {
+      writing-mode: vertical-lr;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -25,24 +25,30 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   ul
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  list-style: none outside url("support/blue1x1.png");
-  margin: 0em;
-  padding-top: 1em; /* overriding default 40px in several browsers */
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      list-style: none outside url("support/blue1x1.png");
+      margin: 0em;
+      padding-top: 1em; /* overriding default 40px in several browsers */
+    }
 
-  ul.left-border { border-left: blue solid 1em; }
+  ul.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  ul#right-border { border-right: blue solid 1em; }
+  ul#right-border
+    {
+      border-right: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-023.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-023.htm
index ef2eb97ead0..1f0b0edeea4 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-023.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-023.htm
@@ -18,9 +18,9 @@
 
   <style type="text/css">
   html
-  {
-  writing-mode: vertical-lr;
-  }
+    {
+      writing-mode: vertical-lr;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -29,20 +29,23 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   div
-  {
-  background-color: blue;
-  border: blue solid 1em;
-  border-right: blue none 0em;
-  }
+    {
+      background-color: blue;
+      border: blue solid 1em;
+      border-right: blue none 0em;
+    }
 
-  div#right-most { border-right: blue solid 1em; }
+  div#right-most
+    {
+      border-right: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-024.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-024.htm
index 2e24668964c..ecdfe4eceae 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-024.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-024.htm
@@ -18,9 +18,9 @@
 
   <style type="text/css">
   html
-  {
-  writing-mode: vertical-rl;
-  }
+    {
+      writing-mode: vertical-rl;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -29,21 +29,24 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-right: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   </style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-042.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-042.htm
new file mode 100644
index 00000000000..45d70954f5a
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-042.htm
@@ -0,0 +1,94 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: sideways-rl - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-002-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... " name="assert">
+
+  <style type="text/css">
+  html
+    {
+      writing-mode: sideways-rl;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+<!-- The right-most line of right-most "S" --> <div class="right-border">A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+
+
+<!-- The right-most line of left-most "S" --> <div class="right-border">L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+
+
+<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+
+
+<!-- The right-most line of "P" --> <div class="right-border">eeee&nbsp;&nbsp; </div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-043.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-043.htm
new file mode 100644
index 00000000000..575453ab112
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-043.htm
@@ -0,0 +1,94 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: sideways-lr - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-043-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... " name="assert">
+
+  <style type="text/css">
+  html
+    {
+      writing-mode: sideways-lr;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+
+
+<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N&nbsp; QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+
+
+<!-- The left-most line of right-most "S" --> <div class="left-border">a&nbsp; bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj &nbsp;k</div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-045.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-045.htm
new file mode 100644
index 00000000000..56b231a3eac
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-045.htm
@@ -0,0 +1,88 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-001-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert">
+
+  <style type="text/css">
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#floated-left
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      float: left;
+      height: 8em;
+      writing-mode: sideways-rl;
+    }
+
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div id="floated-left">
+
+<!-- The right-most line of right-most "S" --> <div class="right-border">A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+
+
+<!-- The right-most line of left-most "S" --> <div class="right-border">L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+
+
+<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+
+
+<!-- The right-most line of "P" --> <div class="right-border">eeee&nbsp;&nbsp; </div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-046.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-046.htm
new file mode 100644
index 00000000000..4f30cfc0828
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-046.htm
@@ -0,0 +1,90 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-001-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction." name="assert">
+
+  <style type="text/css">
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div.floated-left
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-left: blue solid 1em;
+      border-top: blue solid 1em;
+      float: left;
+      writing-mode: sideways-rl;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div class="floated-left">
+
+<!-- The right-most line of "P" --> <div>eeee&nbsp;&nbsp;</div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp;</div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp;</div>
+
+<!-- The 4th right-most line of "P" --> <div>kkkkkkk</div>
+
+  </div>
+
+  <div class="floated-left">
+
+<!-- The right-most line of "A" --> <div>YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp;</div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp;</div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+  </div>
+
+  <div class="floated-left">
+
+<!-- The right-most line of left-most "S" --> <div>L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+  </div>
+
+  <div class="floated-left" id="right-border">
+
+<!-- The right-most line of right-most "S" --> <div>A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-047.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-047.htm
new file mode 100644
index 00000000000..a4f7a899a68
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-047.htm
@@ -0,0 +1,88 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-002-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert">
+
+  <style type="text/css">
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#floated-right
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+      float: right;
+      writing-mode: sideways-lr;
+    }
+
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div id="floated-right">
+
+<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+
+
+<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N&nbsp; QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+
+
+<!-- The left-most line of right-most "S" --> <div class="left-border">a&nbsp; bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj &nbsp;k</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-048.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-048.htm
new file mode 100644
index 00000000000..5e2c1ea5261
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-048.htm
@@ -0,0 +1,90 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-002-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction." name="assert">
+
+  <style type="text/css">
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div.floated-right
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+      float: right;
+      writing-mode: sideways-lr;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div class="floated-right">
+
+<!-- The left-most line of right-most "S" --> <div>a &nbsp;bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div>jjjj &nbsp;k</div>
+
+  </div>
+
+  <div class="floated-right">
+
+<!-- The 1st left-most line of left-most "S" --> <div>N &nbsp;QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+  </div>
+
+  <div class="floated-right">
+
+<!-- The left-most line of "A" --> <div>GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+  </div>
+
+  <div class="floated-right" id="left-border">
+
+<!-- The 1st left-most line of "P" --> <div>AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-049.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-049.htm
new file mode 100644
index 00000000000..c1d2690d804
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-049.htm
@@ -0,0 +1,94 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: position absolute and 'sideways-rl' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-001-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert">
+
+  <style type="text/css">
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#abs-pos
+    {
+      height: 9em;
+      left: auto;
+      position: absolute;
+      writing-mode: sideways-rl;
+    }
+
+  div#abs-pos > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div id="abs-pos">
+
+<!-- The right-most line of right-most "S" --> <div class="right-border">A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+
+
+<!-- The right-most line of left-most "S" --> <div class="right-border">L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+
+
+<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+
+
+<!-- The right-most line of "P" --> <div class="right-border">eeee&nbsp;&nbsp; </div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-050.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-050.htm
new file mode 100644
index 00000000000..2ac710f83c1
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-050.htm
@@ -0,0 +1,94 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: position absolute and 'sideways-lr' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-001-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert">
+
+  <style type="text/css">
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#abs-pos
+    {
+      height: 9em;
+      left: auto;
+      position: absolute;
+      writing-mode: sideways-lr;
+    }
+
+  div#abs-pos > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div id="abs-pos">
+
+<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+
+
+<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N&nbsp; QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+
+
+<!-- The left-most line of right-most "S" --> <div class="left-border">a&nbsp; bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj &nbsp;k</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-051.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-051.htm
new file mode 100644
index 00000000000..9c53d52a5dd
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-051.htm
@@ -0,0 +1,104 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-001-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert">
+
+  <style type="text/css">
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#inline-block
+    {
+    background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
+  /*
+  Why 'vertical-align: top' ?
+  See
+  http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
+  for explanations
+  */
+      writing-mode: sideways-rl;
+    }
+
+  span
+    {
+      display: block;
+    }
+
+  span.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div id="inline-block">
+
+<!-- The right-most line of right-most "S" --> <span class="right-border">A&nbsp; BBBB</span>
+
+<!-- The 2nd right-most line of right-most "S" --> <span>C&nbsp; D&nbsp; E</span>
+
+<!-- The 3rd right-most line of right-most "S" --> <span>F&nbsp; G&nbsp; H</span>
+
+<!-- The 4th right-most line of right-most "S" --> <span>JJJJ&nbsp; K</span>
+
+
+
+<!-- The right-most line of left-most "S" --> <span class="right-border">L&nbsp; MMMM</span>
+
+<!-- The 2nd right-most line of left-most "S" --> <span>Q&nbsp; R&nbsp; S</span>
+
+<!-- The 3rd right-most line of left-most "S" --> <span>T&nbsp; U&nbsp; V</span>
+
+<!-- The 4th right-most line of left-most "S" --> <span>WWWW&nbsp; X</span>
+
+
+
+<!-- The right-most line of "A" --> <span class="right-border">YYYYYYY</span>
+
+<!-- The 2nd right-most line of "A" --> <span>Z&nbsp; a&nbsp;&nbsp; </span>
+
+<!-- The 3rd right-most line of "A" --> <span>b&nbsp; c&nbsp;&nbsp; </span>
+
+<!-- The 4th right-most line of "A" --> <span>ddddddd</span>
+
+
+
+<!-- The right-most line of "P" --> <span class="right-border">eeee&nbsp;&nbsp; </span>
+
+<!-- The 2nd right-most line of "P" --> <span>f&nbsp; g&nbsp;&nbsp; </span>
+
+<!-- The 3rd right-most line of "P" --> <span>h&nbsp; j&nbsp;&nbsp; </span>
+
+<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-052.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-052.htm
new file mode 100644
index 00000000000..abe1ac7f5e3
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-052.htm
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-001-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert">
+
+  <style type="text/css">
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#inline-block
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
+  /*
+  Why 'vertical-align: top' ?
+  See
+  http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
+  for explanations
+  */
+      writing-mode: sideways-rl;
+    }
+
+  span
+    {
+      border-right: blue solid 1em;
+      display: block;
+    }
+
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div id="inline-block">
+
+<!-- The right-most "S" --> <span>A&nbsp; BBBB C&nbsp; D&nbsp; E F&nbsp; G&nbsp; H JJJJ&nbsp; K</span>
+
+<!-- The left-most "S" --> <span>L&nbsp; MMMM Q&nbsp; R&nbsp; S T&nbsp; U&nbsp; V WWWW&nbsp; X</span>
+
+<!-- The "A" --> <span>YYYYYYY Z&nbsp; a&nbsp;&nbsp; b&nbsp; c&nbsp;&nbsp; ddddddd</span>
+
+<!-- The "P" --> <span id="left-border">eeee&nbsp;&nbsp; f&nbsp; g&nbsp;&nbsp; h&nbsp; j&nbsp;&nbsp; kkkkkkk</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-053.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-053.htm
new file mode 100644
index 00000000000..705ed7dd76b
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-053.htm
@@ -0,0 +1,100 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-001-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert">
+
+  <style type="text/css">
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div.inline-block
+    {
+      background-color: blue;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
+  /*
+  Why 'vertical-align: top' ?
+  See
+  http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
+  for explanations
+  */
+      writing-mode: sideways-rl;
+    }
+
+  span
+    {
+      display: block;
+    }
+
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div class="inline-block">
+
+<!-- The right-most line of "P" --> <span>eeee&nbsp;&nbsp; </span>
+
+<!-- The 2nd right-most line of "P" --> <span>f&nbsp; g&nbsp;&nbsp; </span>
+
+<!-- The 3rd right-most line of "P" --> <span>h&nbsp; j&nbsp;&nbsp; </span>
+
+<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span>
+
+    </div><div class="inline-block">
+
+<!-- The right-most line of "A" --> <span>YYYYYYY</span>
+
+<!-- The 2nd right-most line of "A" --> <span>Z&nbsp; a&nbsp;&nbsp; </span>
+
+<!-- The 3rd right-most line of "A" --> <span>b&nbsp; c&nbsp;&nbsp; </span>
+
+<!-- The 4th right-most line of "A" --> <span>ddddddd</span>
+
+    </div><div class="inline-block">
+
+<!-- The right-most line of left-most "S" --> <span>L&nbsp; MMMM</span>
+
+<!-- The 2nd right-most line of left-most "S" --> <span>Q&nbsp; R&nbsp; S</span>
+
+<!-- The 3rd right-most line of left-most "S" --> <span>T&nbsp; U&nbsp; V</span>
+
+<!-- The 4th right-most line of left-most "S" --> <span>WWWW&nbsp; X</span>
+
+    </div><div class="inline-block">
+
+<!-- The right-most line of right-most "S" --> <span>A&nbsp; BBBB</span>
+
+<!-- The 2nd right-most line of right-most "S" --> <span>C&nbsp; D&nbsp; E</span>
+
+<!-- The 3rd right-most line of right-most "S" --> <span>F&nbsp; G&nbsp; H</span>
+
+<!-- The 4th right-most line of right-most "S" --> <span>JJJJ&nbsp; K</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-054.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-054.htm
new file mode 100644
index 00000000000..23a5b6698f7
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-054.htm
@@ -0,0 +1,104 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-001-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert">
+
+  <style type="text/css">
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#inline-block
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
+  /*
+  Why 'vertical-align: top' ?
+  See
+  http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
+  for explanations
+  */
+      writing-mode: sideways-lr;
+    }
+
+  span
+    {
+      display: block;
+    }
+
+  span.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  span#right-border
+    {
+    border-right: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div id="inline-block">
+
+<!-- The 1st left-most line of "P" --> <span class="left-border">AAAAAAA</span>
+
+<!-- The 2nd left-most line of "P" --> <span>&nbsp;&nbsp; B &nbsp;C</span>
+
+<!-- The 3rd left-most line of "P" --> <span>&nbsp;&nbsp; D &nbsp;E</span>
+
+<!-- The 4th left-most line of "P" --> <span>&nbsp;&nbsp; FFFF</span>
+
+
+
+<!-- The left-most line of "A" --> <span class="left-border">GGGGGGG</span>
+
+<!-- The 2nd left-most line of "A" --> <span>&nbsp;&nbsp; H &nbsp;J</span>
+
+<!-- The 3rd left-most line of "A" --> <span>&nbsp;&nbsp; K &nbsp;L</span>
+
+<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <span class="left-border">N&nbsp; QQQQ</span>
+
+<!-- The 2nd left-most line of left-most "S" --> <span>R&nbsp; S&nbsp; T</span>
+
+<!-- The 3rd left-most line of left-most "S" --> <span>U&nbsp; V&nbsp; W</span>
+
+<!-- The 4th left-most line of left-most "S" --> <span>XXXX &nbsp;Y</span>
+
+
+
+<!-- The left-most line of right-most "S" --> <span class="left-border">a&nbsp; bbbb</span>
+
+<!-- The 2nd left-most line of right-most "S" --> <span>c&nbsp; d&nbsp; e</span>
+
+<!-- The 3rd left-most line of right-most "S" --> <span>f&nbsp; g&nbsp; h</span>
+
+<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj &nbsp;k</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-055.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-055.htm
new file mode 100644
index 00000000000..cb3b5c46b63
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-055.htm
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-001-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr'  establishes a block formating context with a left-to-right block flow direction." name="assert">
+
+  <style type="text/css">
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#inline-block
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      writing-mode: sideways-lr;
+    }
+
+  span
+    {
+      border-left: blue solid 1em;
+      display: block;
+    }
+
+  span#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div id="inline-block">
+
+<!-- The "P" --> <span>AAAAAAA &nbsp;&nbsp; B &nbsp;C &nbsp;&nbsp; D &nbsp;E &nbsp;&nbsp; FFFF</span>
+
+<!-- The "A" --> <span>GGGGGGG &nbsp;&nbsp; H &nbsp;J &nbsp;&nbsp; K &nbsp;L MMMMMMM</span>
+
+<!-- The left-most "S" --> <span>N&nbsp; QQQQ R&nbsp; S&nbsp; T U&nbsp; V&nbsp; W XXXX &nbsp;Y</span>
+
+<!-- The right-most "S" --> <span id="right-border">a&nbsp; bbbb c&nbsp; d&nbsp; e f&nbsp; g&nbsp; h jjjj &nbsp;k</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-056.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-056.htm
new file mode 100644
index 00000000000..cf4c07e2889
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-056.htm
@@ -0,0 +1,100 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-001-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert">
+
+  <style type="text/css">
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div.inline-block
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-left: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
+  /*
+  Why 'vertical-align: top' ?
+  See
+  http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
+  for explanations
+  */
+      writing-mode: sideways-lr;
+    }
+
+  span
+    {
+      display: block;
+    }
+
+  span#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div class="inline-block">
+
+<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span>
+
+<!-- The 2nd left-most line of "P" --> <span>&nbsp;&nbsp; B &nbsp;C</span>
+
+<!-- The 3rd left-most line of "P" --> <span>&nbsp;&nbsp; D &nbsp;E</span>
+
+<!-- The 4th left-most line of "P" --> <span>&nbsp;&nbsp; FFFF</span>
+
+    </div><div class="inline-block">
+
+<!-- The left-most line of "A" --> <span>GGGGGGG</span>
+
+<!-- The 2nd left-most line of "A" --> <span>&nbsp;&nbsp; H &nbsp;J</span>
+
+<!-- The 3rd left-most line of "A" --> <span>&nbsp;&nbsp; K &nbsp;L</span>
+
+<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span>
+
+    </div><div class="inline-block">
+
+<!-- The 1st left-most line of left-most "S" --> <span>N&nbsp; QQQQ</span>
+
+<!-- The 2nd left-most line of left-most "S" --> <span>R&nbsp; S&nbsp; T</span>
+
+<!-- The 3rd left-most line of left-most "S" --> <span>U&nbsp; V&nbsp; W</span>
+
+<!-- The 4th left-most line of left-most "S" --> <span>XXXX &nbsp;Y</span>
+
+    </div><div class="inline-block">
+
+<!-- The left-most line of right-most "S" --> <span>a&nbsp; bbbb</span>
+
+<!-- The 2nd left-most line of right-most "S" --> <span>c&nbsp; d&nbsp; e</span>
+
+<!-- The 3rd left-most line of right-most "S" --> <span>f&nbsp; g&nbsp; h</span>
+
+<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj &nbsp;k</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-057.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-057.htm
new file mode 100644
index 00000000000..85e5500c9fd
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-057.htm
@@ -0,0 +1,93 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: table-cell and 'sideways-rl' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-001-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert">
+
+  <style type="text/css">
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#table-cell
+    {
+      display: table-cell;
+      height: 9em;
+      writing-mode: sideways-rl;
+    }
+
+  div#table-cell > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div id="table-cell">
+
+<!-- The right-most line of right-most "S" --> <div class="right-border">A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+
+
+<!-- The right-most line of left-most "S" --> <div class="right-border">L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+
+
+<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+
+
+<!-- The right-most line of "P" --> <div class="right-border">eeee&nbsp;&nbsp; </div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-058.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-058.htm
new file mode 100644
index 00000000000..79f49349075
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-058.htm
@@ -0,0 +1,92 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: table-cell and 'sideways-lr' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-001-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert">
+
+  <style type="text/css">
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#table-cell
+    {
+      display: table-cell;
+      height: 9em;
+      writing-mode: sideways-lr;
+    }
+
+  div#table-cell > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div id="table-cell">
+
+<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+
+<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N&nbsp; QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+
+
+<!-- The left-most line of right-most "S" --> <div class="left-border">a&nbsp; bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj &nbsp;k</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-059.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-059.htm
new file mode 100644
index 00000000000..b99ec256713
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-059.htm
@@ -0,0 +1,93 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: table-caption and 'sideways-rl' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-001-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert">
+
+  <style type="text/css">
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#table-caption
+    {
+      display: table-caption;
+      height: 9em;
+      writing-mode: sideways-rl;
+    }
+
+  div#table-caption > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div id="table-caption">
+
+<!-- The right-most line of right-most "S" --> <div class="right-border">A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+
+
+<!-- The right-most line of left-most "S" --> <div class="right-border">L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+
+
+<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+
+
+<!-- The right-most line of "P" --> <div class="right-border">eeee&nbsp;&nbsp; </div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-060.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-060.htm
new file mode 100644
index 00000000000..7e2f4642095
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-060.htm
@@ -0,0 +1,92 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: table-caption and 'sideways-lr' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-001-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert">
+
+  <style type="text/css">
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#table-caption
+    {
+      display: table-caption;
+      height: 9em;
+      writing-mode: sideways-lr;
+    }
+
+  div#table-caption > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div id="table-caption">
+
+<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+
+<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N&nbsp; QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+
+
+<!-- The left-most line of right-most "S" --> <div class="left-border">a&nbsp; bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj &nbsp;k</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-061.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-061.htm
new file mode 100644
index 00000000000..6eeb81bd1cd
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-061.htm
@@ -0,0 +1,96 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: list and sideways-rl - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-002-ref.htm">
+
+  <meta content="ahem image" name="flags">
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc... " name="assert">
+
+  <style type="text/css">
+  html
+    {
+      writing-mode: sideways-rl;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  ul
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      list-style: none outside url("support/blue1x1.png");
+      margin: 0em;
+      padding-top: 1em; /* overriding default padding-start: 40px in several browsers */
+    }
+
+  ul.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  ul#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+<!-- The right-most line of right-most "S" --> <ul class="right-border"><li>A&nbsp; BBBB</li></ul>
+
+<!-- The 2nd right-most line of right-most "S" --> <ul><li>C&nbsp; D&nbsp; E</li></ul>
+
+<!-- The 3rd right-most line of right-most "S" --> <ul><li>F&nbsp; G&nbsp; H</li></ul>
+
+<!-- The 4th right-most line of right-most "S" --> <ul><li>JJJJ&nbsp; K</li></ul>
+
+
+
+<!-- The right-most line of left-most "S" --> <ul class="right-border"><li>L&nbsp; MMMM</li></ul>
+
+<!-- The 2nd right-most line of left-most "S" --> <ul><li>Q&nbsp; R&nbsp; S</li></ul>
+
+<!-- The 3rd right-most line of left-most "S" --> <ul><li>T&nbsp; U&nbsp; V</li></ul>
+
+<!-- The 4th right-most line of left-most "S" --> <ul><li>WWWW&nbsp; X</li></ul>
+
+
+
+<!-- The right-most line of "A" --> <ul class="right-border"><li>YYYYYYY</li></ul>
+
+<!-- The 2nd right-most line of "A" --> <ul><li>Z&nbsp; a&nbsp;&nbsp; </li></ul>
+
+<!-- The 3rd right-most line of "A" --> <ul><li>b&nbsp; c&nbsp;&nbsp; </li></ul>
+
+<!-- The 4th right-most line of "A" --> <ul><li>ddddddd</li></ul>
+
+
+
+<!-- The right-most line of "P" --> <ul class="right-border"><li>eeee&nbsp;&nbsp; </li></ul>
+
+<!-- The 2nd right-most line of "P" --> <ul><li>f&nbsp; g&nbsp;&nbsp; </li></ul>
+
+<!-- The 3rd right-most line of "P" --> <ul><li>h&nbsp; j&nbsp;&nbsp; </li></ul>
+
+<!-- The 4th right-most line of "P" --> <ul id="left-border"><li>kkkkkkk</li></ul>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-062.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-062.htm
new file mode 100644
index 00000000000..d9ec4c616bd
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-062.htm
@@ -0,0 +1,96 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: list and sideways-lr - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-043-ref.htm">
+
+  <meta content="ahem image" name="flags">
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc... " name="assert">
+
+  <style type="text/css">
+  html
+    {
+      writing-mode: sideways-lr;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  ul
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      list-style: none outside url("support/blue1x1.png");
+      margin: 0em;
+      padding-bottom: 1em; /* overriding default 40px in several browsers */
+    }
+
+  ul.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  ul#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+<!-- The 1st left-most line of "P" --> <ul class="left-border"><li>AAAAAAA</li></ul>
+
+<!-- The 2nd left-most line of "P" --> <ul><li>&nbsp;&nbsp; B &nbsp;C</li></ul>
+
+<!-- The 3rd left-most line of "P" --> <ul><li>&nbsp;&nbsp; D &nbsp;E</li></ul>
+
+<!-- The 4th left-most line of "P" --> <ul><li>&nbsp;&nbsp; FFFF</li></ul>
+
+
+
+<!-- The left-most line of "A" --> <ul class="left-border"><li>GGGGGGG</li></ul>
+
+<!-- The 2nd left-most line of "A" --> <ul><li>&nbsp;&nbsp; H &nbsp;J</li></ul>
+
+<!-- The 3rd left-most line of "A" --> <ul><li>&nbsp;&nbsp; K &nbsp;L</li></ul>
+
+<!-- The 4th left-most line of "A" --> <ul><li>MMMMMMM</li></ul>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <ul class="left-border"><li>N&nbsp; QQQQ</li></ul>
+
+<!-- The 2nd left-most line of left-most "S" --> <ul><li>R&nbsp; S&nbsp; T</li></ul>
+
+<!-- The 3rd left-most line of left-most "S" --> <ul><li>U&nbsp; V&nbsp; W</li></ul>
+
+<!-- The 4th left-most line of left-most "S" --> <ul><li>XXXX &nbsp;Y</li></ul>
+
+
+
+<!-- The left-most line of right-most "S" --> <ul class="left-border"><li>a&nbsp; bbbb</li></ul>
+
+<!-- The 2nd left-most line of right-most "S" --> <ul><li>c&nbsp; d&nbsp; e</li></ul>
+
+<!-- The 3rd left-most line of right-most "S" --> <ul><li>f&nbsp; g&nbsp; h</li></ul>
+
+<!-- The 4th left-most line of right-most "S" --> <ul id="right-border"><li>jjjj &nbsp;k</li></ul>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-063.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-063.htm
new file mode 100644
index 00000000000..f7f705fbbdb
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-063.htm
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: sideways-lr - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-043-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... " name="assert">
+
+  <!--
+  This test is a variation of block-flow-direction-003 test.
+  -->
+
+  <style type="text/css">
+  html
+    {
+      writing-mode: sideways-lr;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  div
+    {
+      background-color: blue;
+      border: blue solid 1em;
+      border-right: blue none 0em;
+    }
+
+  div#right-most
+    {
+      border-right: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+<!-- The "P" --> <div>AAAAAAA &nbsp;&nbsp; B &nbsp;C &nbsp;&nbsp; D &nbsp;E &nbsp;&nbsp; FFFF</div>
+
+<!-- The "A" --> <div>GGGGGGG &nbsp;&nbsp; H &nbsp;J &nbsp;&nbsp; K &nbsp;L MMMMMMM</div>
+
+<!-- The left-most "S" --> <div>N&nbsp; QQQQ R&nbsp; S&nbsp; T U&nbsp; V&nbsp; W XXXX &nbsp;Y</div>
+
+<!-- The right-most "S" --> <div id="right-most">a&nbsp; bbbb c&nbsp; d&nbsp; e f&nbsp; g&nbsp; h jjjj &nbsp;k</div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-064.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-064.htm
new file mode 100644
index 00000000000..4b7e8f44829
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-064.htm
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: sideways-rl - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="match" href="reference/block-flow-direction-002-ref.htm">
+
+  <meta content="ahem" name="flags">
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... " name="assert">
+
+  <!--
+  This test is a variation of block-flow-direction-002 test.
+  -->
+
+  <style type="text/css">
+  html
+    {
+      writing-mode: sideways-rl;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  </style>
+ </head>
+
+ <body>
+
+<!-- The right-most "S" --> <div>A&nbsp; BBBB C&nbsp; D&nbsp; E F&nbsp; G&nbsp; H JJJJ&nbsp; K</div>
+
+<!-- The left-most "S" --> <div>L&nbsp; MMMM Q&nbsp; R&nbsp; S T&nbsp; U&nbsp; V WWWW&nbsp; X</div>
+
+<!-- The "A" --> <div>YYYYYYY Z&nbsp; a&nbsp;&nbsp; b&nbsp; c&nbsp;&nbsp; ddddddd</div>
+
+<!-- The "P" --> <div id="left-border">eeee&nbsp;&nbsp; f&nbsp; g&nbsp;&nbsp; h&nbsp; j&nbsp;&nbsp; kkkkkkk</div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-065.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-065.htm
new file mode 100644
index 00000000000..d14aaab5326
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-065.htm
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: writing mode (sideways-rl) of document - horizontal position of first block</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts">
+  <link rel="match" href="reference/block-flow-direction-025-ref.htm">
+
+  <meta content="image" name="flags">
+  <meta content="This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block." name="assert">
+
+  <style type="text/css">
+  html
+    {
+      writing-mode: sideways-rl;
+    }
+
+  div
+    {
+      background-color: blue;
+      height: 100px;
+      width: 100px;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div></div>
+
+  <p><img src="support/block-flow-direction-025-exp-res.png" width="359" height="36" alt="Image download support must be enabled"></p>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-066.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-066.htm
new file mode 100644
index 00000000000..6f7bab2fd69
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-066.htm
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Writing Modes Test: writing mode (sideways-lr) of document - horizontal position of first block</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property">
+  <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts">
+  <link rel="match" href="reference/block-flow-direction-066-ref.htm">
+
+  <meta content="image" name="flags">
+  <meta content="This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block." name="assert">
+
+  <style type="text/css">
+  html
+    {
+      writing-mode: sideways-lr;
+    }
+
+  div
+    {
+      background-color: blue;
+      height: 100px;
+      width: 100px;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <div></div>
+
+  <p><img src="support/block-flow-direction-066-exp-res.png" width="358" height="36" alt="Image download support must be enabled"></p>
+
+  <!--
+  The image says:
+  Test passes if there is a blue square in the
+  <strong>bottom-left corner</strong> of the page.
+  -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm
index 1fbd34bbc83..1f2a3f7a5bb 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm
@@ -13,7 +13,7 @@
  <body>
 
   <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
-  <h2>Introduction to Vertical Text (89 tests)</h2>
+  <h2>Introduction to Vertical Text (113 tests)</h2>
   <table width="100%">
     <col id="test-column">
     <col id="refs-column">
@@ -40,7 +40,7 @@
       <tr><th colspan="4" scope="rowgroup">
         <a href="#s3.1">+</a>
         <a href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">3.1 Block Flow Direction: the writing-mode property</a></th></tr>
-      <!-- 74 tests -->
+      <!-- 98 tests -->
       <tr id="block-flow-direction-001-3.1" class="primary ahem">
         <td><strong>
             <a href="block-flow-direction-001.htm">block-flow-direction-001</a></strong></td>
@@ -316,6 +316,270 @@
           </ul>
         </td>
       </tr>
+      <tr id="block-flow-direction-042-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-042.htm">block-flow-direction-042</a></strong></td>
+        <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>sideways-rl - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-043-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-043.htm">block-flow-direction-043</a></strong></td>
+        <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>sideways-lr - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-045-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-045.htm">block-flow-direction-045</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-046-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-046.htm">block-flow-direction-046</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-047-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-047.htm">block-flow-direction-047</a></strong></td>
+        <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-048-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-048.htm">block-flow-direction-048</a></strong></td>
+        <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-049-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-049.htm">block-flow-direction-049</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>position absolute and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-050-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-050.htm">block-flow-direction-050</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>position absolute and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-051-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-051.htm">block-flow-direction-051</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-052-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-052.htm">block-flow-direction-052</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-053-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-053.htm">block-flow-direction-053</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-054-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-054.htm">block-flow-direction-054</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-055-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-055.htm">block-flow-direction-055</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-056-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-056.htm">block-flow-direction-056</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-057-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-057.htm">block-flow-direction-057</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>table-cell and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-058-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-058.htm">block-flow-direction-058</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>table-cell and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-059-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-059.htm">block-flow-direction-059</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>table-caption and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-060-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-060.htm">block-flow-direction-060</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>table-caption and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-061-3.1" class="primary ahem image">
+        <td><strong>
+            <a href="block-flow-direction-061.htm">block-flow-direction-061</a></strong></td>
+        <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>list and sideways-rl - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-062-3.1" class="primary ahem image">
+        <td><strong>
+            <a href="block-flow-direction-062.htm">block-flow-direction-062</a></strong></td>
+        <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>list and sideways-lr - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-063-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-063.htm">block-flow-direction-063</a></strong></td>
+        <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>sideways-lr - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-064-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-064.htm">block-flow-direction-064</a></strong></td>
+        <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>sideways-rl - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-065-3.1" class="primary image">
+        <td><strong>
+            <a href="block-flow-direction-065.htm">block-flow-direction-065</a></strong></td>
+        <td><a href="reference/block-flow-direction-025-ref.htm">=</a> </td>
+        <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>writing mode (sideways-rl) of document - horizontal position of first block
+          <ul class="assert">
+            <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-066-3.1" class="primary image">
+        <td><strong>
+            <a href="block-flow-direction-066.htm">block-flow-direction-066</a></strong></td>
+        <td><a href="reference/block-flow-direction-066-ref.htm">=</a> </td>
+        <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>writing mode (sideways-lr) of document - horizontal position of first block
+          <ul class="assert">
+            <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.</li>
+          </ul>
+        </td>
+      </tr>
       <tr id="different-block-flow-dir-001-3.1" class="primary">
         <td><strong>
             <a href="different-block-flow-dir-001.htm">different-block-flow-dir-001</a></strong></td>
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-7.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-7.htm
index 88a0d102fc6..20395fc629b 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-7.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-7.htm
@@ -13,7 +13,7 @@
  <body>
 
   <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
-  <h2>Abstract Box Layout (519 tests)</h2>
+  <h2>Abstract Box Layout (522 tests)</h2>
   <table width="100%">
     <col id="test-column">
     <col id="refs-column">
@@ -37,7 +37,7 @@
       <tr><th colspan="4" scope="rowgroup">
         <a href="#s7.1">+</a>
         <a href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout">7.1 Principles of Layout in Vertical Writing Modes</a></th></tr>
-      <!-- 355 tests -->
+      <!-- 358 tests -->
       <tr id="abs-pos-non-replaced-icb-vlr-003-7.1" class="primary">
         <td><strong>
             <a href="abs-pos-non-replaced-icb-vlr-003.htm">abs-pos-non-replaced-icb-vlr-003</a></strong></td>
@@ -3623,6 +3623,14 @@
           </ul>
         </td>
       </tr>
+      <tr id="outline-inline-block-vrl-006-7.1" class="primary ahem">
+        <td><strong>
+            <a href="outline-inline-block-vrl-006.htm">outline-inline-block-vrl-006</a></strong></td>
+        <td><a href="reference/outline-inline-block-vrl-006.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>outline layout and inline-block and vertical-rl writing-mode
+        </td>
+      </tr>
       <tr id="outline-inline-slr-005-7.1" class="primary">
         <td><strong>
             <a href="outline-inline-slr-005.htm">outline-inline-slr-005</a></strong></td>
@@ -3647,6 +3655,14 @@
         <td>outline layout and non-replaced inline in vertical-lr writing-mode
         </td>
       </tr>
+      <tr id="outline-inline-vlr-006-7.1" class="primary ahem">
+        <td><strong>
+            <a href="outline-inline-vlr-006.htm">outline-inline-vlr-006</a></strong></td>
+        <td><a href="reference/outline-inline-vlr-006.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>outline layout and non-replaced inline and vertical-lr writing-mode
+        </td>
+      </tr>
       <tr id="outline-inline-vrl-002-7.1" class="primary">
         <td><strong>
             <a href="outline-inline-vrl-002.htm">outline-inline-vrl-002</a></strong></td>
@@ -3655,6 +3671,14 @@
         <td>outline layout and non-replaced inline and vertical-rl writing-mode
         </td>
       </tr>
+      <tr id="outline-inline-vrl-006-7.1" class="primary ahem">
+        <td><strong>
+            <a href="outline-inline-vrl-006.htm">outline-inline-vrl-006</a></strong></td>
+        <td><a href="reference/outline-inline-vrl-006.htm">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>outline layout and non-replaced inline and vertical-rl writing-mode
+        </td>
+      </tr>
       <tr id="padding-vlr-005-7.1" class="primary image">
         <td><strong>
             <a href="padding-vlr-005.htm">padding-vlr-005</a></strong></td>
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-block-vrl-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-block-vrl-006.htm
new file mode 100644
index 00000000000..c4341f3b810
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-block-vrl-006.htm
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html><head><title>CSS Writing Modes Test: outline layout and inline-block and vertical-rl writing-mode</title>
+<link href="reference/outline-inline-block-vrl-006.htm" rel="match">
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
+<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes">
+<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property">
+<meta content="ahem" name="flags">
+<style>
+.container {
+  color:transparent;
+  font:50px/1 Ahem;
+  height:6em;
+  writing-mode:vertical-rl;
+}
+.outline {
+  color:orange;
+  display:inline-block;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div class="container">
+  <!--
+    Additional div to ensure that the origin of the containing block of the
+    outline span is different from the origin of the writing mode root.
+  -->
+  <div>123<span class="outline">XXX</span></div>
+  <div>12345 6<span class="outline">XX</span></div>
+  <div>1</div>
+  <div><span class="outline">1</span></div>
+  <div>1</div>
+</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-vlr-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-vlr-006.htm
new file mode 100644
index 00000000000..c7331ad02af
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-vlr-006.htm
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode</title>
+<link href="reference/outline-inline-vlr-006.htm" rel="match">
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
+<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes">
+<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property">
+<meta content="ahem" name="flags">
+<style>
+div {
+  color:transparent;
+  font:50px/1 Ahem;
+  width:2em;
+  height:5em;
+}
+.vlr {
+  writing-mode:vertical-lr;
+}
+.outline {
+  color:orange;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div class="vlr">1234<span class="outline">5 6</span>7890</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-vrl-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-vrl-006.htm
new file mode 100644
index 00000000000..6d16446f9ce
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-vrl-006.htm
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
+<link href="reference/outline-inline-vrl-006.htm" rel="match">
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
+<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes">
+<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property">
+<meta content="ahem" name="flags">
+<style>
+.container {
+  color:transparent;
+  font:50px/1 Ahem;
+  height:5em;
+  writing-mode:vertical-rl;
+}
+.outline {
+  color:orange;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div class="container">
+  <!--
+    Additional div to ensure that the origin of the containing block of the
+    outline span is different from the origin of the writing mode root.
+  -->
+  <div>1</div>
+  <div>1234<span class="outline">5 6</span>7890</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm
new file mode 100644
index 00000000000..225dee0ef77
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-11-22 -->
+
+  <!-- This reference file is the bottom-left-corner version of
+  block-flow-direction-001-ref.xht
+  -->
+
+  <meta name="flags" content="image">
+  <style type="text/css">
+  div
+    {
+      background-color: yellow;
+      bottom: 8px;
+      font: 20px/1 Ahem;
+      left: 8px;
+      position: absolute;
+      width: 21em;
+    }
+
+  img
+    {
+      vertical-align: top;
+    }
+  </style>
+ </head>
+ <body>
+
+ <div><img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled">
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">   <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled">
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled">
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled">
+
+ <img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled">
+ </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-066-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-066-ref.htm
new file mode 100644
index 00000000000..14902a702f3
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-066-ref.htm
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+  <title>CSS Reftest Reference</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <meta content="image" name="flags">
+
+  <style type="text/css">
+  p
+    {
+      bottom: 8px;
+      margin-bottom: 0px;
+      position: absolute;
+    }
+
+  img
+    {
+      vertical-align: bottom;
+    }
+
+  img + img
+    {
+      padding-left: 16px;
+    }
+  </style>
+ </head>
+
+ <body>
+
+  <p><img src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled"><img src="support/block-flow-direction-066-exp-res.png" width="358" height="36" alt="Image download support must be enabled"></p>
+
+  <!--
+  The image says:
+  Test passes if there is a blue square in the
+  <strong>bottom-left corner</strong> of the page.
+  -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-block-vrl-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-block-vrl-006.htm
new file mode 100644
index 00000000000..e4a2530e957
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-block-vrl-006.htm
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
+<meta content="ahem" name="flags">
+<style>
+.container {
+  color:transparent;
+  font:50px/1 Ahem;
+}
+.outline {
+  color:orange;
+  display:inline-block;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div class="container">
+  <span style="margin-left:1em" class="outline">1</span><br>
+  <span style="margin-left:3em" class="outline">1<br>2</span><br>
+  <span style="margin-left:5em" class="outline">1<br>2<br>X</span>
+</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-vlr-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-vlr-006.htm
new file mode 100644
index 00000000000..3b420df6101
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-vlr-006.htm
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode</title>
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
+<meta content="ahem" name="flags">
+<style>
+div {
+  color:transparent;
+  font:50px/1 Ahem;
+  width:2em;
+  height:5em;
+}
+.outline {
+  color:orange;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div>1<span class="outline">2</span> 34 56 78 <span class="outline">9</span>0</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-vrl-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-vrl-006.htm
new file mode 100644
index 00000000000..7aaacb66f0d
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-vrl-006.htm
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
+<meta content="ahem" name="flags">
+<style>
+.container {
+  color:transparent;
+  font:50px/1 Ahem;
+}
+.outline {
+  color:orange;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div class="container">
+  <div>111<span class="outline">1</span></div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1111<span class="outline">1</span></div>
+</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
zcmV;|4=C`7P)<h;3K|Lk000e1NJLTq00CwI001Ni0ssI2HKPZT00004XF*Lt006O%
z3;baP00009a7bBm000i_000ie0b|j*_y7O^2XskIMF-yt7X}eKbN%e=000kWNkl<Z
zc-rk<d0bTW7C$qL%rFZxB8q^3fMP6~xuK*mSh<$qo~FjLT+^Z_)ywRa=Brm}Wu~U)
zQfh)544UM#J|bkOsc7nevKZo^AlMAEulM~i3p31}-`vX#;&Q+L=-lP^JKuB8J#+b;
zd%r`&FbpWP0jiSM$7Rnrx^5VoB0}LYiV;1P<_f7InFj;QM5&!U8{t6*hM7!u<<=xS
z_w~%Dx-wjO&)Fd|QL5*D_CAqzfLo>yiYp$LWb^o9^uXbC5D4?67=~e(G*9U8e=1H$
zu#?sotxvL5eeLDXX0M_BtK@I3qUOlrFcyIk_-Q8|1V6VT(jIWj^Z{|j!;)<GAtJ89
zpu*uDXll+hM87t=7ta@X<2T$?Qy!u4$lmc-VSks=0;BBWw#C9IE&u>0V#NF{7o<k(
zKEvJOFEfTm`qKaaIN^!YmhU`uOJl+?X`aw=7S813&8-Hu9FzP*;dk?&?!f{8VD}U*
z-hQdsWIM*BC_k`b(vyL70APhC&RJJ-&o;U1*^#^2$OzwfyPGmQvLQ>)s_>6@a)>lf
zC`idJJ@nS-UR(eG|Cn(r3U2EO`QI{T%APaX%f>v>*~dJv*(4N46cOSca2Fk%i3BNo
z&mYKoHkykY>sB|pj#lApA<oeaDO2;M?Tdwx8~^}jkED593x7zq%|*l#gdf@?M%FQr
zY159m=cZ(6%Dxy87&CigQMFW~ZLa-ePv+3@XE#>qFbu<VRo{#VP5$?htMy8qPI0?*
z-&=_+2Vyt{$caoRdSH)~xAva9)vVP>|N4E~f+vGh*Im=J9N^nIZ9~Z|xmHzQ`u)pM
z-KU5e&5=gTjx?<8jBu_2$4o-=#XUfpCuI6344(Sgv1?6gokDWv+bP`z<M!P#67avp
zKg_7aSGJVY%C*Xxyt%<lVV>08SqQ_(dcak5a1Um3WBR1Lx%+Ibt5~D`>9~aiM|3`v
zuM-CMU%0)bMyAm=-#VZ3jxa2c-id@IZv5c&7~!PN=}nV^?9--Qa}QZEOpSTz!2>_P
zrnRfrl3iotUp*<uFidu2OhDo`NsF1fiqGRYBufT^GvQ!^9aDYvhNQ4b`M8;9tlORx
zI{jBUhM{Li?DB+BJCzIuf7;P|HoDrf)$u`Aj%aHw>DX<4vE1>?-`!aV!$^4m5gpuF
zd|0FQ)EQjGnpDXk#SxhgqDf&-Z@gjm-D+$&l*VO{DH&)#cs)kAX(L`87ld@a_i~Sp
zZ0(5iE`-dU9Oc`x$)|hjq|T>*s?Y%V^%>pk;v4CUzCL=jNe=+fsaMt&#fdaNsdb&c
zlaspG8Nmn}JH6YvT(Jsosg@n!t7?!N0RTBWV%L3OL>8R57X}Du)=$3Op6H^raztBe
zhF{Dxu^bXnL&F0PI7A1ZY2RrnK|aJ{?XKxah9fc`a?b@#AJfBbNsr!T*rWsx78-H<
z;N2MErcF?vKrPbw-pf5?$uP+3>dt3Ib+T{0`t+FhTZOn@2hge4(xWFn9Z>ac##4d5
z{K!FL=Y4vlQbn>8L}&5+9Bg3lLpVx_%m4tOmlUj;G9Z{`om-Gz__uX@#O#P&_kj^v
z(3m_H%`PqsI$(tSZ#kX8WY9=N4Gl6LKt%^X)|^1D%UF{GDURrTP_l#h4ov{MAD=}h
zVT*e|csEA)Y164CZQ42akiKE?L&K7H*E{`@pgBCo9{|9o%do}Y{vvMBY8pzmWe(Tn
z%ov!y<0h#LFe#gqCP!yVl-y7O13+J~KK-SGA<Ocw|E)3Nw0;q@yWDjj7<m!yto7zu
z1ib2ap}2_-UaU3E8W*v~&1Wzf?7lWJ`?E=MMC3yVM_K1sw472BX-OOW;BkyPHusPv
zgB?F<aMO`L>}w__FJ2tg=beih0GTM2*MI#D0|1TLHE!gr_jdgBb=-vmSFHD$G#a>n
zvQ&9_e^G;7fDE+-`x*vKjAH|+uOGh=`}T^NgTn<(IsgEs*BCInXHi_uj@acHBTw%q
zh&Y6}|Gj&bTd%ePIy(4&O<Xxtat}Y&I9EBhE3@fZgY7#Plb%0PrfL&MR6fK_98{lE
zaLcY{m>P=qUse*fqz!)XFh(7nd&rVO3mCO}u`Fxm2Zt`!Df9+)!<ECUr%l}-_ui5O
z^P@`2OYblIw4l6EZ8T~c#Yfg}sfl|&*3Vp}I*0ky7F}vG7*(|eOQJ(Fij}y<j8VPv
zrFXK=*D3TmdF|<)ODC>oW_>&=fCk_f^IYWBkKWsP`ew7<q?6t#-u%zyzsc>(jqBN6
z?ec_?r)8U%LrD4Gi)Rt>s>1?-yXfE;raqN9eZ_&&+e)Wc<D_iDqyds|KKTBR+bV-r
zTKUV`g&&GBpSE&znGan?f1KsJdg9WZr)%Xpy`t{IzISJ>s%9_<ThazUcpjq;%{_2x
z-nLp<H7Uw|%o-aTKnDQeMUQ-K$DfvFx=C48uy+2a_^zD*0Du=cJmbsayS5c^b@}EQ
zapt?MfT!l}s?xgZ)t}4B6h`=&d-W-c?0faP+QTcJkLzsirbh~weEsoYn}vwk-5Azp
zM!3Ch`|dri12LBlarQY*6kJ=2n$-1KXd=WtfR2u<XK+q_H!mra=^Sgk^wZZJT|TBa
z4*-A@^<37$((Dw1o@xF3h?{(9zPN2sN>4TbfM100jhu6PQylvXXiHFjXpa~XN}G1f
zJz7V;mL?OW_WUaIuXb)pP@q7irT0LmTtI;W1rp059d?%?6Qv5$3oSQ7R7I!oz}#X`
zY59Pb3<?w|P=A<Epg@5t85Af`pg@%j3KS?%C4&M53hi4mQaxAtbfqKMfr5^fsY%bS
zsXFk^_=Il0b^@q3DOt)^cz9J#DR`q~oNyBDc@$ulHY9tNPP}Hq)X$DKJh!V-u902O
zeyJOi$`B_!yeg*@ya7u4(+=v&!g2tJn=(3@%Y@$3ch^q`kcqycJmYXDMyZ@W-mpGf
zKJdf;&K+u&;Pma*_xZQ?mMLrxysK~IuY55voC^Q|-0;K~R~^2gcBL$c_jJA8b`k>)
z{?FREgS+_v04s9r$`iHadzU8n@C5*V-&tG5DmN-oIBJoYx;lT=jG;Yw77fUuGe0?Y
zOXq@!dlt?wGpH(aKbSf=%=~I5FMROCH#huRqc)LZJ!1RM8(vM0^0!S_W80OuW=q!S
z81vIbyqNL-{@)#kw?Bxna~dCqj!{;+b&)WV3jn~46fW9YDl=jor*i6T)mS%rpCpAv
zA2--a2GA3h?7etLsa4khne%!A4Ol7b$~72<X)8C6<^e5!N%qBhrB2mwd4Fa<AK;DI
zY<tlR@8U#kCp;ho&)QukRaEVIfd>E(5Sy{POs1&bljaXV8@9Q|K(1tHD>psI1?JG@
z`DKl2o%*g=^zINQbe|)tH=qo5#m))Z>l>b714Pf=aaN+xX`0INmk({xm?X~HFLLTP
zze^Nac}32wZcK;D#ZG#^phBuu-#PVhA_IUuF2|<SNSGbo_^sYyy1Hg~_a_%_FR77g
zEFzsj!`Fz_9jS8aMb%gWdY|Nsd0b0I(85y++g5pDMi&5Xx~S3Eba)aEpi4$!i>{#j
z<lI02-sB@qCh{f2M0~*b&nt8oh8gR2BszTDnFs*v^kdCrN`__L@T?1J+aanyGJ60-
zymemfdC4#}iqg3Nf|<u<Ek#7UDu!)-LzFmc2RTMZ8^V`aEj8ZWnFs*fDHh>&672BC
zcOY^%H!ajr4pU#fAt^L1_pYhqR8GC98tYc?ldLh18Ej3~=n=hJq)ynqM??cCigU${
zR}Y<(x8B?9=_mks;lVbkHWD8&Fgmakn1$6GKKio&KqXb1$jy83q#Ph(NO;S79jj+z
z1VBx0ewEJSKk!uI++qbl?~$=w+cw|W_pd3<8k59X$38!RPs5)hd`N`Fc)Fj!4*(R6
z7X2s^>=5Idhbqe}?d~Xt$p{-ey?d#s%tNUm4^>WEq0OqXZuLGr7v_AlJ0`XWa(r77
ziS8$00f4Mdrjbcx0KgL1DRf%*N~CR4Z6rJ(jZU-wx7A1Iek!u7YLL~*0HAnUV9TNO
zt}{*nfaH=y>#-v(<NI}H(>-I&@^`5`$zU?jvlC&57~eXSlG92K6Ho7sJUmo6ZJoJo
zRgHD4_vyJX=i^Z_bV^;z`)MY%R09C~5I&0^$_D_A{dc-`uS?ZNWQ)ez0}`G$*dG9r
zer#~Mb5-Sz;(0#4f3QCQsG5|<4q)v?c6jB%Ad@ILA^i4?4rwjSHmk<E)%$$#g*hLL
zl2KJ$(Q-?ts{E}QfHOQjE--$wkmt1bR5gHq>SUX0BaH?CIO2jh+u4K$BmsWf35USC
zcww0xH*o|9pyJnZ2MsgjnKxtH2`;)~*J}K<BsReH<5%Ri19jq6eS0lEt8NF@-eZR|
z)Khn|kJj2<Qij@seRl?=6SwnzsGPQ0HP)@(=Y1FEd`O$DKu=hjeW^jEQ{TOEAhRDG
zSjpCo$+x4pK=1p;zCUeyeSkM+i){f}QS@>E07Pc}c293m+z`!=2+1f?xZLi3K>S~n
zbN%ak#5yLLYwJg{0eZf)v9R)<#-NkeUCjGvd}z>wUA20|N~bG!7*3-h$rm7E_SQ2J
zg-(6<@_}W8x(@tAthIDBNU}yRBzub;hEHU8P`?G+ey?fPYMXDC>{$3@(C{@^33p5s
zC+CDjzggI*Hz;o&eJv{F<syaq9}v=B-!S%x(eEEDmB@8^RsH4sRbzqz$A5oQkNEAi
zCq`!NJtvXtEJoToCc5iu2l4y7y1k@ErZZ~)t}fa%I|}G_zAFDp7~Fs1j*^?rTAf^S
zKIiRcVq>^W!p0Ex<fGX!v3Ai1e(=dZhMHv=8G-TRvwjrYJ(p1}`f!@{aRYYPkm)P)
zZ>a6>*ebt&Wk`r+;f)zQWZv#-EowV*z*cgJe<43gF#^9s*`j5rsuHc7G0gJh0<c2|
zOni6WHKob*a~Vh$&dmn7_{X;=^zY6zFR3M@uRK<#w|{PeFl#B2i>K_|=DJaOVatN#
z2sQu!J0f|3(+|O-$MLqxsdrUl@$^2k&+bVMct#{8Cd~PGmkdf`hr&Y$Z_9J)uC5&L
zLj8AFHV$P|&Lz5*L4m^KRB?RyW4}20mrQ3esv9onez;&0Gh<<Ys$NhfgTkYE!3)w0
zrG@E&w!Rwc|Lo?RWrF>45(G>i20MDf+Pca6etxeXi}Ec2{2vN9EI{8Vjr{-s002ov
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm
index cecc3621c37..cd9b2712c55 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm
@@ -3248,6 +3248,198 @@
         <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
       </tr>
     </tbody>
+    <tbody id="block-flow-direction-042" class="ahem">
+      <tr>
+        <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes">
+          <a href="block-flow-direction-042.htm">block-flow-direction-042</a></td>
+        <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-043" class="ahem">
+      <tr>
+        <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes">
+          <a href="block-flow-direction-043.htm">block-flow-direction-043</a></td>
+        <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-045" class="ahem">
+      <tr>
+        <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-045.htm">block-flow-direction-045</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-046" class="ahem">
+      <tr>
+        <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-046.htm">block-flow-direction-046</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-047" class="ahem">
+      <tr>
+        <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-047.htm">block-flow-direction-047</a></td>
+        <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-048" class="ahem">
+      <tr>
+        <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-048.htm">block-flow-direction-048</a></td>
+        <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-049" class="ahem">
+      <tr>
+        <td rowspan="1" title="position absolute and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-049.htm">block-flow-direction-049</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-050" class="ahem">
+      <tr>
+        <td rowspan="1" title="position absolute and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-050.htm">block-flow-direction-050</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-051" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-051.htm">block-flow-direction-051</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-052" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-052.htm">block-flow-direction-052</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-053" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-053.htm">block-flow-direction-053</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-054" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-054.htm">block-flow-direction-054</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-055" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-055.htm">block-flow-direction-055</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-056" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-056.htm">block-flow-direction-056</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-057" class="ahem">
+      <tr>
+        <td rowspan="1" title="table-cell and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-057.htm">block-flow-direction-057</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-058" class="ahem">
+      <tr>
+        <td rowspan="1" title="table-cell and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-058.htm">block-flow-direction-058</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-059" class="ahem">
+      <tr>
+        <td rowspan="1" title="table-caption and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-059.htm">block-flow-direction-059</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-060" class="ahem">
+      <tr>
+        <td rowspan="1" title="table-caption and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-060.htm">block-flow-direction-060</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-061" class="ahem image">
+      <tr>
+        <td rowspan="1" title="list and sideways-rl - block flow direction of block-level boxes">
+          <a href="block-flow-direction-061.htm">block-flow-direction-061</a></td>
+        <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-062" class="ahem image">
+      <tr>
+        <td rowspan="1" title="list and sideways-lr - block flow direction of block-level boxes">
+          <a href="block-flow-direction-062.htm">block-flow-direction-062</a></td>
+        <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-063" class="ahem">
+      <tr>
+        <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes">
+          <a href="block-flow-direction-063.htm">block-flow-direction-063</a></td>
+        <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-064" class="ahem">
+      <tr>
+        <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes">
+          <a href="block-flow-direction-064.htm">block-flow-direction-064</a></td>
+        <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-065" class="image">
+      <tr>
+        <td rowspan="1" title="writing mode (sideways-rl) of document - horizontal position of first block">
+          <a href="block-flow-direction-065.htm">block-flow-direction-065</a></td>
+        <td><a href="reference/block-flow-direction-025-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-066" class="image">
+      <tr>
+        <td rowspan="1" title="writing mode (sideways-lr) of document - horizontal position of first block">
+          <a href="block-flow-direction-066.htm">block-flow-direction-066</a></td>
+        <td><a href="reference/block-flow-direction-066-ref.htm">=</a> </td>
+        <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
     <tbody id="block-override-001" class="">
       <tr>
         <td rowspan="1" title="direction: div override rtl">
@@ -4936,6 +5128,30 @@
         <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
       </tr>
     </tbody>
+    <tbody id="outline-inline-block-vrl-006" class="ahem">
+      <tr>
+        <td rowspan="1" title="outline layout and inline-block and vertical-rl writing-mode">
+          <a href="outline-inline-block-vrl-006.htm">outline-inline-block-vrl-006</a></td>
+        <td><a href="reference/outline-inline-block-vrl-006.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="outline-inline-vlr-006" class="ahem">
+      <tr>
+        <td rowspan="1" title="outline layout and non-replaced inline and vertical-lr writing-mode">
+          <a href="outline-inline-vlr-006.htm">outline-inline-vlr-006</a></td>
+        <td><a href="reference/outline-inline-vlr-006.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="outline-inline-vrl-006" class="ahem">
+      <tr>
+        <td rowspan="1" title="outline layout and non-replaced inline and vertical-rl writing-mode">
+          <a href="outline-inline-vrl-006.htm">outline-inline-vrl-006</a></td>
+        <td><a href="reference/outline-inline-vrl-006.htm">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
     <tbody id="padding-vlr-005" class="image">
       <tr>
         <td rowspan="1" title="padding in 'vertical-lr' writing-mode context">
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list
index 8ffdf8a2cec..c126758c877 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list
@@ -402,6 +402,30 @@ block-flow-direction-022.htm == reference/block-flow-direction-001-ref.htm
 block-flow-direction-023.htm == reference/block-flow-direction-001-ref.htm
 block-flow-direction-024.htm == reference/block-flow-direction-002-ref.htm
 block-flow-direction-025.htm == reference/block-flow-direction-025-ref.htm
+block-flow-direction-042.htm == reference/block-flow-direction-002-ref.htm
+block-flow-direction-043.htm == reference/block-flow-direction-043-ref.htm
+block-flow-direction-045.htm == reference/block-flow-direction-001-ref.htm
+block-flow-direction-046.htm == reference/block-flow-direction-001-ref.htm
+block-flow-direction-047.htm == reference/block-flow-direction-002-ref.htm
+block-flow-direction-048.htm == reference/block-flow-direction-002-ref.htm
+block-flow-direction-049.htm == reference/block-flow-direction-001-ref.htm
+block-flow-direction-050.htm == reference/block-flow-direction-001-ref.htm
+block-flow-direction-051.htm == reference/block-flow-direction-001-ref.htm
+block-flow-direction-052.htm == reference/block-flow-direction-001-ref.htm
+block-flow-direction-053.htm == reference/block-flow-direction-001-ref.htm
+block-flow-direction-054.htm == reference/block-flow-direction-001-ref.htm
+block-flow-direction-055.htm == reference/block-flow-direction-001-ref.htm
+block-flow-direction-056.htm == reference/block-flow-direction-001-ref.htm
+block-flow-direction-057.htm == reference/block-flow-direction-001-ref.htm
+block-flow-direction-058.htm == reference/block-flow-direction-001-ref.htm
+block-flow-direction-059.htm == reference/block-flow-direction-001-ref.htm
+block-flow-direction-060.htm == reference/block-flow-direction-001-ref.htm
+block-flow-direction-061.htm == reference/block-flow-direction-002-ref.htm
+block-flow-direction-062.htm == reference/block-flow-direction-043-ref.htm
+block-flow-direction-063.htm == reference/block-flow-direction-043-ref.htm
+block-flow-direction-064.htm == reference/block-flow-direction-002-ref.htm
+block-flow-direction-065.htm == reference/block-flow-direction-025-ref.htm
+block-flow-direction-066.htm == reference/block-flow-direction-066-ref.htm
 block-override-001.htm == reference/block-override-001.htm
 block-override-002.htm == reference/block-override-002.htm
 block-override-003.htm == reference/block-override-003.htm
@@ -613,6 +637,9 @@ margin-collapse-vrl-034.htm == reference/ref-filled-green-100px-square.htm
 margin-collapse-vrl-036.htm == reference/ref-filled-green-100px-square.htm
 margin-vlr-003.htm == reference/margin-vrl-002-ref.htm
 margin-vrl-002.htm == reference/margin-vrl-002-ref.htm
+outline-inline-block-vrl-006.htm == reference/outline-inline-block-vrl-006.htm
+outline-inline-vlr-006.htm == reference/outline-inline-vlr-006.htm
+outline-inline-vrl-006.htm == reference/outline-inline-vrl-006.htm
 padding-vlr-005.htm == reference/margin-vrl-002-ref.htm
 padding-vrl-004.htm == reference/margin-vrl-002-ref.htm
 percent-margin-vlr-003.htm == reference/margin-vrl-002-ref.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm
index d7e5e034305..c865fb4999d 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm
@@ -32,7 +32,7 @@
     <tbody id="s3">
       <tr><th><a href="chapter-3.htm">Chapter 3 - 
         Introduction to Vertical Text</a></th>
-      <td>(89 Tests)</td></tr>
+      <td>(113 Tests)</td></tr>
     </tbody>
     <tbody id="s4">
       <tr><th><a href="chapter-4.htm">Chapter 4 - 
@@ -52,7 +52,7 @@
     <tbody id="s7">
       <tr><th><a href="chapter-7.htm">Chapter 7 - 
         Abstract Box Layout</a></th>
-      <td>(519 Tests)</td></tr>
+      <td>(522 Tests)</td></tr>
     </tbody>
     <tbody id="s8">
       <tr><th><a href="chapter-8.htm">Chapter 8 - 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data
index cdb97c924ed..eb569c4d6d4 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data
@@ -809,54 +809,102 @@ html/block-embed-003.htm	5a2ea65cfd1fccd182350cb160caaadd6d17a02d	?
 xhtml1/block-embed-003.xht	5a2ea65cfd1fccd182350cb160caaadd6d17a02d	?
 html/block-flow-direction-001.htm	44f3f900314ac5af53fd9014c41c853b7bb96e93	?
 xhtml1/block-flow-direction-001.xht	44f3f900314ac5af53fd9014c41c853b7bb96e93	?
-html/block-flow-direction-002.htm	f76c85033e7f77641067f179e9cb6c2a257993b9	?
-xhtml1/block-flow-direction-002.xht	f76c85033e7f77641067f179e9cb6c2a257993b9	?
-html/block-flow-direction-003.htm	ae8c2d3023d90bfcb87f9c1a377b8325418d9186	?
-xhtml1/block-flow-direction-003.xht	ae8c2d3023d90bfcb87f9c1a377b8325418d9186	?
+html/block-flow-direction-002.htm	5c9e8af7d012391a0cf3e467c18cd28aa0362ee9	?
+xhtml1/block-flow-direction-002.xht	5c9e8af7d012391a0cf3e467c18cd28aa0362ee9	?
+html/block-flow-direction-003.htm	04de4c62ecb1d2fc240821c80b6be58b3479f864	?
+xhtml1/block-flow-direction-003.xht	04de4c62ecb1d2fc240821c80b6be58b3479f864	?
 html/block-flow-direction-004.htm	87224a4f647a5e688530ed22fe4fa2703adab3ef	?
 xhtml1/block-flow-direction-004.xht	87224a4f647a5e688530ed22fe4fa2703adab3ef	?
-html/block-flow-direction-005.htm	48c141df0f86b4e5b40e84a9a8498ed955b4c091	?
-xhtml1/block-flow-direction-005.xht	48c141df0f86b4e5b40e84a9a8498ed955b4c091	?
-html/block-flow-direction-006.htm	5c2da4f5b3e4dba9916cb630999350307b23fb3e	?
-xhtml1/block-flow-direction-006.xht	5c2da4f5b3e4dba9916cb630999350307b23fb3e	?
-html/block-flow-direction-007.htm	155352d758a86e7454a7a663272d1274bee8b49f	?
-xhtml1/block-flow-direction-007.xht	155352d758a86e7454a7a663272d1274bee8b49f	?
-html/block-flow-direction-008.htm	f71d5f561a80b14032671961cd37a017d2268df0	?
-xhtml1/block-flow-direction-008.xht	f71d5f561a80b14032671961cd37a017d2268df0	?
-html/block-flow-direction-009.htm	b048a48983e46cd9c110fc4261e544dd14ae46a6	?
-xhtml1/block-flow-direction-009.xht	b048a48983e46cd9c110fc4261e544dd14ae46a6	?
-html/block-flow-direction-010.htm	3b0ca5bca3d31338df307188ac75bd4dd5e00664	?
-xhtml1/block-flow-direction-010.xht	3b0ca5bca3d31338df307188ac75bd4dd5e00664	?
-html/block-flow-direction-011.htm	461dd467e43b124e96be1d4ac8ffae9494df3361	?
-xhtml1/block-flow-direction-011.xht	461dd467e43b124e96be1d4ac8ffae9494df3361	?
-html/block-flow-direction-012.htm	2df3eb21a2ece981c5168ada830b4353aa4385f5	?
-xhtml1/block-flow-direction-012.xht	2df3eb21a2ece981c5168ada830b4353aa4385f5	?
-html/block-flow-direction-013.htm	c20c2f47fd7c59884b794ad025d9c47c395e6248	?
-xhtml1/block-flow-direction-013.xht	c20c2f47fd7c59884b794ad025d9c47c395e6248	?
-html/block-flow-direction-014.htm	b44acfc65ec31f4ea17dd56c9e7379ec86df7ea2	?
-xhtml1/block-flow-direction-014.xht	b44acfc65ec31f4ea17dd56c9e7379ec86df7ea2	?
-html/block-flow-direction-015.htm	9af49e6edee9fe3a8cc8ed1a4b61eb86e9db6a28	?
-xhtml1/block-flow-direction-015.xht	9af49e6edee9fe3a8cc8ed1a4b61eb86e9db6a28	?
-html/block-flow-direction-016.htm	0687ecb763842c4937f50b991b135fdb61ba1a21	?
-xhtml1/block-flow-direction-016.xht	0687ecb763842c4937f50b991b135fdb61ba1a21	?
-html/block-flow-direction-017.htm	7f600cd4a4fce114a2698658b317d444af89e2b0	?
-xhtml1/block-flow-direction-017.xht	7f600cd4a4fce114a2698658b317d444af89e2b0	?
-html/block-flow-direction-018.htm	5cc2e0394ee9fc2e8c4393d1fca9b964111413ce	?
-xhtml1/block-flow-direction-018.xht	5cc2e0394ee9fc2e8c4393d1fca9b964111413ce	?
-html/block-flow-direction-019.htm	38faffff4ffff208f0179399778e99f7d361e62a	?
-xhtml1/block-flow-direction-019.xht	38faffff4ffff208f0179399778e99f7d361e62a	?
-html/block-flow-direction-020.htm	4d431792ca25bd32b7f1afd91295cb1bce0b8e16	?
-xhtml1/block-flow-direction-020.xht	4d431792ca25bd32b7f1afd91295cb1bce0b8e16	?
-html/block-flow-direction-021.htm	b651e390189799fd3ba5645a387bb0076143fcbd	?
-xhtml1/block-flow-direction-021.xht	b651e390189799fd3ba5645a387bb0076143fcbd	?
-html/block-flow-direction-022.htm	b5558106d1fd33be280c620b17a771f8b8b04561	?
-xhtml1/block-flow-direction-022.xht	b5558106d1fd33be280c620b17a771f8b8b04561	?
-html/block-flow-direction-023.htm	47ff826dfb1a902d348cc85684500d3213eca3a0	?
-xhtml1/block-flow-direction-023.xht	47ff826dfb1a902d348cc85684500d3213eca3a0	?
-html/block-flow-direction-024.htm	dd2c95409479bbec764e167cd07fe185d8677107	?
-xhtml1/block-flow-direction-024.xht	dd2c95409479bbec764e167cd07fe185d8677107	?
+html/block-flow-direction-005.htm	19d6c862abd4bbb497a79b7854ff36a92e359bb9	?
+xhtml1/block-flow-direction-005.xht	19d6c862abd4bbb497a79b7854ff36a92e359bb9	?
+html/block-flow-direction-006.htm	69944fcf1c68c9d9601789ff315ebfff67af335f	?
+xhtml1/block-flow-direction-006.xht	69944fcf1c68c9d9601789ff315ebfff67af335f	?
+html/block-flow-direction-007.htm	5762555012033e263d15589c1761c7f162522cf6	?
+xhtml1/block-flow-direction-007.xht	5762555012033e263d15589c1761c7f162522cf6	?
+html/block-flow-direction-008.htm	3aced69861609275f621ac3fb95ad5447670e790	?
+xhtml1/block-flow-direction-008.xht	3aced69861609275f621ac3fb95ad5447670e790	?
+html/block-flow-direction-009.htm	a54cced47078b3a68d3eb38dfa7fc2acc31e4985	?
+xhtml1/block-flow-direction-009.xht	a54cced47078b3a68d3eb38dfa7fc2acc31e4985	?
+html/block-flow-direction-010.htm	92cc02cb3b4ad46fed8890ec471e4a95daebfd51	?
+xhtml1/block-flow-direction-010.xht	92cc02cb3b4ad46fed8890ec471e4a95daebfd51	?
+html/block-flow-direction-011.htm	00641510869b1e4ae2e4f11100696408b80bdf7f	?
+xhtml1/block-flow-direction-011.xht	00641510869b1e4ae2e4f11100696408b80bdf7f	?
+html/block-flow-direction-012.htm	dcd7145988194f22139d18ff39769a279dc69930	?
+xhtml1/block-flow-direction-012.xht	dcd7145988194f22139d18ff39769a279dc69930	?
+html/block-flow-direction-013.htm	11e9fff1bccd00695d7199c7cc4b3a747c423b31	?
+xhtml1/block-flow-direction-013.xht	11e9fff1bccd00695d7199c7cc4b3a747c423b31	?
+html/block-flow-direction-014.htm	d381dd732d4cb52cad4c95278dc064b07c07745c	?
+xhtml1/block-flow-direction-014.xht	d381dd732d4cb52cad4c95278dc064b07c07745c	?
+html/block-flow-direction-015.htm	0ad39ff63db30d1857570edd044ab52330df0842	?
+xhtml1/block-flow-direction-015.xht	0ad39ff63db30d1857570edd044ab52330df0842	?
+html/block-flow-direction-016.htm	dc77235c2c9b519a945f9e4aacaa4a97ec8d878c	?
+xhtml1/block-flow-direction-016.xht	dc77235c2c9b519a945f9e4aacaa4a97ec8d878c	?
+html/block-flow-direction-017.htm	b754020995f81dd4bdc7724a11d3e5627bd4635a	?
+xhtml1/block-flow-direction-017.xht	b754020995f81dd4bdc7724a11d3e5627bd4635a	?
+html/block-flow-direction-018.htm	b4846a278087e245afa7906739ebc29bd064b0c3	?
+xhtml1/block-flow-direction-018.xht	b4846a278087e245afa7906739ebc29bd064b0c3	?
+html/block-flow-direction-019.htm	d9411cf53b2d5939eba25f07d0df0e5dac4f4975	?
+xhtml1/block-flow-direction-019.xht	d9411cf53b2d5939eba25f07d0df0e5dac4f4975	?
+html/block-flow-direction-020.htm	9ee8ac4727f563cb12230fdeca50995ee079f05d	?
+xhtml1/block-flow-direction-020.xht	9ee8ac4727f563cb12230fdeca50995ee079f05d	?
+html/block-flow-direction-021.htm	26cfe2621ebbba3fc203d83162c2d82d366f718d	?
+xhtml1/block-flow-direction-021.xht	26cfe2621ebbba3fc203d83162c2d82d366f718d	?
+html/block-flow-direction-022.htm	1ded5744a815d3f8a7a92507ea990296d6a6b097	?
+xhtml1/block-flow-direction-022.xht	1ded5744a815d3f8a7a92507ea990296d6a6b097	?
+html/block-flow-direction-023.htm	798374964b006150956da1e531b9b8dc193c6d2e	?
+xhtml1/block-flow-direction-023.xht	798374964b006150956da1e531b9b8dc193c6d2e	?
+html/block-flow-direction-024.htm	615663a35f0f8883842a5bcbf77cf8e788fbdc48	?
+xhtml1/block-flow-direction-024.xht	615663a35f0f8883842a5bcbf77cf8e788fbdc48	?
 html/block-flow-direction-025.htm	6b3673477ab3c066dec96f347d5c1f6aaafc0622	?
 xhtml1/block-flow-direction-025.xht	6b3673477ab3c066dec96f347d5c1f6aaafc0622	?
+html/block-flow-direction-042.htm	df94875e12886f6dc69caf83f9753f9e854de4ca	?
+xhtml1/block-flow-direction-042.xht	df94875e12886f6dc69caf83f9753f9e854de4ca	?
+html/block-flow-direction-043.htm	d620513327a1baf327a3a34c8a2cf6e3fbd25f68	?
+xhtml1/block-flow-direction-043.xht	d620513327a1baf327a3a34c8a2cf6e3fbd25f68	?
+html/block-flow-direction-045.htm	cb0b9aa5f9924a5c63a1b29f5f0ac7b99fbf97b1	?
+xhtml1/block-flow-direction-045.xht	cb0b9aa5f9924a5c63a1b29f5f0ac7b99fbf97b1	?
+html/block-flow-direction-046.htm	bc17e76d85e2e708fb04751460b57a60ce5c0a86	?
+xhtml1/block-flow-direction-046.xht	bc17e76d85e2e708fb04751460b57a60ce5c0a86	?
+html/block-flow-direction-047.htm	6ab3fc6d4944e8a48966ffaa85142b9b19468617	?
+xhtml1/block-flow-direction-047.xht	6ab3fc6d4944e8a48966ffaa85142b9b19468617	?
+html/block-flow-direction-048.htm	2b2a96a6cb128b020a40650a17603b9ed9a1efa7	?
+xhtml1/block-flow-direction-048.xht	2b2a96a6cb128b020a40650a17603b9ed9a1efa7	?
+html/block-flow-direction-049.htm	fb772f83f079e3a9320d1a93246f6e34b99e9267	?
+xhtml1/block-flow-direction-049.xht	fb772f83f079e3a9320d1a93246f6e34b99e9267	?
+html/block-flow-direction-050.htm	a6ff9d8832f3a99a1a890745066e7d8988911ea4	?
+xhtml1/block-flow-direction-050.xht	a6ff9d8832f3a99a1a890745066e7d8988911ea4	?
+html/block-flow-direction-051.htm	1b211d57083d0e48effa803b3740386763b47a83	?
+xhtml1/block-flow-direction-051.xht	1b211d57083d0e48effa803b3740386763b47a83	?
+html/block-flow-direction-052.htm	200e1135bd938e8c1884b482831da93745ce205b	?
+xhtml1/block-flow-direction-052.xht	200e1135bd938e8c1884b482831da93745ce205b	?
+html/block-flow-direction-053.htm	51069f50da4611b4937f16d27e7632d6af6b9182	?
+xhtml1/block-flow-direction-053.xht	51069f50da4611b4937f16d27e7632d6af6b9182	?
+html/block-flow-direction-054.htm	77529af0b060562d96c95e9ba69d5b027ebf0ea3	?
+xhtml1/block-flow-direction-054.xht	77529af0b060562d96c95e9ba69d5b027ebf0ea3	?
+html/block-flow-direction-055.htm	41718dc593a80f58ead3335ee8741c44948938df	?
+xhtml1/block-flow-direction-055.xht	41718dc593a80f58ead3335ee8741c44948938df	?
+html/block-flow-direction-056.htm	35282509954f2e32b8e2d08f01c769b2c6ccfae6	?
+xhtml1/block-flow-direction-056.xht	35282509954f2e32b8e2d08f01c769b2c6ccfae6	?
+html/block-flow-direction-057.htm	0f660ee8f6d45c27f3cb0b303a2782fcbb0f8405	?
+xhtml1/block-flow-direction-057.xht	0f660ee8f6d45c27f3cb0b303a2782fcbb0f8405	?
+html/block-flow-direction-058.htm	141e410db8a069da0026072d00aa78275580965f	?
+xhtml1/block-flow-direction-058.xht	141e410db8a069da0026072d00aa78275580965f	?
+html/block-flow-direction-059.htm	dcbac90bb1e96e626d0c0c0766971df2d2455b6a	?
+xhtml1/block-flow-direction-059.xht	dcbac90bb1e96e626d0c0c0766971df2d2455b6a	?
+html/block-flow-direction-060.htm	32411bf7a80af4400d47a685ffea28e86f4ca544	?
+xhtml1/block-flow-direction-060.xht	32411bf7a80af4400d47a685ffea28e86f4ca544	?
+html/block-flow-direction-061.htm	f24099feb05a2d8860e9c2e8a5b4adff52f9c6c5	?
+xhtml1/block-flow-direction-061.xht	f24099feb05a2d8860e9c2e8a5b4adff52f9c6c5	?
+html/block-flow-direction-062.htm	4790f1a71d513e51935cfa8e6f4d5ae8df8ade46	?
+xhtml1/block-flow-direction-062.xht	4790f1a71d513e51935cfa8e6f4d5ae8df8ade46	?
+html/block-flow-direction-063.htm	1f3ef0d5b047336ae444f036209e66fde393ffd3	?
+xhtml1/block-flow-direction-063.xht	1f3ef0d5b047336ae444f036209e66fde393ffd3	?
+html/block-flow-direction-064.htm	4ce9e308161754d6f5293e0d28b94f8316f5caca	?
+xhtml1/block-flow-direction-064.xht	4ce9e308161754d6f5293e0d28b94f8316f5caca	?
+html/block-flow-direction-065.htm	023ff8747304789a30ff10a1bca125ec74d665db	?
+xhtml1/block-flow-direction-065.xht	023ff8747304789a30ff10a1bca125ec74d665db	?
+html/block-flow-direction-066.htm	172e1587f1d5af4a41e87f5010fa2046053ba0c6	?
+xhtml1/block-flow-direction-066.xht	172e1587f1d5af4a41e87f5010fa2046053ba0c6	?
 html/block-override-001.htm	c9f01a298fdc3c1c6eaceefc08c1f134078a0c61	?
 xhtml1/block-override-001.xht	c9f01a298fdc3c1c6eaceefc08c1f134078a0c61	?
 html/block-override-002.htm	1c72e7aa6e1d313b0e23b11e9e637b1f77dd39f4	?
@@ -1347,14 +1395,20 @@ html/orthogonal-parent-shrink-to-fit-001w.htm	42a695a9c6f4336a806d7ee4cc4fee15c1
 xhtml1/orthogonal-parent-shrink-to-fit-001w.xht	42a695a9c6f4336a806d7ee4cc4fee15c1221e76	?
 html/orthogonal-parent-shrink-to-fit-001x.htm	7cee4685013bbd4ae5c8d547e28661c88967e548	?
 xhtml1/orthogonal-parent-shrink-to-fit-001x.xht	7cee4685013bbd4ae5c8d547e28661c88967e548	?
+html/outline-inline-block-vrl-006.htm	8e4288e8f27ab96c2cf1df2d52d7e8c1d93d9318	?
+xhtml1/outline-inline-block-vrl-006.xht	8e4288e8f27ab96c2cf1df2d52d7e8c1d93d9318	?
 html/outline-inline-slr-005.htm	feefed7bb113e47f3bbb347eec4dac1a3f9310ec	?
 xhtml1/outline-inline-slr-005.xht	feefed7bb113e47f3bbb347eec4dac1a3f9310ec	?
 html/outline-inline-srl-004.htm	78586049cea376c528cb91f51fb496b83c9ad4d1	?
 xhtml1/outline-inline-srl-004.xht	78586049cea376c528cb91f51fb496b83c9ad4d1	?
 html/outline-inline-vlr-003.htm	aa78e4d2270903852d387b3d25cc21a7af73d8a9	?
 xhtml1/outline-inline-vlr-003.xht	aa78e4d2270903852d387b3d25cc21a7af73d8a9	?
+html/outline-inline-vlr-006.htm	ceeb41816beb13ced78157d67b074a3296998c4d	?
+xhtml1/outline-inline-vlr-006.xht	ceeb41816beb13ced78157d67b074a3296998c4d	?
 html/outline-inline-vrl-002.htm	74c5379d6fd8c46ca528d9f91df735b584cb9a55	?
 xhtml1/outline-inline-vrl-002.xht	74c5379d6fd8c46ca528d9f91df735b584cb9a55	?
+html/outline-inline-vrl-006.htm	9d51bfd03596b89289a8ed3012654e9df32b40d3	?
+xhtml1/outline-inline-vrl-006.xht	9d51bfd03596b89289a8ed3012654e9df32b40d3	?
 html/padding-vlr-005.htm	4c16042900e00793d562c3b4f5c39a3df16b1f95	?
 xhtml1/padding-vlr-005.xht	4c16042900e00793d562c3b4f5c39a3df16b1f95	?
 html/padding-vrl-004.htm	43a0740c77fa25671e5831c88555b884e75216ee	?
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data b/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data
index 822d6101c90..38a2fb26b26 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data
@@ -402,30 +402,54 @@ block-embed-001	reference/block-embed-001	direction: div direction rtl		http://w
 block-embed-002	reference/block-embed-002	direction: div direction ltr		http://www.w3.org/TR/css-writing-modes-3/#text-direction	5069f35597f779fbb548ebf2f2ee2e5cc5416bcf	`Richard Ishida`<mailto:ishida@w3.org>	If direction is applied to a block element containing mixed direction text, the text in that element will be displayed in the expected order.
 block-embed-003	reference/block-embed-003	direction: div direction rtl		http://www.w3.org/TR/css-writing-modes-3/#text-direction	5a2ea65cfd1fccd182350cb160caaadd6d17a02d	`Richard Ishida`<mailto:ishida@w3.org>	If direction is applied to a block element, contained block elements inherit that direction.
 block-flow-direction-001	reference/block-flow-direction-001-ref	horizontal-tb - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	44f3f900314ac5af53fd9014c41c853b7bb96e93	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc...
-block-flow-direction-002	reference/block-flow-direction-002-ref	vertical-rl - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	f76c85033e7f77641067f179e9cb6c2a257993b9	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
-block-flow-direction-003	reference/block-flow-direction-001-ref	vertical-lr - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	ae8c2d3023d90bfcb87f9c1a377b8325418d9186	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
+block-flow-direction-002	reference/block-flow-direction-002-ref	vertical-rl - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	5c9e8af7d012391a0cf3e467c18cd28aa0362ee9	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
+block-flow-direction-003	reference/block-flow-direction-001-ref	vertical-lr - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	04de4c62ecb1d2fc240821c80b6be58b3479f864	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
 block-flow-direction-004	reference/block-flow-direction-001-ref	'writing-mode' - initial value is 'horizontal-tb'	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	87224a4f647a5e688530ed22fe4fa2703adab3ef	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that the default, initial value of writing-mode is 'horizontal-tb'.
-block-flow-direction-005	reference/block-flow-direction-001-ref	'float: left' and 'vertical-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	48c141df0f86b4e5b40e84a9a8498ed955b4c091	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
-block-flow-direction-006	reference/block-flow-direction-001-ref	'float: left' and 'vertical-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	5c2da4f5b3e4dba9916cb630999350307b23fb3e	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.
-block-flow-direction-007	reference/block-flow-direction-002-ref	'float: right' and 'vertical-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	155352d758a86e7454a7a663272d1274bee8b49f	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
-block-flow-direction-008	reference/block-flow-direction-002-ref	'float: right' and 'vertical-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	f71d5f561a80b14032671961cd37a017d2268df0	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.
-block-flow-direction-009	reference/block-flow-direction-001-ref	position absolute and 'vertical-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	b048a48983e46cd9c110fc4261e544dd14ae46a6	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
-block-flow-direction-010	reference/block-flow-direction-001-ref	position absolute and 'vertical-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	3b0ca5bca3d31338df307188ac75bd4dd5e00664	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
-block-flow-direction-011	reference/block-flow-direction-001-ref	inline-block and 'vertical-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	461dd467e43b124e96be1d4ac8ffae9494df3361	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
-block-flow-direction-012	reference/block-flow-direction-001-ref	inline-block and 'vertical-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	2df3eb21a2ece981c5168ada830b4353aa4385f5	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
-block-flow-direction-013	reference/block-flow-direction-001-ref	inline-block and 'vertical-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	c20c2f47fd7c59884b794ad025d9c47c395e6248	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
-block-flow-direction-014	reference/block-flow-direction-001-ref	inline-block and 'vertical-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	b44acfc65ec31f4ea17dd56c9e7379ec86df7ea2	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
-block-flow-direction-015	reference/block-flow-direction-001-ref	inline-block and 'vertical-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	9af49e6edee9fe3a8cc8ed1a4b61eb86e9db6a28	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
-block-flow-direction-016	reference/block-flow-direction-001-ref	inline-block and 'vertical-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	0687ecb763842c4937f50b991b135fdb61ba1a21	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
-block-flow-direction-017	reference/block-flow-direction-001-ref	table-cell and 'vertical-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	7f600cd4a4fce114a2698658b317d444af89e2b0	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
-block-flow-direction-018	reference/block-flow-direction-001-ref	table-cell and 'vertical-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	5cc2e0394ee9fc2e8c4393d1fca9b964111413ce	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
-block-flow-direction-019	reference/block-flow-direction-001-ref	table-caption and 'vertical-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	38faffff4ffff208f0179399778e99f7d361e62a	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
-block-flow-direction-020	reference/block-flow-direction-001-ref	table-caption and 'vertical-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	4d431792ca25bd32b7f1afd91295cb1bce0b8e16	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
-block-flow-direction-021	reference/block-flow-direction-002-ref	list and vertical-rl - block flow direction of block-level boxes	ahem,image	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	b651e390189799fd3ba5645a387bb0076143fcbd	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
-block-flow-direction-022	reference/block-flow-direction-001-ref	list and vertical-lr - block flow direction of block-level boxes	ahem,image	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	b5558106d1fd33be280c620b17a771f8b8b04561	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...
-block-flow-direction-023	reference/block-flow-direction-001-ref	vertical-lr - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	47ff826dfb1a902d348cc85684500d3213eca3a0	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
-block-flow-direction-024	reference/block-flow-direction-002-ref	vertical-rl - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	dd2c95409479bbec764e167cd07fe185d8677107	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
+block-flow-direction-005	reference/block-flow-direction-001-ref	'float: left' and 'vertical-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	19d6c862abd4bbb497a79b7854ff36a92e359bb9	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
+block-flow-direction-006	reference/block-flow-direction-001-ref	'float: left' and 'vertical-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	69944fcf1c68c9d9601789ff315ebfff67af335f	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.
+block-flow-direction-007	reference/block-flow-direction-002-ref	'float: right' and 'vertical-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	5762555012033e263d15589c1761c7f162522cf6	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
+block-flow-direction-008	reference/block-flow-direction-002-ref	'float: right' and 'vertical-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	3aced69861609275f621ac3fb95ad5447670e790	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.
+block-flow-direction-009	reference/block-flow-direction-001-ref	position absolute and 'vertical-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	a54cced47078b3a68d3eb38dfa7fc2acc31e4985	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
+block-flow-direction-010	reference/block-flow-direction-001-ref	position absolute and 'vertical-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	92cc02cb3b4ad46fed8890ec471e4a95daebfd51	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
+block-flow-direction-011	reference/block-flow-direction-001-ref	inline-block and 'vertical-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	00641510869b1e4ae2e4f11100696408b80bdf7f	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
+block-flow-direction-012	reference/block-flow-direction-001-ref	inline-block and 'vertical-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	dcd7145988194f22139d18ff39769a279dc69930	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
+block-flow-direction-013	reference/block-flow-direction-001-ref	inline-block and 'vertical-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	11e9fff1bccd00695d7199c7cc4b3a747c423b31	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
+block-flow-direction-014	reference/block-flow-direction-001-ref	inline-block and 'vertical-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	d381dd732d4cb52cad4c95278dc064b07c07745c	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
+block-flow-direction-015	reference/block-flow-direction-001-ref	inline-block and 'vertical-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	0ad39ff63db30d1857570edd044ab52330df0842	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
+block-flow-direction-016	reference/block-flow-direction-001-ref	inline-block and 'vertical-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	dc77235c2c9b519a945f9e4aacaa4a97ec8d878c	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
+block-flow-direction-017	reference/block-flow-direction-001-ref	table-cell and 'vertical-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	b754020995f81dd4bdc7724a11d3e5627bd4635a	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
+block-flow-direction-018	reference/block-flow-direction-001-ref	table-cell and 'vertical-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	b4846a278087e245afa7906739ebc29bd064b0c3	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
+block-flow-direction-019	reference/block-flow-direction-001-ref	table-caption and 'vertical-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	d9411cf53b2d5939eba25f07d0df0e5dac4f4975	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
+block-flow-direction-020	reference/block-flow-direction-001-ref	table-caption and 'vertical-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	9ee8ac4727f563cb12230fdeca50995ee079f05d	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
+block-flow-direction-021	reference/block-flow-direction-002-ref	list and vertical-rl - block flow direction of block-level boxes	ahem,image	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	26cfe2621ebbba3fc203d83162c2d82d366f718d	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
+block-flow-direction-022	reference/block-flow-direction-001-ref	list and vertical-lr - block flow direction of block-level boxes	ahem,image	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	1ded5744a815d3f8a7a92507ea990296d6a6b097	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...
+block-flow-direction-023	reference/block-flow-direction-001-ref	vertical-lr - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	798374964b006150956da1e531b9b8dc193c6d2e	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
+block-flow-direction-024	reference/block-flow-direction-002-ref	vertical-rl - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	615663a35f0f8883842a5bcbf77cf8e788fbdc48	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
 block-flow-direction-025	reference/block-flow-direction-025-ref	writing mode of document - horizontal position of first block	image	http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting	6b3673477ab3c066dec96f347d5c1f6aaafc0622	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.
+block-flow-direction-042	reference/block-flow-direction-002-ref	sideways-rl - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	df94875e12886f6dc69caf83f9753f9e854de4ca	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
+block-flow-direction-043	reference/block-flow-direction-043-ref	sideways-lr - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	d620513327a1baf327a3a34c8a2cf6e3fbd25f68	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
+block-flow-direction-045	reference/block-flow-direction-001-ref	'float: left' and 'sideways-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	cb0b9aa5f9924a5c63a1b29f5f0ac7b99fbf97b1	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
+block-flow-direction-046	reference/block-flow-direction-001-ref	'float: left' and 'sideways-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	bc17e76d85e2e708fb04751460b57a60ce5c0a86	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.
+block-flow-direction-047	reference/block-flow-direction-002-ref	'float: right' and 'sideways-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	6ab3fc6d4944e8a48966ffaa85142b9b19468617	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.
+block-flow-direction-048	reference/block-flow-direction-002-ref	'float: right' and 'sideways-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	2b2a96a6cb128b020a40650a17603b9ed9a1efa7	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction.
+block-flow-direction-049	reference/block-flow-direction-001-ref	position absolute and 'sideways-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	fb772f83f079e3a9320d1a93246f6e34b99e9267	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
+block-flow-direction-050	reference/block-flow-direction-001-ref	position absolute and 'sideways-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	a6ff9d8832f3a99a1a890745066e7d8988911ea4	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.
+block-flow-direction-051	reference/block-flow-direction-001-ref	inline-block and 'sideways-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	1b211d57083d0e48effa803b3740386763b47a83	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
+block-flow-direction-052	reference/block-flow-direction-001-ref	inline-block and 'sideways-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	200e1135bd938e8c1884b482831da93745ce205b	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
+block-flow-direction-053	reference/block-flow-direction-001-ref	inline-block and 'sideways-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	51069f50da4611b4937f16d27e7632d6af6b9182	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
+block-flow-direction-054	reference/block-flow-direction-001-ref	inline-block and 'sideways-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	77529af0b060562d96c95e9ba69d5b027ebf0ea3	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.
+block-flow-direction-055	reference/block-flow-direction-001-ref	inline-block and 'sideways-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	41718dc593a80f58ead3335ee8741c44948938df	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.
+block-flow-direction-056	reference/block-flow-direction-001-ref	inline-block and 'sideways-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	35282509954f2e32b8e2d08f01c769b2c6ccfae6	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.
+block-flow-direction-057	reference/block-flow-direction-001-ref	table-cell and 'sideways-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	0f660ee8f6d45c27f3cb0b303a2782fcbb0f8405	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
+block-flow-direction-058	reference/block-flow-direction-001-ref	table-cell and 'sideways-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	141e410db8a069da0026072d00aa78275580965f	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.
+block-flow-direction-059	reference/block-flow-direction-001-ref	table-caption and 'sideways-rl' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	dcbac90bb1e96e626d0c0c0766971df2d2455b6a	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
+block-flow-direction-060	reference/block-flow-direction-001-ref	table-caption and 'sideways-lr' - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	32411bf7a80af4400d47a685ffea28e86f4ca544	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.
+block-flow-direction-061	reference/block-flow-direction-002-ref	list and sideways-rl - block flow direction of block-level boxes	ahem,image	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	f24099feb05a2d8860e9c2e8a5b4adff52f9c6c5	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
+block-flow-direction-062	reference/block-flow-direction-043-ref	list and sideways-lr - block flow direction of block-level boxes	ahem,image	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	4790f1a71d513e51935cfa8e6f4d5ae8df8ade46	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...
+block-flow-direction-063	reference/block-flow-direction-043-ref	sideways-lr - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	1f3ef0d5b047336ae444f036209e66fde393ffd3	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
+block-flow-direction-064	reference/block-flow-direction-002-ref	sideways-rl - block flow direction of block-level boxes	ahem	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	4ce9e308161754d6f5293e0d28b94f8316f5caca	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
+block-flow-direction-065	reference/block-flow-direction-025-ref	writing mode (sideways-rl) of document - horizontal position of first block	image	http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting	023ff8747304789a30ff10a1bca125ec74d665db	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block.
+block-flow-direction-066	reference/block-flow-direction-066-ref	writing mode (sideways-lr) of document - horizontal position of first block	image	http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting	172e1587f1d5af4a41e87f5010fa2046053ba0c6	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.
 block-override-001	reference/block-override-001	direction: div override rtl		http://www.w3.org/TR/css-writing-modes-3/#text-direction	c9f01a298fdc3c1c6eaceefc08c1f134078a0c61	`Richard Ishida`<mailto:ishida@w3.org>	If unicode-bidi:bidi-override is applied to a block element, characters are displayed strictly in sequence according to the direction property.
 block-override-002	reference/block-override-002	direction: div override ltr		http://www.w3.org/TR/css-writing-modes-3/#text-direction	1c72e7aa6e1d313b0e23b11e9e637b1f77dd39f4	`Richard Ishida`<mailto:ishida@w3.org>	If unicode-bidi:bidi-override is applied to a block element, characters are displayed strictly in sequence according to the direction property.
 block-override-003	reference/block-override-003	direction: div direction ltr		http://www.w3.org/TR/css-writing-modes-3/#text-direction	2cb8aa89ffc3dba127564bb84e4bdb28bd208d26	`Richard Ishida`<mailto:ishida@w3.org>	If unicode-bidi:bidi-override is applied to a block element with no direction value set, characters are displayed strictly in sequence, in ltr order.
@@ -671,10 +695,13 @@ orthogonal-parent-shrink-to-fit-001u		Shrink-to-fit table-cell with a child of o
 orthogonal-parent-shrink-to-fit-001v		Shrink-to-fit table-cell with a child of orthogonal inline in inline-block	ahem,script	http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows	85976e84a05546df77e17c38ea94e8166b5ad54d	`Koji Ishii`<mailto:kojiishi@gmail.com>	Shrink-to-fit table-cell with a child of orthogonal inline in inline-block
 orthogonal-parent-shrink-to-fit-001w		Shrink-to-fit table-cell with a child of orthogonal block with borders in inline-block	ahem,script	http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows	42a695a9c6f4336a806d7ee4cc4fee15c1221e76	`Koji Ishii`<mailto:kojiishi@gmail.com>	Shrink-to-fit table-cell with a child of orthogonal block with borders in inline-block
 orthogonal-parent-shrink-to-fit-001x		Shrink-to-fit table-cell with a child of orthogonal inline with borders in inline-block	ahem,script	http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows	7cee4685013bbd4ae5c8d547e28661c88967e548	`Koji Ishii`<mailto:kojiishi@gmail.com>	Shrink-to-fit table-cell with a child of orthogonal inline with borders in inline-block
+outline-inline-block-vrl-006	reference/outline-inline-block-vrl-006	outline layout and inline-block and vertical-rl writing-mode	ahem	http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines	8e4288e8f27ab96c2cf1df2d52d7e8c1d93d9318	`Koji Ishii`<mailto:kojiishi@gmail.com>	
 outline-inline-slr-005		outline layout and non-replaced inline in sideways-lr writing-mode		http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines	feefed7bb113e47f3bbb347eec4dac1a3f9310ec	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	
 outline-inline-srl-004		outline layout and non-replaced inline and sideways-rl writing-mode		http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines	78586049cea376c528cb91f51fb496b83c9ad4d1	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	
 outline-inline-vlr-003		outline layout and non-replaced inline in vertical-lr writing-mode		http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines	aa78e4d2270903852d387b3d25cc21a7af73d8a9	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	
+outline-inline-vlr-006	reference/outline-inline-vlr-006	outline layout and non-replaced inline and vertical-lr writing-mode	ahem	http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines	ceeb41816beb13ced78157d67b074a3296998c4d	`Koji Ishii`<mailto:kojiishi@gmail.com>	
 outline-inline-vrl-002		outline layout and non-replaced inline and vertical-rl writing-mode		http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines	74c5379d6fd8c46ca528d9f91df735b584cb9a55	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	
+outline-inline-vrl-006	reference/outline-inline-vrl-006	outline layout and non-replaced inline and vertical-rl writing-mode	ahem	http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines	9d51bfd03596b89289a8ed3012654e9df32b40d3	`Koji Ishii`<mailto:kojiishi@gmail.com>	
 padding-vlr-005	reference/margin-vrl-002-ref	padding in 'vertical-lr' writing-mode context	image	http://www.w3.org/TR/css-writing-modes-3/#vertical-layout	4c16042900e00793d562c3b4f5c39a3df16b1f95	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that padding-left, padding-right, padding-top and padding-bottom do not change in vertical writing-mode. The padding-left property of a box still affects the lefthand padding of such box.
 padding-vrl-004	reference/margin-vrl-002-ref	padding in 'vertical-rl' writing-mode context	image	http://www.w3.org/TR/css-writing-modes-3/#vertical-layout	43a0740c77fa25671e5831c88555b884e75216ee	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that padding-left, padding-right, padding-top and padding-bottom do not change in vertical writing-mode. The padding-left property of a box still affects the lefthand padding of such box.
 page-flow-direction-002		'writing-mode: vertical-rl' - default page flow (progression) direction	image,paged	http://www.w3.org/TR/css-writing-modes-3/#writing-mode	517eb88ec0066fc5b6f14a1602fa5383364ecb3c	`G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/>	This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left.
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-002.xht
index 1142f4e219c..10904791e59 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-002.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-002.xht
@@ -14,9 +14,9 @@
 
   <style type="text/css"><![CDATA[
   html
-  {
-  writing-mode: vertical-rl;
-  }
+    {
+      writing-mode: vertical-rl;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -25,22 +25,28 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.right-border { border-right: blue solid 1em; }
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-003.xht
index fe1af758b35..2b47388ddd6 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-003.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-003.xht
@@ -14,9 +14,9 @@
 
   <style type="text/css"><![CDATA[
   html
-  {
-  writing-mode: vertical-lr;
-  }
+    {
+      writing-mode: vertical-lr;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -25,22 +25,28 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.left-border { border-left: blue solid 1em; }
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-005.xht
index 261aa89c472..d314b27fc8b 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-005.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-005.xht
@@ -14,23 +14,29 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#floated-left
-  {
-  background-color: blue;
-  border-top: blue solid 1em;
-  float: left;
-  height: 8em;
-  writing-mode: vertical-rl;
-  }
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      float: left;
+      height: 8em;
+      writing-mode: vertical-rl;
+    }
 
-  div.right-border { border-right: blue solid 1em; }
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-006.xht
index 99b8d306be8..a701bd6ae69 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-006.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-006.xht
@@ -14,22 +14,25 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div.floated-left
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-left: blue solid 1em;
-  border-top: blue solid 1em;
-  float: left;
-  writing-mode: vertical-rl;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-left: blue solid 1em;
+      border-top: blue solid 1em;
+      float: left;
+      writing-mode: vertical-rl;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-007.xht
index 69430c47b7d..3cf34722398 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-007.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-007.xht
@@ -14,23 +14,29 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#floated-right
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  float: right;
-  writing-mode: vertical-lr;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+      float: right;
+      writing-mode: vertical-lr;
+    }
 
-  div.left-border { border-left: blue solid 1em; }
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-008.xht
index 5a66a70172d..ed1b27ab550 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-008.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-008.xht
@@ -14,22 +14,25 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div.floated-right
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-right: blue solid 1em;
-  border-top: blue solid 1em;
-  float: right;
-  writing-mode: vertical-lr;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+      float: right;
+      writing-mode: vertical-lr;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-009.xht
index cfae81e9a08..248731ce3c2 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-009.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-009.xht
@@ -14,29 +14,35 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#abs-pos
-  {
-  height: 9em;
-  left: auto;
-  position: absolute;
-  writing-mode: vertical-rl;
-  }
+    {
+      height: 9em;
+      left: auto;
+      position: absolute;
+      writing-mode: vertical-rl;
+    }
 
   div#abs-pos > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.right-border { border-right: blue solid 1em; }
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-010.xht
index 5be05b5f593..4e5992c53f3 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-010.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-010.xht
@@ -14,29 +14,35 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#abs-pos
-  {
-  height: 9em;
-  left: auto;
-  position: absolute;
-  writing-mode: vertical-lr;
-  }
+    {
+      height: 9em;
+      left: auto;
+      position: absolute;
+      writing-mode: vertical-lr;
+    }
 
   div#abs-pos > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.left-border { border-left: blue solid 1em; }
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-011.xht
index f7b2959827c..eb8bc138044 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-011.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-011.xht
@@ -10,36 +10,45 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
 
   <meta content="ahem" name="flags" />
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl'  establishes a block formating context with a right-to-left block flow direction." name="assert" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#inline-block
-  {
-  background-color: blue;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  vertical-align: top;
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
   /*
   Why 'vertical-align: top' ?
   See
   http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
   for explanations
   */
-  writing-mode: vertical-rl;
-  }
+      writing-mode: vertical-rl;
+    }
 
-  span { display: block; }
+  span
+    {
+      display: block;
+    }
 
-  span.right-border { border-right: blue solid 1em; }
+  span.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  span#left-border { border-left: blue solid 1em; }
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-012.xht
index ebd6282512f..7726d0cbfa0 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-012.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-012.xht
@@ -10,38 +10,41 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
 
   <meta content="ahem" name="flags" />
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl'  establishes a block formating context with a right-to-left block flow direction." name="assert" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#inline-block
-  {
-  background-color: blue;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  vertical-align: top;
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
   /*
   Why 'vertical-align: top' ?
   See
   http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
   for explanations
   */
-  writing-mode: vertical-rl;
-  }
+      writing-mode: vertical-rl;
+    }
 
   span
-  {
-  border-right: blue solid 1em;
-  display: block;
-  }
+    {
+      border-right: blue solid 1em;
+      display: block;
+    }
 
-  span#left-border { border-left: blue solid 1em; }
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-013.xht
index 49d357dfd23..1c3dde77081 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-013.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-013.xht
@@ -10,35 +10,41 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
 
   <meta content="ahem" name="flags" />
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl'  establishes a block formating context with a right-to-left block flow direction." name="assert" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div.inline-block
-  {
-  background-color: blue;
-  border-right: blue solid 1em;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  vertical-align: top;
+    {
+      background-color: blue;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
   /*
   Why 'vertical-align: top' ?
   See
   http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
   for explanations
   */
-  writing-mode: vertical-rl;
-  }
+      writing-mode: vertical-rl;
+    }
 
-  span { display: block; }
+  span
+    {
+      display: block;
+    }
 
-  span#left-border { border-left: blue solid 1em; }
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-014.xht
index c5090fcd70b..c791e2c6e05 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-014.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-014.xht
@@ -10,36 +10,45 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
 
   <meta content="ahem" name="flags" />
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr'  establishes a block formating context with a left-to-right block flow direction." name="assert" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#inline-block
-  {
-  background-color: blue;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  vertical-align: top;
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
   /*
   Why 'vertical-align: top' ?
   See
   http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
   for explanations
   */
-  writing-mode: vertical-lr;
-  }
+      writing-mode: vertical-lr;
+    }
 
-  span { display: block; }
+  span
+    {
+      display: block;
+    }
 
-  span.left-border { border-left: blue solid 1em; }
+  span.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  span#right-border { border-right: blue solid 1em; }
+  span#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-015.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-015.xht
index c330bb8b9fe..21baa546d0a 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-015.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-015.xht
@@ -10,31 +10,34 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
 
   <meta content="ahem" name="flags" />
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr'  establishes a block formating context with a left-to-right block flow direction." name="assert" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#inline-block
-  {
-  background-color: blue;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  writing-mode: vertical-lr;
-  }
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      writing-mode: vertical-lr;
+    }
 
   span
-  {
-  border-left: blue solid 1em;
-  display: block;
-  }
+    {
+      border-left: blue solid 1em;
+      display: block;
+    }
 
-  span#right-border { border-right: blue solid 1em; }
+  span#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
@@ -44,7 +47,7 @@
 
     <div id="inline-block">
 
-<!-- The  "P" --> <span>AAAAAAA B&nbsp; C&nbsp;&nbsp; D&nbsp; E&nbsp;&nbsp; FFFF&nbsp;&nbsp;</span>
+<!-- The "P" --> <span>AAAAAAA B&nbsp; C&nbsp;&nbsp; D&nbsp; E&nbsp;&nbsp; FFFF&nbsp;&nbsp;</span>
 
 <!-- The "A" --> <span>GGGGGGG H&nbsp; J&nbsp;&nbsp; K&nbsp; L&nbsp;&nbsp; MMMMMMM</span>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-016.xht
index 4041a6b9d24..721a64a9c75 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-016.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-016.xht
@@ -10,35 +10,41 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
 
   <meta content="ahem" name="flags" />
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr'  establishes a block formating context with a left-to-right block flow direction." name="assert" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div.inline-block
-  {
-  background-color: blue;
-  border-left: blue solid 1em;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  vertical-align: top;
+    {
+      background-color: blue;
+      border-left: blue solid 1em;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
   /*
   Why 'vertical-align: top' ?
   See
   http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
   for explanations
   */
-  writing-mode: vertical-lr;
-  }
+      writing-mode: vertical-lr;
+    }
 
-  span { display: block; }
+  span
+    {
+      display: block;
+    }
 
-  span#right-border { border-right: blue solid 1em; }
+  span#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-017.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-017.xht
index 549e10575dc..40ae1d881a5 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-017.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-017.xht
@@ -5,10 +5,6 @@
 
   <title>CSS Writing Modes Test: table-cell and 'vertical-rl' - block flow direction of block-level boxes</title>
 
-  <!--
-  2015-05-31: Trying to reset test results for that test: hello Koji!
-  -->
-
   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
   <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
@@ -18,28 +14,34 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#table-cell
-  {
-  display: table-cell;
-  height: 9em;
-  writing-mode: vertical-rl;
-  }
+    {
+      display: table-cell;
+      height: 9em;
+      writing-mode: vertical-rl;
+    }
 
   div#table-cell > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.right-border { border-right: blue solid 1em; }
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-018.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-018.xht
index 546e01d43a8..b3a475e7f54 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-018.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-018.xht
@@ -14,28 +14,34 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#table-cell
-  {
-  display: table-cell;
-  height: 9em;
-  writing-mode: vertical-lr;
-  }
+    {
+      display: table-cell;
+      height: 9em;
+      writing-mode: vertical-lr;
+    }
 
   div#table-cell > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.left-border { border-left: blue solid 1em; }
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-019.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-019.xht
index c15efe78201..b27ff758630 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-019.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-019.xht
@@ -14,28 +14,34 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#table-caption
-  {
-  display: table-caption;
-  height: 9em;
-  writing-mode: vertical-rl;
-  }
+    {
+      display: table-caption;
+      height: 9em;
+      writing-mode: vertical-rl;
+    }
 
   div#table-caption > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.right-border { border-right: blue solid 1em; }
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-020.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-020.xht
index e1057ba4c28..167a58cd4c1 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-020.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-020.xht
@@ -14,28 +14,34 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#table-caption
-  {
-  display: table-caption;
-  height: 9em;
-  writing-mode: vertical-lr;
-  }
+    {
+      display: table-caption;
+      height: 9em;
+      writing-mode: vertical-lr;
+    }
 
   div#table-caption > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.left-border { border-left: blue solid 1em; }
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-021.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-021.xht
index e86c542dcbf..97ba4efd348 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-021.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-021.xht
@@ -14,9 +14,9 @@
 
   <style type="text/css"><![CDATA[
   html
-  {
-  writing-mode: vertical-rl;
-  }
+    {
+      writing-mode: vertical-rl;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -25,24 +25,30 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   ul
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  list-style: none outside url("support/blue1x1.png");
-  margin: 0em;
-  padding-top: 1em; /* overriding default padding-start: 40px in several browsers */
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      list-style: none outside url("support/blue1x1.png");
+      margin: 0em;
+      padding-top: 1em; /* overriding default padding-start: 40px in several browsers */
+    }
 
-  ul.right-border { border-right: blue solid 1em; }
+  ul.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  ul#left-border { border-left: blue solid 1em; }
+  ul#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-022.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-022.xht
index 99dfb440295..07d830380d2 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-022.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-022.xht
@@ -14,9 +14,9 @@
 
   <style type="text/css"><![CDATA[
   html
-  {
-  writing-mode: vertical-lr;
-  }
+    {
+      writing-mode: vertical-lr;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -25,24 +25,30 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   ul
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  list-style: none outside url("support/blue1x1.png");
-  margin: 0em;
-  padding-top: 1em; /* overriding default 40px in several browsers */
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      list-style: none outside url("support/blue1x1.png");
+      margin: 0em;
+      padding-top: 1em; /* overriding default 40px in several browsers */
+    }
 
-  ul.left-border { border-left: blue solid 1em; }
+  ul.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  ul#right-border { border-right: blue solid 1em; }
+  ul#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-023.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-023.xht
index 01b46f0039c..1e102054cd7 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-023.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-023.xht
@@ -18,9 +18,9 @@
 
   <style type="text/css"><![CDATA[
   html
-  {
-  writing-mode: vertical-lr;
-  }
+    {
+      writing-mode: vertical-lr;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -29,20 +29,23 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   div
-  {
-  background-color: blue;
-  border: blue solid 1em;
-  border-right: blue none 0em;
-  }
+    {
+      background-color: blue;
+      border: blue solid 1em;
+      border-right: blue none 0em;
+    }
 
-  div#right-most { border-right: blue solid 1em; }
+  div#right-most
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-024.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-024.xht
index fd336700b02..d6831d3ca19 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-024.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-024.xht
@@ -18,9 +18,9 @@
 
   <style type="text/css"><![CDATA[
   html
-  {
-  writing-mode: vertical-rl;
-  }
+    {
+      writing-mode: vertical-rl;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -29,21 +29,24 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-right: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-042.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-042.xht
new file mode 100644
index 00000000000..4f98d5faf51
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-042.xht
@@ -0,0 +1,94 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: sideways-rl - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-002-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... " name="assert" />
+
+  <style type="text/css"><![CDATA[
+  html
+    {
+      writing-mode: sideways-rl;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+<!-- The right-most line of right-most "S" --> <div class="right-border">A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+
+
+<!-- The right-most line of left-most "S" --> <div class="right-border">L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+
+
+<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+
+
+<!-- The right-most line of "P" --> <div class="right-border">eeee&nbsp;&nbsp; </div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-043.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-043.xht
new file mode 100644
index 00000000000..0c754331f5e
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-043.xht
@@ -0,0 +1,94 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: sideways-lr - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-043-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... " name="assert" />
+
+  <style type="text/css"><![CDATA[
+  html
+    {
+      writing-mode: sideways-lr;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+
+
+<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N&nbsp; QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+
+
+<!-- The left-most line of right-most "S" --> <div class="left-border">a&nbsp; bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj &nbsp;k</div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-045.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-045.xht
new file mode 100644
index 00000000000..c08fd7668c1
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-045.xht
@@ -0,0 +1,88 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#floated-left
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      float: left;
+      height: 8em;
+      writing-mode: sideways-rl;
+    }
+
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div id="floated-left">
+
+<!-- The right-most line of right-most "S" --> <div class="right-border">A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+
+
+<!-- The right-most line of left-most "S" --> <div class="right-border">L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+
+
+<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+
+
+<!-- The right-most line of "P" --> <div class="right-border">eeee&nbsp;&nbsp; </div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-046.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-046.xht
new file mode 100644
index 00000000000..04830e5243a
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-046.xht
@@ -0,0 +1,90 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div.floated-left
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-left: blue solid 1em;
+      border-top: blue solid 1em;
+      float: left;
+      writing-mode: sideways-rl;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div class="floated-left">
+
+<!-- The right-most line of "P" --> <div>eeee&nbsp;&nbsp;</div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp;</div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp;</div>
+
+<!-- The 4th right-most line of "P" --> <div>kkkkkkk</div>
+
+  </div>
+
+  <div class="floated-left">
+
+<!-- The right-most line of "A" --> <div>YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp;</div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp;</div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+  </div>
+
+  <div class="floated-left">
+
+<!-- The right-most line of left-most "S" --> <div>L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+  </div>
+
+  <div class="floated-left" id="right-border">
+
+<!-- The right-most line of right-most "S" --> <div>A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-047.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-047.xht
new file mode 100644
index 00000000000..3efd0eaa27b
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-047.xht
@@ -0,0 +1,88 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-002-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#floated-right
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+      float: right;
+      writing-mode: sideways-lr;
+    }
+
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div id="floated-right">
+
+<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+
+
+<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N&nbsp; QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+
+
+<!-- The left-most line of right-most "S" --> <div class="left-border">a&nbsp; bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj &nbsp;k</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-048.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-048.xht
new file mode 100644
index 00000000000..23308885fdf
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-048.xht
@@ -0,0 +1,90 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-002-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div.floated-right
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+      float: right;
+      writing-mode: sideways-lr;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div class="floated-right">
+
+<!-- The left-most line of right-most "S" --> <div>a &nbsp;bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div>jjjj &nbsp;k</div>
+
+  </div>
+
+  <div class="floated-right">
+
+<!-- The 1st left-most line of left-most "S" --> <div>N &nbsp;QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+  </div>
+
+  <div class="floated-right">
+
+<!-- The left-most line of "A" --> <div>GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+  </div>
+
+  <div class="floated-right" id="left-border">
+
+<!-- The 1st left-most line of "P" --> <div>AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-049.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-049.xht
new file mode 100644
index 00000000000..105b1ef387e
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-049.xht
@@ -0,0 +1,94 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: position absolute and 'sideways-rl' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#abs-pos
+    {
+      height: 9em;
+      left: auto;
+      position: absolute;
+      writing-mode: sideways-rl;
+    }
+
+  div#abs-pos > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div id="abs-pos">
+
+<!-- The right-most line of right-most "S" --> <div class="right-border">A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+
+
+<!-- The right-most line of left-most "S" --> <div class="right-border">L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+
+
+<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+
+
+<!-- The right-most line of "P" --> <div class="right-border">eeee&nbsp;&nbsp; </div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-050.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-050.xht
new file mode 100644
index 00000000000..065e3bc6d71
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-050.xht
@@ -0,0 +1,94 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: position absolute and 'sideways-lr' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#abs-pos
+    {
+      height: 9em;
+      left: auto;
+      position: absolute;
+      writing-mode: sideways-lr;
+    }
+
+  div#abs-pos > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div id="abs-pos">
+
+<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+
+
+<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N&nbsp; QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+
+
+<!-- The left-most line of right-most "S" --> <div class="left-border">a&nbsp; bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj &nbsp;k</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-051.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-051.xht
new file mode 100644
index 00000000000..994ad847c43
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-051.xht
@@ -0,0 +1,104 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#inline-block
+    {
+    background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
+  /*
+  Why 'vertical-align: top' ?
+  See
+  http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
+  for explanations
+  */
+      writing-mode: sideways-rl;
+    }
+
+  span
+    {
+      display: block;
+    }
+
+  span.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div id="inline-block">
+
+<!-- The right-most line of right-most "S" --> <span class="right-border">A&nbsp; BBBB</span>
+
+<!-- The 2nd right-most line of right-most "S" --> <span>C&nbsp; D&nbsp; E</span>
+
+<!-- The 3rd right-most line of right-most "S" --> <span>F&nbsp; G&nbsp; H</span>
+
+<!-- The 4th right-most line of right-most "S" --> <span>JJJJ&nbsp; K</span>
+
+
+
+<!-- The right-most line of left-most "S" --> <span class="right-border">L&nbsp; MMMM</span>
+
+<!-- The 2nd right-most line of left-most "S" --> <span>Q&nbsp; R&nbsp; S</span>
+
+<!-- The 3rd right-most line of left-most "S" --> <span>T&nbsp; U&nbsp; V</span>
+
+<!-- The 4th right-most line of left-most "S" --> <span>WWWW&nbsp; X</span>
+
+
+
+<!-- The right-most line of "A" --> <span class="right-border">YYYYYYY</span>
+
+<!-- The 2nd right-most line of "A" --> <span>Z&nbsp; a&nbsp;&nbsp; </span>
+
+<!-- The 3rd right-most line of "A" --> <span>b&nbsp; c&nbsp;&nbsp; </span>
+
+<!-- The 4th right-most line of "A" --> <span>ddddddd</span>
+
+
+
+<!-- The right-most line of "P" --> <span class="right-border">eeee&nbsp;&nbsp; </span>
+
+<!-- The 2nd right-most line of "P" --> <span>f&nbsp; g&nbsp;&nbsp; </span>
+
+<!-- The 3rd right-most line of "P" --> <span>h&nbsp; j&nbsp;&nbsp; </span>
+
+<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-052.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-052.xht
new file mode 100644
index 00000000000..14718eed152
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-052.xht
@@ -0,0 +1,70 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#inline-block
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
+  /*
+  Why 'vertical-align: top' ?
+  See
+  http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
+  for explanations
+  */
+      writing-mode: sideways-rl;
+    }
+
+  span
+    {
+      border-right: blue solid 1em;
+      display: block;
+    }
+
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div id="inline-block">
+
+<!-- The right-most "S" --> <span>A&nbsp; BBBB C&nbsp; D&nbsp; E F&nbsp; G&nbsp; H JJJJ&nbsp; K</span>
+
+<!-- The left-most "S" --> <span>L&nbsp; MMMM Q&nbsp; R&nbsp; S T&nbsp; U&nbsp; V WWWW&nbsp; X</span>
+
+<!-- The "A" --> <span>YYYYYYY Z&nbsp; a&nbsp;&nbsp; b&nbsp; c&nbsp;&nbsp; ddddddd</span>
+
+<!-- The "P" --> <span id="left-border">eeee&nbsp;&nbsp; f&nbsp; g&nbsp;&nbsp; h&nbsp; j&nbsp;&nbsp; kkkkkkk</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-053.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-053.xht
new file mode 100644
index 00000000000..084d9ae174f
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-053.xht
@@ -0,0 +1,100 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div.inline-block
+    {
+      background-color: blue;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
+  /*
+  Why 'vertical-align: top' ?
+  See
+  http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
+  for explanations
+  */
+      writing-mode: sideways-rl;
+    }
+
+  span
+    {
+      display: block;
+    }
+
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div class="inline-block">
+
+<!-- The right-most line of "P" --> <span>eeee&nbsp;&nbsp; </span>
+
+<!-- The 2nd right-most line of "P" --> <span>f&nbsp; g&nbsp;&nbsp; </span>
+
+<!-- The 3rd right-most line of "P" --> <span>h&nbsp; j&nbsp;&nbsp; </span>
+
+<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span>
+
+    </div><div class="inline-block">
+
+<!-- The right-most line of "A" --> <span>YYYYYYY</span>
+
+<!-- The 2nd right-most line of "A" --> <span>Z&nbsp; a&nbsp;&nbsp; </span>
+
+<!-- The 3rd right-most line of "A" --> <span>b&nbsp; c&nbsp;&nbsp; </span>
+
+<!-- The 4th right-most line of "A" --> <span>ddddddd</span>
+
+    </div><div class="inline-block">
+
+<!-- The right-most line of left-most "S" --> <span>L&nbsp; MMMM</span>
+
+<!-- The 2nd right-most line of left-most "S" --> <span>Q&nbsp; R&nbsp; S</span>
+
+<!-- The 3rd right-most line of left-most "S" --> <span>T&nbsp; U&nbsp; V</span>
+
+<!-- The 4th right-most line of left-most "S" --> <span>WWWW&nbsp; X</span>
+
+    </div><div class="inline-block">
+
+<!-- The right-most line of right-most "S" --> <span>A&nbsp; BBBB</span>
+
+<!-- The 2nd right-most line of right-most "S" --> <span>C&nbsp; D&nbsp; E</span>
+
+<!-- The 3rd right-most line of right-most "S" --> <span>F&nbsp; G&nbsp; H</span>
+
+<!-- The 4th right-most line of right-most "S" --> <span>JJJJ&nbsp; K</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-054.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-054.xht
new file mode 100644
index 00000000000..a34d271e857
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-054.xht
@@ -0,0 +1,104 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#inline-block
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
+  /*
+  Why 'vertical-align: top' ?
+  See
+  http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
+  for explanations
+  */
+      writing-mode: sideways-lr;
+    }
+
+  span
+    {
+      display: block;
+    }
+
+  span.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  span#right-border
+    {
+    border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div id="inline-block">
+
+<!-- The 1st left-most line of "P" --> <span class="left-border">AAAAAAA</span>
+
+<!-- The 2nd left-most line of "P" --> <span>&nbsp;&nbsp; B &nbsp;C</span>
+
+<!-- The 3rd left-most line of "P" --> <span>&nbsp;&nbsp; D &nbsp;E</span>
+
+<!-- The 4th left-most line of "P" --> <span>&nbsp;&nbsp; FFFF</span>
+
+
+
+<!-- The left-most line of "A" --> <span class="left-border">GGGGGGG</span>
+
+<!-- The 2nd left-most line of "A" --> <span>&nbsp;&nbsp; H &nbsp;J</span>
+
+<!-- The 3rd left-most line of "A" --> <span>&nbsp;&nbsp; K &nbsp;L</span>
+
+<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <span class="left-border">N&nbsp; QQQQ</span>
+
+<!-- The 2nd left-most line of left-most "S" --> <span>R&nbsp; S&nbsp; T</span>
+
+<!-- The 3rd left-most line of left-most "S" --> <span>U&nbsp; V&nbsp; W</span>
+
+<!-- The 4th left-most line of left-most "S" --> <span>XXXX &nbsp;Y</span>
+
+
+
+<!-- The left-most line of right-most "S" --> <span class="left-border">a&nbsp; bbbb</span>
+
+<!-- The 2nd left-most line of right-most "S" --> <span>c&nbsp; d&nbsp; e</span>
+
+<!-- The 3rd left-most line of right-most "S" --> <span>f&nbsp; g&nbsp; h</span>
+
+<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj &nbsp;k</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-055.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-055.xht
new file mode 100644
index 00000000000..a26bf1c9244
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-055.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr'  establishes a block formating context with a left-to-right block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#inline-block
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      writing-mode: sideways-lr;
+    }
+
+  span
+    {
+      border-left: blue solid 1em;
+      display: block;
+    }
+
+  span#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div id="inline-block">
+
+<!-- The "P" --> <span>AAAAAAA &nbsp;&nbsp; B &nbsp;C &nbsp;&nbsp; D &nbsp;E &nbsp;&nbsp; FFFF</span>
+
+<!-- The "A" --> <span>GGGGGGG &nbsp;&nbsp; H &nbsp;J &nbsp;&nbsp; K &nbsp;L MMMMMMM</span>
+
+<!-- The left-most "S" --> <span>N&nbsp; QQQQ R&nbsp; S&nbsp; T U&nbsp; V&nbsp; W XXXX &nbsp;Y</span>
+
+<!-- The right-most "S" --> <span id="right-border">a&nbsp; bbbb c&nbsp; d&nbsp; e f&nbsp; g&nbsp; h jjjj &nbsp;k</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-056.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-056.xht
new file mode 100644
index 00000000000..89daf67bc8a
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-056.xht
@@ -0,0 +1,100 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div.inline-block
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-left: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
+  /*
+  Why 'vertical-align: top' ?
+  See
+  http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
+  for explanations
+  */
+      writing-mode: sideways-lr;
+    }
+
+  span
+    {
+      display: block;
+    }
+
+  span#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div class="inline-block">
+
+<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span>
+
+<!-- The 2nd left-most line of "P" --> <span>&nbsp;&nbsp; B &nbsp;C</span>
+
+<!-- The 3rd left-most line of "P" --> <span>&nbsp;&nbsp; D &nbsp;E</span>
+
+<!-- The 4th left-most line of "P" --> <span>&nbsp;&nbsp; FFFF</span>
+
+    </div><div class="inline-block">
+
+<!-- The left-most line of "A" --> <span>GGGGGGG</span>
+
+<!-- The 2nd left-most line of "A" --> <span>&nbsp;&nbsp; H &nbsp;J</span>
+
+<!-- The 3rd left-most line of "A" --> <span>&nbsp;&nbsp; K &nbsp;L</span>
+
+<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span>
+
+    </div><div class="inline-block">
+
+<!-- The 1st left-most line of left-most "S" --> <span>N&nbsp; QQQQ</span>
+
+<!-- The 2nd left-most line of left-most "S" --> <span>R&nbsp; S&nbsp; T</span>
+
+<!-- The 3rd left-most line of left-most "S" --> <span>U&nbsp; V&nbsp; W</span>
+
+<!-- The 4th left-most line of left-most "S" --> <span>XXXX &nbsp;Y</span>
+
+    </div><div class="inline-block">
+
+<!-- The left-most line of right-most "S" --> <span>a&nbsp; bbbb</span>
+
+<!-- The 2nd left-most line of right-most "S" --> <span>c&nbsp; d&nbsp; e</span>
+
+<!-- The 3rd left-most line of right-most "S" --> <span>f&nbsp; g&nbsp; h</span>
+
+<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj &nbsp;k</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-057.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-057.xht
new file mode 100644
index 00000000000..83a1c30e72b
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-057.xht
@@ -0,0 +1,93 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: table-cell and 'sideways-rl' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#table-cell
+    {
+      display: table-cell;
+      height: 9em;
+      writing-mode: sideways-rl;
+    }
+
+  div#table-cell > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div id="table-cell">
+
+<!-- The right-most line of right-most "S" --> <div class="right-border">A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+
+
+<!-- The right-most line of left-most "S" --> <div class="right-border">L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+
+
+<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+
+
+<!-- The right-most line of "P" --> <div class="right-border">eeee&nbsp;&nbsp; </div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-058.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-058.xht
new file mode 100644
index 00000000000..bc4aea7da28
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-058.xht
@@ -0,0 +1,92 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: table-cell and 'sideways-lr' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#table-cell
+    {
+      display: table-cell;
+      height: 9em;
+      writing-mode: sideways-lr;
+    }
+
+  div#table-cell > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div id="table-cell">
+
+<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+
+<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N&nbsp; QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+
+
+<!-- The left-most line of right-most "S" --> <div class="left-border">a&nbsp; bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj &nbsp;k</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-059.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-059.xht
new file mode 100644
index 00000000000..cf5c73654ad
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-059.xht
@@ -0,0 +1,93 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: table-caption and 'sideways-rl' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#table-caption
+    {
+      display: table-caption;
+      height: 9em;
+      writing-mode: sideways-rl;
+    }
+
+  div#table-caption > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div id="table-caption">
+
+<!-- The right-most line of right-most "S" --> <div class="right-border">A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+
+
+<!-- The right-most line of left-most "S" --> <div class="right-border">L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+
+
+<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+
+
+<!-- The right-most line of "P" --> <div class="right-border">eeee&nbsp;&nbsp; </div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-060.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-060.xht
new file mode 100644
index 00000000000..2867dc5ec93
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-060.xht
@@ -0,0 +1,92 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: table-caption and 'sideways-lr' - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#table-caption
+    {
+      display: table-caption;
+      height: 9em;
+      writing-mode: sideways-lr;
+    }
+
+  div#table-caption > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div id="table-caption">
+
+<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+
+<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N&nbsp; QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+
+
+<!-- The left-most line of right-most "S" --> <div class="left-border">a&nbsp; bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj &nbsp;k</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-061.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-061.xht
new file mode 100644
index 00000000000..d6a76d016e6
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-061.xht
@@ -0,0 +1,96 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: list and sideways-rl - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-002-ref.xht" />
+
+  <meta content="ahem image" name="flags" />
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc... " name="assert" />
+
+  <style type="text/css"><![CDATA[
+  html
+    {
+      writing-mode: sideways-rl;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  ul
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      list-style: none outside url("support/blue1x1.png");
+      margin: 0em;
+      padding-top: 1em; /* overriding default padding-start: 40px in several browsers */
+    }
+
+  ul.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  ul#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+<!-- The right-most line of right-most "S" --> <ul class="right-border"><li>A&nbsp; BBBB</li></ul>
+
+<!-- The 2nd right-most line of right-most "S" --> <ul><li>C&nbsp; D&nbsp; E</li></ul>
+
+<!-- The 3rd right-most line of right-most "S" --> <ul><li>F&nbsp; G&nbsp; H</li></ul>
+
+<!-- The 4th right-most line of right-most "S" --> <ul><li>JJJJ&nbsp; K</li></ul>
+
+
+
+<!-- The right-most line of left-most "S" --> <ul class="right-border"><li>L&nbsp; MMMM</li></ul>
+
+<!-- The 2nd right-most line of left-most "S" --> <ul><li>Q&nbsp; R&nbsp; S</li></ul>
+
+<!-- The 3rd right-most line of left-most "S" --> <ul><li>T&nbsp; U&nbsp; V</li></ul>
+
+<!-- The 4th right-most line of left-most "S" --> <ul><li>WWWW&nbsp; X</li></ul>
+
+
+
+<!-- The right-most line of "A" --> <ul class="right-border"><li>YYYYYYY</li></ul>
+
+<!-- The 2nd right-most line of "A" --> <ul><li>Z&nbsp; a&nbsp;&nbsp; </li></ul>
+
+<!-- The 3rd right-most line of "A" --> <ul><li>b&nbsp; c&nbsp;&nbsp; </li></ul>
+
+<!-- The 4th right-most line of "A" --> <ul><li>ddddddd</li></ul>
+
+
+
+<!-- The right-most line of "P" --> <ul class="right-border"><li>eeee&nbsp;&nbsp; </li></ul>
+
+<!-- The 2nd right-most line of "P" --> <ul><li>f&nbsp; g&nbsp;&nbsp; </li></ul>
+
+<!-- The 3rd right-most line of "P" --> <ul><li>h&nbsp; j&nbsp;&nbsp; </li></ul>
+
+<!-- The 4th right-most line of "P" --> <ul id="left-border"><li>kkkkkkk</li></ul>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-062.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-062.xht
new file mode 100644
index 00000000000..3309ce7eb00
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-062.xht
@@ -0,0 +1,96 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: list and sideways-lr - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-043-ref.xht" />
+
+  <meta content="ahem image" name="flags" />
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc... " name="assert" />
+
+  <style type="text/css"><![CDATA[
+  html
+    {
+      writing-mode: sideways-lr;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  ul
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      list-style: none outside url("support/blue1x1.png");
+      margin: 0em;
+      padding-bottom: 1em; /* overriding default 40px in several browsers */
+    }
+
+  ul.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  ul#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+<!-- The 1st left-most line of "P" --> <ul class="left-border"><li>AAAAAAA</li></ul>
+
+<!-- The 2nd left-most line of "P" --> <ul><li>&nbsp;&nbsp; B &nbsp;C</li></ul>
+
+<!-- The 3rd left-most line of "P" --> <ul><li>&nbsp;&nbsp; D &nbsp;E</li></ul>
+
+<!-- The 4th left-most line of "P" --> <ul><li>&nbsp;&nbsp; FFFF</li></ul>
+
+
+
+<!-- The left-most line of "A" --> <ul class="left-border"><li>GGGGGGG</li></ul>
+
+<!-- The 2nd left-most line of "A" --> <ul><li>&nbsp;&nbsp; H &nbsp;J</li></ul>
+
+<!-- The 3rd left-most line of "A" --> <ul><li>&nbsp;&nbsp; K &nbsp;L</li></ul>
+
+<!-- The 4th left-most line of "A" --> <ul><li>MMMMMMM</li></ul>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <ul class="left-border"><li>N&nbsp; QQQQ</li></ul>
+
+<!-- The 2nd left-most line of left-most "S" --> <ul><li>R&nbsp; S&nbsp; T</li></ul>
+
+<!-- The 3rd left-most line of left-most "S" --> <ul><li>U&nbsp; V&nbsp; W</li></ul>
+
+<!-- The 4th left-most line of left-most "S" --> <ul><li>XXXX &nbsp;Y</li></ul>
+
+
+
+<!-- The left-most line of right-most "S" --> <ul class="left-border"><li>a&nbsp; bbbb</li></ul>
+
+<!-- The 2nd left-most line of right-most "S" --> <ul><li>c&nbsp; d&nbsp; e</li></ul>
+
+<!-- The 3rd left-most line of right-most "S" --> <ul><li>f&nbsp; g&nbsp; h</li></ul>
+
+<!-- The 4th left-most line of right-most "S" --> <ul id="right-border"><li>jjjj &nbsp;k</li></ul>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-063.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-063.xht
new file mode 100644
index 00000000000..21a38a4624c
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-063.xht
@@ -0,0 +1,63 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: sideways-lr - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-043-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... " name="assert" />
+
+  <!--
+  This test is a variation of block-flow-direction-003 test.
+  -->
+
+  <style type="text/css"><![CDATA[
+  html
+    {
+      writing-mode: sideways-lr;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  div
+    {
+      background-color: blue;
+      border: blue solid 1em;
+      border-right: blue none 0em;
+    }
+
+  div#right-most
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+<!-- The "P" --> <div>AAAAAAA &nbsp;&nbsp; B &nbsp;C &nbsp;&nbsp; D &nbsp;E &nbsp;&nbsp; FFFF</div>
+
+<!-- The "A" --> <div>GGGGGGG &nbsp;&nbsp; H &nbsp;J &nbsp;&nbsp; K &nbsp;L MMMMMMM</div>
+
+<!-- The left-most "S" --> <div>N&nbsp; QQQQ R&nbsp; S&nbsp; T U&nbsp; V&nbsp; W XXXX &nbsp;Y</div>
+
+<!-- The right-most "S" --> <div id="right-most">a&nbsp; bbbb c&nbsp; d&nbsp; e f&nbsp; g&nbsp; h jjjj &nbsp;k</div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-064.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-064.xht
new file mode 100644
index 00000000000..688273bf1ce
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-064.xht
@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: sideways-rl - block flow direction of block-level boxes</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-002-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... " name="assert" />
+
+  <!--
+  This test is a variation of block-flow-direction-002 test.
+  -->
+
+  <style type="text/css"><![CDATA[
+  html
+    {
+      writing-mode: sideways-rl;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+<!-- The right-most "S" --> <div>A&nbsp; BBBB C&nbsp; D&nbsp; E F&nbsp; G&nbsp; H JJJJ&nbsp; K</div>
+
+<!-- The left-most "S" --> <div>L&nbsp; MMMM Q&nbsp; R&nbsp; S T&nbsp; U&nbsp; V WWWW&nbsp; X</div>
+
+<!-- The "A" --> <div>YYYYYYY Z&nbsp; a&nbsp;&nbsp; b&nbsp; c&nbsp;&nbsp; ddddddd</div>
+
+<!-- The "P" --> <div id="left-border">eeee&nbsp;&nbsp; f&nbsp; g&nbsp;&nbsp; h&nbsp; j&nbsp;&nbsp; kkkkkkk</div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht
new file mode 100644
index 00000000000..01aaaf79948
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: writing mode (sideways-rl) of document - horizontal position of first block</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts" />
+  <link rel="match" href="reference/block-flow-direction-025-ref.xht" />
+
+  <meta content="image" name="flags" />
+  <meta content="This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  html
+    {
+      writing-mode: sideways-rl;
+    }
+
+  div
+    {
+      background-color: blue;
+      height: 100px;
+      width: 100px;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div></div>
+
+  <p><img src="support/block-flow-direction-025-exp-res.png" width="359" height="36" alt="Image download support must be enabled" /></p>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht
new file mode 100644
index 00000000000..4b61fc9fc07
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: writing mode (sideways-lr) of document - horizontal position of first block</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts" />
+  <link rel="match" href="reference/block-flow-direction-066-ref.xht" />
+
+  <meta content="image" name="flags" />
+  <meta content="This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  html
+    {
+      writing-mode: sideways-lr;
+    }
+
+  div
+    {
+      background-color: blue;
+      height: 100px;
+      width: 100px;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div></div>
+
+  <p><img src="support/block-flow-direction-066-exp-res.png" width="358" height="36" alt="Image download support must be enabled" /></p>
+
+  <!--
+  The image says:
+  Test passes if there is a blue square in the
+  <strong>bottom-left corner</strong> of the page.
+  -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht
index 6b51709a27c..e6ce49bcb7c 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht
@@ -13,7 +13,7 @@
  <body>
 
   <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
-  <h2>Introduction to Vertical Text (89 tests)</h2>
+  <h2>Introduction to Vertical Text (113 tests)</h2>
   <table width="100%">
     <col id="test-column"></col>
     <col id="refs-column"></col>
@@ -40,7 +40,7 @@
       <tr><th colspan="4" scope="rowgroup">
         <a href="#s3.1">+</a>
         <a href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">3.1 Block Flow Direction: the writing-mode property</a></th></tr>
-      <!-- 74 tests -->
+      <!-- 98 tests -->
       <tr id="block-flow-direction-001-3.1" class="primary ahem">
         <td><strong>
             <a href="block-flow-direction-001.xht">block-flow-direction-001</a></strong></td>
@@ -316,6 +316,270 @@
           </ul>
         </td>
       </tr>
+      <tr id="block-flow-direction-042-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-042.xht">block-flow-direction-042</a></strong></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>sideways-rl - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-043-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-043.xht">block-flow-direction-043</a></strong></td>
+        <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>sideways-lr - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-045-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-045.xht">block-flow-direction-045</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-046-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-046.xht">block-flow-direction-046</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-047-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-047.xht">block-flow-direction-047</a></strong></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-048-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-048.xht">block-flow-direction-048</a></strong></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-049-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-049.xht">block-flow-direction-049</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>position absolute and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-050-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-050.xht">block-flow-direction-050</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>position absolute and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-051-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-051.xht">block-flow-direction-051</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-052-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-052.xht">block-flow-direction-052</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-053-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-053.xht">block-flow-direction-053</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-054-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-054.xht">block-flow-direction-054</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-055-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-055.xht">block-flow-direction-055</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-056-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-056.xht">block-flow-direction-056</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-057-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-057.xht">block-flow-direction-057</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>table-cell and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-058-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-058.xht">block-flow-direction-058</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>table-cell and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-059-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-059.xht">block-flow-direction-059</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>table-caption and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-060-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-060.xht">block-flow-direction-060</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>table-caption and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-061-3.1" class="primary ahem image">
+        <td><strong>
+            <a href="block-flow-direction-061.xht">block-flow-direction-061</a></strong></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>list and sideways-rl - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-062-3.1" class="primary ahem image">
+        <td><strong>
+            <a href="block-flow-direction-062.xht">block-flow-direction-062</a></strong></td>
+        <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>list and sideways-lr - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-063-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-063.xht">block-flow-direction-063</a></strong></td>
+        <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>sideways-lr - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-064-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-064.xht">block-flow-direction-064</a></strong></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>sideways-rl - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-065-3.1" class="primary image">
+        <td><strong>
+            <a href="block-flow-direction-065.xht">block-flow-direction-065</a></strong></td>
+        <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td>
+        <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>writing mode (sideways-rl) of document - horizontal position of first block
+          <ul class="assert">
+            <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-066-3.1" class="primary image">
+        <td><strong>
+            <a href="block-flow-direction-066.xht">block-flow-direction-066</a></strong></td>
+        <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td>
+        <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>writing mode (sideways-lr) of document - horizontal position of first block
+          <ul class="assert">
+            <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.</li>
+          </ul>
+        </td>
+      </tr>
       <tr id="different-block-flow-dir-001-3.1" class="primary">
         <td><strong>
             <a href="different-block-flow-dir-001.xht">different-block-flow-dir-001</a></strong></td>
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-7.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-7.xht
index bd39e07028c..4da4e7b6d22 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-7.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-7.xht
@@ -13,7 +13,7 @@
  <body>
 
   <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
-  <h2>Abstract Box Layout (519 tests)</h2>
+  <h2>Abstract Box Layout (522 tests)</h2>
   <table width="100%">
     <col id="test-column"></col>
     <col id="refs-column"></col>
@@ -37,7 +37,7 @@
       <tr><th colspan="4" scope="rowgroup">
         <a href="#s7.1">+</a>
         <a href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout">7.1 Principles of Layout in Vertical Writing Modes</a></th></tr>
-      <!-- 355 tests -->
+      <!-- 358 tests -->
       <tr id="abs-pos-non-replaced-icb-vlr-003-7.1" class="primary">
         <td><strong>
             <a href="abs-pos-non-replaced-icb-vlr-003.xht">abs-pos-non-replaced-icb-vlr-003</a></strong></td>
@@ -3623,6 +3623,14 @@
           </ul>
         </td>
       </tr>
+      <tr id="outline-inline-block-vrl-006-7.1" class="primary ahem">
+        <td><strong>
+            <a href="outline-inline-block-vrl-006.xht">outline-inline-block-vrl-006</a></strong></td>
+        <td><a href="reference/outline-inline-block-vrl-006.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>outline layout and inline-block and vertical-rl writing-mode
+        </td>
+      </tr>
       <tr id="outline-inline-slr-005-7.1" class="primary">
         <td><strong>
             <a href="outline-inline-slr-005.xht">outline-inline-slr-005</a></strong></td>
@@ -3647,6 +3655,14 @@
         <td>outline layout and non-replaced inline in vertical-lr writing-mode
         </td>
       </tr>
+      <tr id="outline-inline-vlr-006-7.1" class="primary ahem">
+        <td><strong>
+            <a href="outline-inline-vlr-006.xht">outline-inline-vlr-006</a></strong></td>
+        <td><a href="reference/outline-inline-vlr-006.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>outline layout and non-replaced inline and vertical-lr writing-mode
+        </td>
+      </tr>
       <tr id="outline-inline-vrl-002-7.1" class="primary">
         <td><strong>
             <a href="outline-inline-vrl-002.xht">outline-inline-vrl-002</a></strong></td>
@@ -3655,6 +3671,14 @@
         <td>outline layout and non-replaced inline and vertical-rl writing-mode
         </td>
       </tr>
+      <tr id="outline-inline-vrl-006-7.1" class="primary ahem">
+        <td><strong>
+            <a href="outline-inline-vrl-006.xht">outline-inline-vrl-006</a></strong></td>
+        <td><a href="reference/outline-inline-vrl-006.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>outline layout and non-replaced inline and vertical-rl writing-mode
+        </td>
+      </tr>
       <tr id="padding-vlr-005-7.1" class="primary image">
         <td><strong>
             <a href="padding-vlr-005.xht">padding-vlr-005</a></strong></td>
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-block-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-block-vrl-006.xht
new file mode 100644
index 00000000000..b631c275f64
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-block-vrl-006.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and inline-block and vertical-rl writing-mode</title>
+<link href="reference/outline-inline-block-vrl-006.xht" rel="match" />
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" />
+<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" />
+<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property" />
+<meta content="ahem" name="flags" />
+<style>
+.container {
+  color:transparent;
+  font:50px/1 Ahem;
+  height:6em;
+  writing-mode:vertical-rl;
+}
+.outline {
+  color:orange;
+  display:inline-block;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div class="container">
+  <!--
+    Additional div to ensure that the origin of the containing block of the
+    outline span is different from the origin of the writing mode root.
+  -->
+  <div>123<span class="outline">XXX</span></div>
+  <div>12345 6<span class="outline">XX</span></div>
+  <div>1</div>
+  <div><span class="outline">1</span></div>
+  <div>1</div>
+</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-vlr-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-vlr-006.xht
new file mode 100644
index 00000000000..671980095c2
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-vlr-006.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode</title>
+<link href="reference/outline-inline-vlr-006.xht" rel="match" />
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" />
+<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" />
+<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property" />
+<meta content="ahem" name="flags" />
+<style>
+div {
+  color:transparent;
+  font:50px/1 Ahem;
+  width:2em;
+  height:5em;
+}
+.vlr {
+  writing-mode:vertical-lr;
+}
+.outline {
+  color:orange;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div class="vlr">1234<span class="outline">5 6</span>7890</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-vrl-006.xht
new file mode 100644
index 00000000000..7b87e25caf2
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-vrl-006.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
+<link href="reference/outline-inline-vrl-006.xht" rel="match" />
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" />
+<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" />
+<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property" />
+<meta content="ahem" name="flags" />
+<style>
+.container {
+  color:transparent;
+  font:50px/1 Ahem;
+  height:5em;
+  writing-mode:vertical-rl;
+}
+.outline {
+  color:orange;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div class="container">
+  <!--
+    Additional div to ensure that the origin of the containing block of the
+    outline span is different from the origin of the writing mode root.
+  -->
+  <div>1</div>
+  <div>1234<span class="outline">5 6</span>7890</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-043-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-043-ref.xht
new file mode 100644
index 00000000000..60978e88b17
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-043-ref.xht
@@ -0,0 +1,49 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-11-22 -->
+
+  <!-- This reference file is the bottom-left-corner version of
+  block-flow-direction-001-ref.xht
+  -->
+
+  <meta name="flags" content="image" />
+  <style type="text/css"><![CDATA[
+  div
+    {
+      background-color: yellow;
+      bottom: 8px;
+      font: 20px/1 Ahem;
+      left: 8px;
+      position: absolute;
+      width: 21em;
+    }
+
+  img
+    {
+      vertical-align: top;
+    }
+  ]]></style>
+ </head>
+ <body>
+
+ <div><img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled" />
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />   <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" />
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" />
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />
+
+ <img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled" />
+ </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-066-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-066-ref.xht
new file mode 100644
index 00000000000..d56b1307f48
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-066-ref.xht
@@ -0,0 +1,43 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Reftest Reference</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+  <meta content="image" name="flags" />
+
+  <style type="text/css"><![CDATA[
+  p
+    {
+      bottom: 8px;
+      margin-bottom: 0px;
+      position: absolute;
+    }
+
+  img
+    {
+      vertical-align: bottom;
+    }
+
+  img + img
+    {
+      padding-left: 16px;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <p><img src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled" /><img src="support/block-flow-direction-066-exp-res.png" width="358" height="36" alt="Image download support must be enabled" /></p>
+
+  <!--
+  The image says:
+  Test passes if there is a blue square in the
+  <strong>bottom-left corner</strong> of the page.
+  -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-block-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-block-vrl-006.xht
new file mode 100644
index 00000000000..b5c8b7571ac
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-block-vrl-006.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" />
+<meta content="ahem" name="flags" />
+<style>
+.container {
+  color:transparent;
+  font:50px/1 Ahem;
+}
+.outline {
+  color:orange;
+  display:inline-block;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div class="container">
+  <span style="margin-left:1em" class="outline">1</span><br />
+  <span style="margin-left:3em" class="outline">1<br />2</span><br />
+  <span style="margin-left:5em" class="outline">1<br />2<br />X</span>
+</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vlr-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vlr-006.xht
new file mode 100644
index 00000000000..7c6bdf6b127
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vlr-006.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode</title>
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" />
+<meta content="ahem" name="flags" />
+<style>
+div {
+  color:transparent;
+  font:50px/1 Ahem;
+  width:2em;
+  height:5em;
+}
+.outline {
+  color:orange;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div>1<span class="outline">2</span> 34 56 78 <span class="outline">9</span>0</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vrl-006.xht
new file mode 100644
index 00000000000..e7d697a10cf
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vrl-006.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" />
+<meta content="ahem" name="flags" />
+<style>
+.container {
+  color:transparent;
+  font:50px/1 Ahem;
+}
+.outline {
+  color:orange;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div class="container">
+  <div>111<span class="outline">1</span></div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1111<span class="outline">1</span></div>
+</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht
index 3b74da0e27a..6517366139c 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht
@@ -3248,6 +3248,198 @@
         <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
       </tr>
     </tbody>
+    <tbody id="block-flow-direction-042" class="ahem">
+      <tr>
+        <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes">
+          <a href="block-flow-direction-042.xht">block-flow-direction-042</a></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-043" class="ahem">
+      <tr>
+        <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes">
+          <a href="block-flow-direction-043.xht">block-flow-direction-043</a></td>
+        <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-045" class="ahem">
+      <tr>
+        <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-045.xht">block-flow-direction-045</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-046" class="ahem">
+      <tr>
+        <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-046.xht">block-flow-direction-046</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-047" class="ahem">
+      <tr>
+        <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-047.xht">block-flow-direction-047</a></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-048" class="ahem">
+      <tr>
+        <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-048.xht">block-flow-direction-048</a></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-049" class="ahem">
+      <tr>
+        <td rowspan="1" title="position absolute and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-049.xht">block-flow-direction-049</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-050" class="ahem">
+      <tr>
+        <td rowspan="1" title="position absolute and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-050.xht">block-flow-direction-050</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-051" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-051.xht">block-flow-direction-051</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-052" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-052.xht">block-flow-direction-052</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-053" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-053.xht">block-flow-direction-053</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-054" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-054.xht">block-flow-direction-054</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-055" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-055.xht">block-flow-direction-055</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-056" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-056.xht">block-flow-direction-056</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-057" class="ahem">
+      <tr>
+        <td rowspan="1" title="table-cell and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-057.xht">block-flow-direction-057</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-058" class="ahem">
+      <tr>
+        <td rowspan="1" title="table-cell and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-058.xht">block-flow-direction-058</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-059" class="ahem">
+      <tr>
+        <td rowspan="1" title="table-caption and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-059.xht">block-flow-direction-059</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-060" class="ahem">
+      <tr>
+        <td rowspan="1" title="table-caption and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-060.xht">block-flow-direction-060</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-061" class="ahem image">
+      <tr>
+        <td rowspan="1" title="list and sideways-rl - block flow direction of block-level boxes">
+          <a href="block-flow-direction-061.xht">block-flow-direction-061</a></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-062" class="ahem image">
+      <tr>
+        <td rowspan="1" title="list and sideways-lr - block flow direction of block-level boxes">
+          <a href="block-flow-direction-062.xht">block-flow-direction-062</a></td>
+        <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-063" class="ahem">
+      <tr>
+        <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes">
+          <a href="block-flow-direction-063.xht">block-flow-direction-063</a></td>
+        <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-064" class="ahem">
+      <tr>
+        <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes">
+          <a href="block-flow-direction-064.xht">block-flow-direction-064</a></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-065" class="image">
+      <tr>
+        <td rowspan="1" title="writing mode (sideways-rl) of document - horizontal position of first block">
+          <a href="block-flow-direction-065.xht">block-flow-direction-065</a></td>
+        <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-066" class="image">
+      <tr>
+        <td rowspan="1" title="writing mode (sideways-lr) of document - horizontal position of first block">
+          <a href="block-flow-direction-066.xht">block-flow-direction-066</a></td>
+        <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
     <tbody id="block-override-001" class="">
       <tr>
         <td rowspan="1" title="direction: div override rtl">
@@ -4936,6 +5128,30 @@
         <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
       </tr>
     </tbody>
+    <tbody id="outline-inline-block-vrl-006" class="ahem">
+      <tr>
+        <td rowspan="1" title="outline layout and inline-block and vertical-rl writing-mode">
+          <a href="outline-inline-block-vrl-006.xht">outline-inline-block-vrl-006</a></td>
+        <td><a href="reference/outline-inline-block-vrl-006.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="outline-inline-vlr-006" class="ahem">
+      <tr>
+        <td rowspan="1" title="outline layout and non-replaced inline and vertical-lr writing-mode">
+          <a href="outline-inline-vlr-006.xht">outline-inline-vlr-006</a></td>
+        <td><a href="reference/outline-inline-vlr-006.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="outline-inline-vrl-006" class="ahem">
+      <tr>
+        <td rowspan="1" title="outline layout and non-replaced inline and vertical-rl writing-mode">
+          <a href="outline-inline-vrl-006.xht">outline-inline-vrl-006</a></td>
+        <td><a href="reference/outline-inline-vrl-006.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
     <tbody id="padding-vlr-005" class="image">
       <tr>
         <td rowspan="1" title="padding in 'vertical-lr' writing-mode context">
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list
index c4ded51e924..3c9addbeb06 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list
@@ -402,6 +402,30 @@ block-flow-direction-022.xht == reference/block-flow-direction-001-ref.xht
 block-flow-direction-023.xht == reference/block-flow-direction-001-ref.xht
 block-flow-direction-024.xht == reference/block-flow-direction-002-ref.xht
 block-flow-direction-025.xht == reference/block-flow-direction-025-ref.xht
+block-flow-direction-042.xht == reference/block-flow-direction-002-ref.xht
+block-flow-direction-043.xht == reference/block-flow-direction-043-ref.xht
+block-flow-direction-045.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-046.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-047.xht == reference/block-flow-direction-002-ref.xht
+block-flow-direction-048.xht == reference/block-flow-direction-002-ref.xht
+block-flow-direction-049.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-050.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-051.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-052.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-053.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-054.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-055.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-056.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-057.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-058.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-059.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-060.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-061.xht == reference/block-flow-direction-002-ref.xht
+block-flow-direction-062.xht == reference/block-flow-direction-043-ref.xht
+block-flow-direction-063.xht == reference/block-flow-direction-043-ref.xht
+block-flow-direction-064.xht == reference/block-flow-direction-002-ref.xht
+block-flow-direction-065.xht == reference/block-flow-direction-025-ref.xht
+block-flow-direction-066.xht == reference/block-flow-direction-066-ref.xht
 block-override-001.xht == reference/block-override-001.xht
 block-override-002.xht == reference/block-override-002.xht
 block-override-003.xht == reference/block-override-003.xht
@@ -613,6 +637,9 @@ margin-collapse-vrl-034.xht == reference/ref-filled-green-100px-square.xht
 margin-collapse-vrl-036.xht == reference/ref-filled-green-100px-square.xht
 margin-vlr-003.xht == reference/margin-vrl-002-ref.xht
 margin-vrl-002.xht == reference/margin-vrl-002-ref.xht
+outline-inline-block-vrl-006.xht == reference/outline-inline-block-vrl-006.xht
+outline-inline-vlr-006.xht == reference/outline-inline-vlr-006.xht
+outline-inline-vrl-006.xht == reference/outline-inline-vrl-006.xht
 padding-vlr-005.xht == reference/margin-vrl-002-ref.xht
 padding-vrl-004.xht == reference/margin-vrl-002-ref.xht
 percent-margin-vlr-003.xht == reference/margin-vrl-002-ref.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht
index 3257bcaae84..ff4f8a08074 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht
@@ -32,7 +32,7 @@
     <tbody id="s3">
       <tr><th><a href="chapter-3.xht">Chapter 3 - 
         Introduction to Vertical Text</a></th>
-      <td>(89 Tests)</td></tr>
+      <td>(113 Tests)</td></tr>
     </tbody>
     <tbody id="s4">
       <tr><th><a href="chapter-4.xht">Chapter 4 - 
@@ -52,7 +52,7 @@
     <tbody id="s7">
       <tr><th><a href="chapter-7.xht">Chapter 7 - 
         Abstract Box Layout</a></th>
-      <td>(519 Tests)</td></tr>
+      <td>(522 Tests)</td></tr>
     </tbody>
     <tbody id="s8">
       <tr><th><a href="chapter-8.xht">Chapter 8 - 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-002.xht
index 151156af5f9..99cf5b83332 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-002.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-002.xht
@@ -23,9 +23,9 @@
 
   <style type="text/css"><![CDATA[
   html
-  {
-  writing-mode: vertical-rl;
-  }
+    {
+      writing-mode: vertical-rl;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -34,22 +34,28 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.right-border { border-right: blue solid 1em; }
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-003.xht
index 0b220f6b475..dce33f260b2 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-003.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-003.xht
@@ -23,9 +23,9 @@
 
   <style type="text/css"><![CDATA[
   html
-  {
-  writing-mode: vertical-lr;
-  }
+    {
+      writing-mode: vertical-lr;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -34,22 +34,28 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.left-border { border-left: blue solid 1em; }
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-005.xht
index 99ba2a4c946..bd07aa3a9fc 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-005.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-005.xht
@@ -23,23 +23,29 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#floated-left
-  {
-  background-color: blue;
-  border-top: blue solid 1em;
-  float: left;
-  height: 8em;
-  writing-mode: vertical-rl;
-  }
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      float: left;
+      height: 8em;
+      writing-mode: vertical-rl;
+    }
 
-  div.right-border { border-right: blue solid 1em; }
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-006.xht
index 689b2fa5fac..f9597ba7afc 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-006.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-006.xht
@@ -23,22 +23,25 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div.floated-left
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-left: blue solid 1em;
-  border-top: blue solid 1em;
-  float: left;
-  writing-mode: vertical-rl;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-left: blue solid 1em;
+      border-top: blue solid 1em;
+      float: left;
+      writing-mode: vertical-rl;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-007.xht
index ea9789b0621..a8697fa00e9 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-007.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-007.xht
@@ -23,23 +23,29 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#floated-right
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  float: right;
-  writing-mode: vertical-lr;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+      float: right;
+      writing-mode: vertical-lr;
+    }
 
-  div.left-border { border-left: blue solid 1em; }
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-008.xht
index ec012db9d1a..11bab3ec7af 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-008.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-008.xht
@@ -23,22 +23,25 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div.floated-right
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-right: blue solid 1em;
-  border-top: blue solid 1em;
-  float: right;
-  writing-mode: vertical-lr;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+      float: right;
+      writing-mode: vertical-lr;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-009.xht
index 8f591685b43..7055a6aea09 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-009.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-009.xht
@@ -23,29 +23,35 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#abs-pos
-  {
-  height: 9em;
-  left: auto;
-  position: absolute;
-  writing-mode: vertical-rl;
-  }
+    {
+      height: 9em;
+      left: auto;
+      position: absolute;
+      writing-mode: vertical-rl;
+    }
 
   div#abs-pos > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.right-border { border-right: blue solid 1em; }
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-010.xht
index 28d18382236..c1292e77c92 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-010.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-010.xht
@@ -23,29 +23,35 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#abs-pos
-  {
-  height: 9em;
-  left: auto;
-  position: absolute;
-  writing-mode: vertical-lr;
-  }
+    {
+      height: 9em;
+      left: auto;
+      position: absolute;
+      writing-mode: vertical-lr;
+    }
 
   div#abs-pos > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.left-border { border-left: blue solid 1em; }
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-011.xht
index 01b069c5ede..b02407f2ce7 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-011.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-011.xht
@@ -19,36 +19,45 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
 
   <meta content="ahem" name="flags" />
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl'  establishes a block formating context with a right-to-left block flow direction." name="assert" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#inline-block
-  {
-  background-color: blue;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  vertical-align: top;
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
   /*
   Why 'vertical-align: top' ?
   See
   http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
   for explanations
   */
-  writing-mode: vertical-rl;
-  }
+      writing-mode: vertical-rl;
+    }
 
-  span { display: block; }
+  span
+    {
+      display: block;
+    }
 
-  span.right-border { border-right: blue solid 1em; }
+  span.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  span#left-border { border-left: blue solid 1em; }
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-012.xht
index 7c1f9612893..04aade54408 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-012.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-012.xht
@@ -19,38 +19,41 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
 
   <meta content="ahem" name="flags" />
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl'  establishes a block formating context with a right-to-left block flow direction." name="assert" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#inline-block
-  {
-  background-color: blue;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  vertical-align: top;
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
   /*
   Why 'vertical-align: top' ?
   See
   http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
   for explanations
   */
-  writing-mode: vertical-rl;
-  }
+      writing-mode: vertical-rl;
+    }
 
   span
-  {
-  border-right: blue solid 1em;
-  display: block;
-  }
+    {
+      border-right: blue solid 1em;
+      display: block;
+    }
 
-  span#left-border { border-left: blue solid 1em; }
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-013.xht
index 08ea4c1f857..7cf91861a9b 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-013.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-013.xht
@@ -19,35 +19,41 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
 
   <meta content="ahem" name="flags" />
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl'  establishes a block formating context with a right-to-left block flow direction." name="assert" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div.inline-block
-  {
-  background-color: blue;
-  border-right: blue solid 1em;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  vertical-align: top;
+    {
+      background-color: blue;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
   /*
   Why 'vertical-align: top' ?
   See
   http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
   for explanations
   */
-  writing-mode: vertical-rl;
-  }
+      writing-mode: vertical-rl;
+    }
 
-  span { display: block; }
+  span
+    {
+      display: block;
+    }
 
-  span#left-border { border-left: blue solid 1em; }
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-014.xht
index 415b4b2b1c5..e94b299770b 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-014.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-014.xht
@@ -19,36 +19,45 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
 
   <meta content="ahem" name="flags" />
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr'  establishes a block formating context with a left-to-right block flow direction." name="assert" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#inline-block
-  {
-  background-color: blue;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  vertical-align: top;
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
   /*
   Why 'vertical-align: top' ?
   See
   http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
   for explanations
   */
-  writing-mode: vertical-lr;
-  }
+      writing-mode: vertical-lr;
+    }
 
-  span { display: block; }
+  span
+    {
+      display: block;
+    }
 
-  span.left-border { border-left: blue solid 1em; }
+  span.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  span#right-border { border-right: blue solid 1em; }
+  span#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-015.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-015.xht
index a816b3fe99e..6605d2412e6 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-015.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-015.xht
@@ -19,31 +19,34 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
 
   <meta content="ahem" name="flags" />
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr'  establishes a block formating context with a left-to-right block flow direction." name="assert" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#inline-block
-  {
-  background-color: blue;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  writing-mode: vertical-lr;
-  }
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      writing-mode: vertical-lr;
+    }
 
   span
-  {
-  border-left: blue solid 1em;
-  display: block;
-  }
+    {
+      border-left: blue solid 1em;
+      display: block;
+    }
 
-  span#right-border { border-right: blue solid 1em; }
+  span#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
@@ -53,7 +56,7 @@
 
     <div id="inline-block">
 
-<!-- The  "P" --> <span>AAAAAAA B&nbsp; C&nbsp;&nbsp; D&nbsp; E&nbsp;&nbsp; FFFF&nbsp;&nbsp;</span>
+<!-- The "P" --> <span>AAAAAAA B&nbsp; C&nbsp;&nbsp; D&nbsp; E&nbsp;&nbsp; FFFF&nbsp;&nbsp;</span>
 
 <!-- The "A" --> <span>GGGGGGG H&nbsp; J&nbsp;&nbsp; K&nbsp; L&nbsp;&nbsp; MMMMMMM</span>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-016.xht
index 66004e1ba75..56c4c32cf05 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-016.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-016.xht
@@ -19,35 +19,41 @@
   <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
 
   <meta content="ahem" name="flags" />
-  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr'  establishes a block formating context with a left-to-right block flow direction." name="assert" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div.inline-block
-  {
-  background-color: blue;
-  border-left: blue solid 1em;
-  border-top: blue solid 1em;
-  display: inline-block;
-  height: 8em;
-  vertical-align: top;
+    {
+      background-color: blue;
+      border-left: blue solid 1em;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
   /*
   Why 'vertical-align: top' ?
   See
   http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
   for explanations
   */
-  writing-mode: vertical-lr;
-  }
+      writing-mode: vertical-lr;
+    }
 
-  span { display: block; }
+  span
+    {
+      display: block;
+    }
 
-  span#right-border { border-right: blue solid 1em; }
+  span#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-017.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-017.xht
index 26299ccf7d1..4cfd0f998d6 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-017.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-017.xht
@@ -14,10 +14,6 @@
           }
 </style>
 
-  <!--
-  2015-05-31: Trying to reset test results for that test: hello Koji!
-  -->
-
   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
   <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
   <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
@@ -27,28 +23,34 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#table-cell
-  {
-  display: table-cell;
-  height: 9em;
-  writing-mode: vertical-rl;
-  }
+    {
+      display: table-cell;
+      height: 9em;
+      writing-mode: vertical-rl;
+    }
 
   div#table-cell > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.right-border { border-right: blue solid 1em; }
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-018.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-018.xht
index e8d4bb90e19..cdd297e947e 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-018.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-018.xht
@@ -23,28 +23,34 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#table-cell
-  {
-  display: table-cell;
-  height: 9em;
-  writing-mode: vertical-lr;
-  }
+    {
+      display: table-cell;
+      height: 9em;
+      writing-mode: vertical-lr;
+    }
 
   div#table-cell > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.left-border { border-left: blue solid 1em; }
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-019.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-019.xht
index d66aea9e7e0..668045bf4bd 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-019.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-019.xht
@@ -23,28 +23,34 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#table-caption
-  {
-  display: table-caption;
-  height: 9em;
-  writing-mode: vertical-rl;
-  }
+    {
+      display: table-caption;
+      height: 9em;
+      writing-mode: vertical-rl;
+    }
 
   div#table-caption > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.right-border { border-right: blue solid 1em; }
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-020.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-020.xht
index 4c808fe70f6..3c8bf1ce738 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-020.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-020.xht
@@ -23,28 +23,34 @@
 
   <style type="text/css"><![CDATA[
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
 
   div#table-caption
-  {
-  display: table-caption;
-  height: 9em;
-  writing-mode: vertical-lr;
-  }
+    {
+      display: table-caption;
+      height: 9em;
+      writing-mode: vertical-lr;
+    }
 
   div#table-caption > div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div.left-border { border-left: blue solid 1em; }
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  div#right-border { border-right: blue solid 1em; }
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-021.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-021.xht
index 9e1b781b896..c9653dcc7d1 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-021.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-021.xht
@@ -23,9 +23,9 @@
 
   <style type="text/css"><![CDATA[
   html
-  {
-  writing-mode: vertical-rl;
-  }
+    {
+      writing-mode: vertical-rl;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -34,24 +34,30 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   ul
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  list-style: none outside url("support/blue1x1.png");
-  margin: 0em;
-  padding-top: 1em; /* overriding default padding-start: 40px in several browsers */
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      list-style: none outside url("support/blue1x1.png");
+      margin: 0em;
+      padding-top: 1em; /* overriding default padding-start: 40px in several browsers */
+    }
 
-  ul.right-border { border-right: blue solid 1em; }
+  ul.right-border
+    {
+      border-right: blue solid 1em;
+    }
 
-  ul#left-border { border-left: blue solid 1em; }
+  ul#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-022.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-022.xht
index eb1bae37a56..eee45c2960d 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-022.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-022.xht
@@ -23,9 +23,9 @@
 
   <style type="text/css"><![CDATA[
   html
-  {
-  writing-mode: vertical-lr;
-  }
+    {
+      writing-mode: vertical-lr;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -34,24 +34,30 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   ul
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  list-style: none outside url("support/blue1x1.png");
-  margin: 0em;
-  padding-top: 1em; /* overriding default 40px in several browsers */
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      list-style: none outside url("support/blue1x1.png");
+      margin: 0em;
+      padding-top: 1em; /* overriding default 40px in several browsers */
+    }
 
-  ul.left-border { border-left: blue solid 1em; }
+  ul.left-border
+    {
+      border-left: blue solid 1em;
+    }
 
-  ul#right-border { border-right: blue solid 1em; }
+  ul#right-border
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-023.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-023.xht
index 5b54bebe68d..60f8bb3029e 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-023.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-023.xht
@@ -27,9 +27,9 @@
 
   <style type="text/css"><![CDATA[
   html
-  {
-  writing-mode: vertical-lr;
-  }
+    {
+      writing-mode: vertical-lr;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -38,20 +38,23 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   div
-  {
-  background-color: blue;
-  border: blue solid 1em;
-  border-right: blue none 0em;
-  }
+    {
+      background-color: blue;
+      border: blue solid 1em;
+      border-right: blue none 0em;
+    }
 
-  div#right-most { border-right: blue solid 1em; }
+  div#right-most
+    {
+      border-right: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-024.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-024.xht
index e3753d8ce26..8cb46b6dfba 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-024.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-024.xht
@@ -27,9 +27,9 @@
 
   <style type="text/css"><![CDATA[
   html
-  {
-  writing-mode: vertical-rl;
-  }
+    {
+      writing-mode: vertical-rl;
+    }
   /*
   "
   The principal writing mode of the document is determined by the writing-mode
@@ -38,21 +38,24 @@
   */
 
   body
-  {
-  color: yellow;
-  font: 20px/1 Ahem;
-  height: 9em;
-  }
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
 
   div
-  {
-  background-color: blue;
-  border-bottom: blue solid 1em;
-  border-right: blue solid 1em;
-  border-top: blue solid 1em;
-  }
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+    }
 
-  div#left-border { border-left: blue solid 1em; }
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
   ]]></style>
  </head>
 
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-042.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-042.xht
new file mode 100644
index 00000000000..e2d71e88910
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-042.xht
@@ -0,0 +1,103 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: sideways-rl - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-042"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-002-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... " name="assert" />
+
+  <style type="text/css"><![CDATA[
+  html
+    {
+      writing-mode: sideways-rl;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+<!-- The right-most line of right-most "S" --> <div class="right-border">A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+
+
+<!-- The right-most line of left-most "S" --> <div class="right-border">L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+
+
+<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+
+
+<!-- The right-most line of "P" --> <div class="right-border">eeee&nbsp;&nbsp; </div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-043.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-043.xht
new file mode 100644
index 00000000000..7429aa39ca8
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-043.xht
@@ -0,0 +1,103 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: sideways-lr - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-043"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-043-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... " name="assert" />
+
+  <style type="text/css"><![CDATA[
+  html
+    {
+      writing-mode: sideways-lr;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+
+
+<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N&nbsp; QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+
+
+<!-- The left-most line of right-most "S" --> <div class="left-border">a&nbsp; bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj &nbsp;k</div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-045.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-045.xht
new file mode 100644
index 00000000000..c761515811c
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-045.xht
@@ -0,0 +1,97 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-045"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#floated-left
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      float: left;
+      height: 8em;
+      writing-mode: sideways-rl;
+    }
+
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div id="floated-left">
+
+<!-- The right-most line of right-most "S" --> <div class="right-border">A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+
+
+<!-- The right-most line of left-most "S" --> <div class="right-border">L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+
+
+<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+
+
+<!-- The right-most line of "P" --> <div class="right-border">eeee&nbsp;&nbsp; </div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-046.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-046.xht
new file mode 100644
index 00000000000..3159b803534
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-046.xht
@@ -0,0 +1,99 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-046"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div.floated-left
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-left: blue solid 1em;
+      border-top: blue solid 1em;
+      float: left;
+      writing-mode: sideways-rl;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div class="floated-left">
+
+<!-- The right-most line of "P" --> <div>eeee&nbsp;&nbsp;</div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp;</div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp;</div>
+
+<!-- The 4th right-most line of "P" --> <div>kkkkkkk</div>
+
+  </div>
+
+  <div class="floated-left">
+
+<!-- The right-most line of "A" --> <div>YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp;</div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp;</div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+  </div>
+
+  <div class="floated-left">
+
+<!-- The right-most line of left-most "S" --> <div>L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+  </div>
+
+  <div class="floated-left" id="right-border">
+
+<!-- The right-most line of right-most "S" --> <div>A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-047.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-047.xht
new file mode 100644
index 00000000000..4452bfa9112
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-047.xht
@@ -0,0 +1,97 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-047"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-002-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#floated-right
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+      float: right;
+      writing-mode: sideways-lr;
+    }
+
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div id="floated-right">
+
+<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+
+
+<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N&nbsp; QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+
+
+<!-- The left-most line of right-most "S" --> <div class="left-border">a&nbsp; bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj &nbsp;k</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-048.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-048.xht
new file mode 100644
index 00000000000..35c393b734e
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-048.xht
@@ -0,0 +1,99 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-048"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-002-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div.floated-right
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+      float: right;
+      writing-mode: sideways-lr;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div class="floated-right">
+
+<!-- The left-most line of right-most "S" --> <div>a &nbsp;bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div>jjjj &nbsp;k</div>
+
+  </div>
+
+  <div class="floated-right">
+
+<!-- The 1st left-most line of left-most "S" --> <div>N &nbsp;QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+  </div>
+
+  <div class="floated-right">
+
+<!-- The left-most line of "A" --> <div>GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+  </div>
+
+  <div class="floated-right" id="left-border">
+
+<!-- The 1st left-most line of "P" --> <div>AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-049.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-049.xht
new file mode 100644
index 00000000000..190e1b0d540
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-049.xht
@@ -0,0 +1,103 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: position absolute and 'sideways-rl' - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-049"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#abs-pos
+    {
+      height: 9em;
+      left: auto;
+      position: absolute;
+      writing-mode: sideways-rl;
+    }
+
+  div#abs-pos > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div id="abs-pos">
+
+<!-- The right-most line of right-most "S" --> <div class="right-border">A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+
+
+<!-- The right-most line of left-most "S" --> <div class="right-border">L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+
+
+<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+
+
+<!-- The right-most line of "P" --> <div class="right-border">eeee&nbsp;&nbsp; </div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-050.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-050.xht
new file mode 100644
index 00000000000..58c44d60412
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-050.xht
@@ -0,0 +1,103 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: position absolute and 'sideways-lr' - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-050"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#abs-pos
+    {
+      height: 9em;
+      left: auto;
+      position: absolute;
+      writing-mode: sideways-lr;
+    }
+
+  div#abs-pos > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div id="abs-pos">
+
+<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+
+
+<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N&nbsp; QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+
+
+<!-- The left-most line of right-most "S" --> <div class="left-border">a&nbsp; bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj &nbsp;k</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-051.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-051.xht
new file mode 100644
index 00000000000..0a364b6bbd5
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-051.xht
@@ -0,0 +1,113 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-051"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#inline-block
+    {
+    background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
+  /*
+  Why 'vertical-align: top' ?
+  See
+  http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
+  for explanations
+  */
+      writing-mode: sideways-rl;
+    }
+
+  span
+    {
+      display: block;
+    }
+
+  span.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div id="inline-block">
+
+<!-- The right-most line of right-most "S" --> <span class="right-border">A&nbsp; BBBB</span>
+
+<!-- The 2nd right-most line of right-most "S" --> <span>C&nbsp; D&nbsp; E</span>
+
+<!-- The 3rd right-most line of right-most "S" --> <span>F&nbsp; G&nbsp; H</span>
+
+<!-- The 4th right-most line of right-most "S" --> <span>JJJJ&nbsp; K</span>
+
+
+
+<!-- The right-most line of left-most "S" --> <span class="right-border">L&nbsp; MMMM</span>
+
+<!-- The 2nd right-most line of left-most "S" --> <span>Q&nbsp; R&nbsp; S</span>
+
+<!-- The 3rd right-most line of left-most "S" --> <span>T&nbsp; U&nbsp; V</span>
+
+<!-- The 4th right-most line of left-most "S" --> <span>WWWW&nbsp; X</span>
+
+
+
+<!-- The right-most line of "A" --> <span class="right-border">YYYYYYY</span>
+
+<!-- The 2nd right-most line of "A" --> <span>Z&nbsp; a&nbsp;&nbsp; </span>
+
+<!-- The 3rd right-most line of "A" --> <span>b&nbsp; c&nbsp;&nbsp; </span>
+
+<!-- The 4th right-most line of "A" --> <span>ddddddd</span>
+
+
+
+<!-- The right-most line of "P" --> <span class="right-border">eeee&nbsp;&nbsp; </span>
+
+<!-- The 2nd right-most line of "P" --> <span>f&nbsp; g&nbsp;&nbsp; </span>
+
+<!-- The 3rd right-most line of "P" --> <span>h&nbsp; j&nbsp;&nbsp; </span>
+
+<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-052.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-052.xht
new file mode 100644
index 00000000000..10d301658f1
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-052.xht
@@ -0,0 +1,79 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-052"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#inline-block
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
+  /*
+  Why 'vertical-align: top' ?
+  See
+  http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
+  for explanations
+  */
+      writing-mode: sideways-rl;
+    }
+
+  span
+    {
+      border-right: blue solid 1em;
+      display: block;
+    }
+
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div id="inline-block">
+
+<!-- The right-most "S" --> <span>A&nbsp; BBBB C&nbsp; D&nbsp; E F&nbsp; G&nbsp; H JJJJ&nbsp; K</span>
+
+<!-- The left-most "S" --> <span>L&nbsp; MMMM Q&nbsp; R&nbsp; S T&nbsp; U&nbsp; V WWWW&nbsp; X</span>
+
+<!-- The "A" --> <span>YYYYYYY Z&nbsp; a&nbsp;&nbsp; b&nbsp; c&nbsp;&nbsp; ddddddd</span>
+
+<!-- The "P" --> <span id="left-border">eeee&nbsp;&nbsp; f&nbsp; g&nbsp;&nbsp; h&nbsp; j&nbsp;&nbsp; kkkkkkk</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-053.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-053.xht
new file mode 100644
index 00000000000..387b56112c3
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-053.xht
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-053"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div.inline-block
+    {
+      background-color: blue;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
+  /*
+  Why 'vertical-align: top' ?
+  See
+  http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
+  for explanations
+  */
+      writing-mode: sideways-rl;
+    }
+
+  span
+    {
+      display: block;
+    }
+
+  span#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div class="inline-block">
+
+<!-- The right-most line of "P" --> <span>eeee&nbsp;&nbsp; </span>
+
+<!-- The 2nd right-most line of "P" --> <span>f&nbsp; g&nbsp;&nbsp; </span>
+
+<!-- The 3rd right-most line of "P" --> <span>h&nbsp; j&nbsp;&nbsp; </span>
+
+<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span>
+
+    </div><div class="inline-block">
+
+<!-- The right-most line of "A" --> <span>YYYYYYY</span>
+
+<!-- The 2nd right-most line of "A" --> <span>Z&nbsp; a&nbsp;&nbsp; </span>
+
+<!-- The 3rd right-most line of "A" --> <span>b&nbsp; c&nbsp;&nbsp; </span>
+
+<!-- The 4th right-most line of "A" --> <span>ddddddd</span>
+
+    </div><div class="inline-block">
+
+<!-- The right-most line of left-most "S" --> <span>L&nbsp; MMMM</span>
+
+<!-- The 2nd right-most line of left-most "S" --> <span>Q&nbsp; R&nbsp; S</span>
+
+<!-- The 3rd right-most line of left-most "S" --> <span>T&nbsp; U&nbsp; V</span>
+
+<!-- The 4th right-most line of left-most "S" --> <span>WWWW&nbsp; X</span>
+
+    </div><div class="inline-block">
+
+<!-- The right-most line of right-most "S" --> <span>A&nbsp; BBBB</span>
+
+<!-- The 2nd right-most line of right-most "S" --> <span>C&nbsp; D&nbsp; E</span>
+
+<!-- The 3rd right-most line of right-most "S" --> <span>F&nbsp; G&nbsp; H</span>
+
+<!-- The 4th right-most line of right-most "S" --> <span>JJJJ&nbsp; K</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-054.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-054.xht
new file mode 100644
index 00000000000..9531ba43fe1
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-054.xht
@@ -0,0 +1,113 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-054"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#inline-block
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
+  /*
+  Why 'vertical-align: top' ?
+  See
+  http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
+  for explanations
+  */
+      writing-mode: sideways-lr;
+    }
+
+  span
+    {
+      display: block;
+    }
+
+  span.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  span#right-border
+    {
+    border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div id="inline-block">
+
+<!-- The 1st left-most line of "P" --> <span class="left-border">AAAAAAA</span>
+
+<!-- The 2nd left-most line of "P" --> <span>&nbsp;&nbsp; B &nbsp;C</span>
+
+<!-- The 3rd left-most line of "P" --> <span>&nbsp;&nbsp; D &nbsp;E</span>
+
+<!-- The 4th left-most line of "P" --> <span>&nbsp;&nbsp; FFFF</span>
+
+
+
+<!-- The left-most line of "A" --> <span class="left-border">GGGGGGG</span>
+
+<!-- The 2nd left-most line of "A" --> <span>&nbsp;&nbsp; H &nbsp;J</span>
+
+<!-- The 3rd left-most line of "A" --> <span>&nbsp;&nbsp; K &nbsp;L</span>
+
+<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <span class="left-border">N&nbsp; QQQQ</span>
+
+<!-- The 2nd left-most line of left-most "S" --> <span>R&nbsp; S&nbsp; T</span>
+
+<!-- The 3rd left-most line of left-most "S" --> <span>U&nbsp; V&nbsp; W</span>
+
+<!-- The 4th left-most line of left-most "S" --> <span>XXXX &nbsp;Y</span>
+
+
+
+<!-- The left-most line of right-most "S" --> <span class="left-border">a&nbsp; bbbb</span>
+
+<!-- The 2nd left-most line of right-most "S" --> <span>c&nbsp; d&nbsp; e</span>
+
+<!-- The 3rd left-most line of right-most "S" --> <span>f&nbsp; g&nbsp; h</span>
+
+<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj &nbsp;k</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-055.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-055.xht
new file mode 100644
index 00000000000..521d88fae83
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-055.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-055"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr'  establishes a block formating context with a left-to-right block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#inline-block
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      writing-mode: sideways-lr;
+    }
+
+  span
+    {
+      border-left: blue solid 1em;
+      display: block;
+    }
+
+  span#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div id="inline-block">
+
+<!-- The "P" --> <span>AAAAAAA &nbsp;&nbsp; B &nbsp;C &nbsp;&nbsp; D &nbsp;E &nbsp;&nbsp; FFFF</span>
+
+<!-- The "A" --> <span>GGGGGGG &nbsp;&nbsp; H &nbsp;J &nbsp;&nbsp; K &nbsp;L MMMMMMM</span>
+
+<!-- The left-most "S" --> <span>N&nbsp; QQQQ R&nbsp; S&nbsp; T U&nbsp; V&nbsp; W XXXX &nbsp;Y</span>
+
+<!-- The right-most "S" --> <span id="right-border">a&nbsp; bbbb c&nbsp; d&nbsp; e f&nbsp; g&nbsp; h jjjj &nbsp;k</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-056.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-056.xht
new file mode 100644
index 00000000000..edc043ca739
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-056.xht
@@ -0,0 +1,109 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-056"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div.inline-block
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-left: blue solid 1em;
+      display: inline-block;
+      height: 8em;
+      vertical-align: top;
+  /*
+  Why 'vertical-align: top' ?
+  See
+  http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html
+  for explanations
+  */
+      writing-mode: sideways-lr;
+    }
+
+  span
+    {
+      display: block;
+    }
+
+  span#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div>
+
+    <div class="inline-block">
+
+<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span>
+
+<!-- The 2nd left-most line of "P" --> <span>&nbsp;&nbsp; B &nbsp;C</span>
+
+<!-- The 3rd left-most line of "P" --> <span>&nbsp;&nbsp; D &nbsp;E</span>
+
+<!-- The 4th left-most line of "P" --> <span>&nbsp;&nbsp; FFFF</span>
+
+    </div><div class="inline-block">
+
+<!-- The left-most line of "A" --> <span>GGGGGGG</span>
+
+<!-- The 2nd left-most line of "A" --> <span>&nbsp;&nbsp; H &nbsp;J</span>
+
+<!-- The 3rd left-most line of "A" --> <span>&nbsp;&nbsp; K &nbsp;L</span>
+
+<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span>
+
+    </div><div class="inline-block">
+
+<!-- The 1st left-most line of left-most "S" --> <span>N&nbsp; QQQQ</span>
+
+<!-- The 2nd left-most line of left-most "S" --> <span>R&nbsp; S&nbsp; T</span>
+
+<!-- The 3rd left-most line of left-most "S" --> <span>U&nbsp; V&nbsp; W</span>
+
+<!-- The 4th left-most line of left-most "S" --> <span>XXXX &nbsp;Y</span>
+
+    </div><div class="inline-block">
+
+<!-- The left-most line of right-most "S" --> <span>a&nbsp; bbbb</span>
+
+<!-- The 2nd left-most line of right-most "S" --> <span>c&nbsp; d&nbsp; e</span>
+
+<!-- The 3rd left-most line of right-most "S" --> <span>f&nbsp; g&nbsp; h</span>
+
+<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj &nbsp;k</span>
+
+    </div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-057.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-057.xht
new file mode 100644
index 00000000000..8980eab5da0
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-057.xht
@@ -0,0 +1,102 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: table-cell and 'sideways-rl' - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-057"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#table-cell
+    {
+      display: table-cell;
+      height: 9em;
+      writing-mode: sideways-rl;
+    }
+
+  div#table-cell > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div id="table-cell">
+
+<!-- The right-most line of right-most "S" --> <div class="right-border">A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+
+
+<!-- The right-most line of left-most "S" --> <div class="right-border">L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+
+
+<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+
+
+<!-- The right-most line of "P" --> <div class="right-border">eeee&nbsp;&nbsp; </div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-058.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-058.xht
new file mode 100644
index 00000000000..3dccf429971
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-058.xht
@@ -0,0 +1,101 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: table-cell and 'sideways-lr' - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-058"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#table-cell
+    {
+      display: table-cell;
+      height: 9em;
+      writing-mode: sideways-lr;
+    }
+
+  div#table-cell > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div id="table-cell">
+
+<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+
+<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N&nbsp; QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+
+
+<!-- The left-most line of right-most "S" --> <div class="left-border">a&nbsp; bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj &nbsp;k</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-059.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-059.xht
new file mode 100644
index 00000000000..e52203ebb00
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-059.xht
@@ -0,0 +1,102 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: table-caption and 'sideways-rl' - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-059"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#table-caption
+    {
+      display: table-caption;
+      height: 9em;
+      writing-mode: sideways-rl;
+    }
+
+  div#table-caption > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div id="table-caption">
+
+<!-- The right-most line of right-most "S" --> <div class="right-border">A&nbsp; BBBB</div>
+
+<!-- The 2nd right-most line of right-most "S" --> <div>C&nbsp; D&nbsp; E</div>
+
+<!-- The 3rd right-most line of right-most "S" --> <div>F&nbsp; G&nbsp; H</div>
+
+<!-- The 4th right-most line of right-most "S" --> <div>JJJJ&nbsp; K</div>
+
+
+
+<!-- The right-most line of left-most "S" --> <div class="right-border">L&nbsp; MMMM</div>
+
+<!-- The 2nd right-most line of left-most "S" --> <div>Q&nbsp; R&nbsp; S</div>
+
+<!-- The 3rd right-most line of left-most "S" --> <div>T&nbsp; U&nbsp; V</div>
+
+<!-- The 4th right-most line of left-most "S" --> <div>WWWW&nbsp; X</div>
+
+
+
+<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div>
+
+<!-- The 2nd right-most line of "A" --> <div>Z&nbsp; a&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "A" --> <div>b&nbsp; c&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "A" --> <div>ddddddd</div>
+
+
+
+<!-- The right-most line of "P" --> <div class="right-border">eeee&nbsp;&nbsp; </div>
+
+<!-- The 2nd right-most line of "P" --> <div>f&nbsp; g&nbsp;&nbsp; </div>
+
+<!-- The 3rd right-most line of "P" --> <div>h&nbsp; j&nbsp;&nbsp; </div>
+
+<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-060.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-060.xht
new file mode 100644
index 00000000000..26f51531d33
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-060.xht
@@ -0,0 +1,101 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: table-caption and 'sideways-lr' - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-060"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-001-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+    }
+
+  div#table-caption
+    {
+      display: table-caption;
+      height: 9em;
+      writing-mode: sideways-lr;
+    }
+
+  div#table-caption > div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  div#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div id="table-caption">
+
+<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div>
+
+<!-- The 2nd left-most line of "P" --> <div>&nbsp;&nbsp; B &nbsp;C</div>
+
+<!-- The 3rd left-most line of "P" --> <div>&nbsp;&nbsp; D &nbsp;E</div>
+
+<!-- The 4th left-most line of "P" --> <div>&nbsp;&nbsp; FFFF</div>
+
+
+<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div>
+
+<!-- The 2nd left-most line of "A" --> <div>&nbsp;&nbsp; H &nbsp;J</div>
+
+<!-- The 3rd left-most line of "A" --> <div>&nbsp;&nbsp; K &nbsp;L</div>
+
+<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N&nbsp; QQQQ</div>
+
+<!-- The 2nd left-most line of left-most "S" --> <div>R&nbsp; S&nbsp; T</div>
+
+<!-- The 3rd left-most line of left-most "S" --> <div>U&nbsp; V&nbsp; W</div>
+
+<!-- The 4th left-most line of left-most "S" --> <div>XXXX &nbsp;Y</div>
+
+
+
+<!-- The left-most line of right-most "S" --> <div class="left-border">a&nbsp; bbbb</div>
+
+<!-- The 2nd left-most line of right-most "S" --> <div>c&nbsp; d&nbsp; e</div>
+
+<!-- The 3rd left-most line of right-most "S" --> <div>f&nbsp; g&nbsp; h</div>
+
+<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj &nbsp;k</div>
+
+  </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-061.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-061.xht
new file mode 100644
index 00000000000..2fac409de47
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-061.xht
@@ -0,0 +1,105 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: list and sideways-rl - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-061"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-002-ref.xht" />
+
+  <meta content="ahem image" name="flags" />
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc... " name="assert" />
+
+  <style type="text/css"><![CDATA[
+  html
+    {
+      writing-mode: sideways-rl;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  ul
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      list-style: none outside url("support/blue1x1.png");
+      margin: 0em;
+      padding-top: 1em; /* overriding default padding-start: 40px in several browsers */
+    }
+
+  ul.right-border
+    {
+      border-right: blue solid 1em;
+    }
+
+  ul#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+<!-- The right-most line of right-most "S" --> <ul class="right-border"><li>A&nbsp; BBBB</li></ul>
+
+<!-- The 2nd right-most line of right-most "S" --> <ul><li>C&nbsp; D&nbsp; E</li></ul>
+
+<!-- The 3rd right-most line of right-most "S" --> <ul><li>F&nbsp; G&nbsp; H</li></ul>
+
+<!-- The 4th right-most line of right-most "S" --> <ul><li>JJJJ&nbsp; K</li></ul>
+
+
+
+<!-- The right-most line of left-most "S" --> <ul class="right-border"><li>L&nbsp; MMMM</li></ul>
+
+<!-- The 2nd right-most line of left-most "S" --> <ul><li>Q&nbsp; R&nbsp; S</li></ul>
+
+<!-- The 3rd right-most line of left-most "S" --> <ul><li>T&nbsp; U&nbsp; V</li></ul>
+
+<!-- The 4th right-most line of left-most "S" --> <ul><li>WWWW&nbsp; X</li></ul>
+
+
+
+<!-- The right-most line of "A" --> <ul class="right-border"><li>YYYYYYY</li></ul>
+
+<!-- The 2nd right-most line of "A" --> <ul><li>Z&nbsp; a&nbsp;&nbsp; </li></ul>
+
+<!-- The 3rd right-most line of "A" --> <ul><li>b&nbsp; c&nbsp;&nbsp; </li></ul>
+
+<!-- The 4th right-most line of "A" --> <ul><li>ddddddd</li></ul>
+
+
+
+<!-- The right-most line of "P" --> <ul class="right-border"><li>eeee&nbsp;&nbsp; </li></ul>
+
+<!-- The 2nd right-most line of "P" --> <ul><li>f&nbsp; g&nbsp;&nbsp; </li></ul>
+
+<!-- The 3rd right-most line of "P" --> <ul><li>h&nbsp; j&nbsp;&nbsp; </li></ul>
+
+<!-- The 4th right-most line of "P" --> <ul id="left-border"><li>kkkkkkk</li></ul>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-062.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-062.xht
new file mode 100644
index 00000000000..0843ee23504
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-062.xht
@@ -0,0 +1,105 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: list and sideways-lr - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-062"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-043-ref.xht" />
+
+  <meta content="ahem image" name="flags" />
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc... " name="assert" />
+
+  <style type="text/css"><![CDATA[
+  html
+    {
+      writing-mode: sideways-lr;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  ul
+    {
+      background-color: blue;
+      border-top: blue solid 1em;
+      list-style: none outside url("support/blue1x1.png");
+      margin: 0em;
+      padding-bottom: 1em; /* overriding default 40px in several browsers */
+    }
+
+  ul.left-border
+    {
+      border-left: blue solid 1em;
+    }
+
+  ul#right-border
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+<!-- The 1st left-most line of "P" --> <ul class="left-border"><li>AAAAAAA</li></ul>
+
+<!-- The 2nd left-most line of "P" --> <ul><li>&nbsp;&nbsp; B &nbsp;C</li></ul>
+
+<!-- The 3rd left-most line of "P" --> <ul><li>&nbsp;&nbsp; D &nbsp;E</li></ul>
+
+<!-- The 4th left-most line of "P" --> <ul><li>&nbsp;&nbsp; FFFF</li></ul>
+
+
+
+<!-- The left-most line of "A" --> <ul class="left-border"><li>GGGGGGG</li></ul>
+
+<!-- The 2nd left-most line of "A" --> <ul><li>&nbsp;&nbsp; H &nbsp;J</li></ul>
+
+<!-- The 3rd left-most line of "A" --> <ul><li>&nbsp;&nbsp; K &nbsp;L</li></ul>
+
+<!-- The 4th left-most line of "A" --> <ul><li>MMMMMMM</li></ul>
+
+
+
+<!-- The 1st left-most line of left-most "S" --> <ul class="left-border"><li>N&nbsp; QQQQ</li></ul>
+
+<!-- The 2nd left-most line of left-most "S" --> <ul><li>R&nbsp; S&nbsp; T</li></ul>
+
+<!-- The 3rd left-most line of left-most "S" --> <ul><li>U&nbsp; V&nbsp; W</li></ul>
+
+<!-- The 4th left-most line of left-most "S" --> <ul><li>XXXX &nbsp;Y</li></ul>
+
+
+
+<!-- The left-most line of right-most "S" --> <ul class="left-border"><li>a&nbsp; bbbb</li></ul>
+
+<!-- The 2nd left-most line of right-most "S" --> <ul><li>c&nbsp; d&nbsp; e</li></ul>
+
+<!-- The 3rd left-most line of right-most "S" --> <ul><li>f&nbsp; g&nbsp; h</li></ul>
+
+<!-- The 4th left-most line of right-most "S" --> <ul id="right-border"><li>jjjj &nbsp;k</li></ul>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-063.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-063.xht
new file mode 100644
index 00000000000..9daaaa22915
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-063.xht
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: sideways-lr - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-063"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-043-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc... " name="assert" />
+
+  <!--
+  This test is a variation of block-flow-direction-003 test.
+  -->
+
+  <style type="text/css"><![CDATA[
+  html
+    {
+      writing-mode: sideways-lr;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  div
+    {
+      background-color: blue;
+      border: blue solid 1em;
+      border-right: blue none 0em;
+    }
+
+  div#right-most
+    {
+      border-right: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+<!-- The "P" --> <div>AAAAAAA &nbsp;&nbsp; B &nbsp;C &nbsp;&nbsp; D &nbsp;E &nbsp;&nbsp; FFFF</div>
+
+<!-- The "A" --> <div>GGGGGGG &nbsp;&nbsp; H &nbsp;J &nbsp;&nbsp; K &nbsp;L MMMMMMM</div>
+
+<!-- The left-most "S" --> <div>N&nbsp; QQQQ R&nbsp; S&nbsp; T U&nbsp; V&nbsp; W XXXX &nbsp;Y</div>
+
+<!-- The right-most "S" --> <div id="right-most">a&nbsp; bbbb c&nbsp; d&nbsp; e f&nbsp; g&nbsp; h jjjj &nbsp;k</div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-064.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-064.xht
new file mode 100644
index 00000000000..485ac197ef1
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-064.xht
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: sideways-rl - block flow direction of block-level boxes</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-064"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="match" href="reference/block-flow-direction-002-ref.xht" />
+
+  <meta content="ahem" name="flags" />
+  <meta content="This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc... " name="assert" />
+
+  <!--
+  This test is a variation of block-flow-direction-002 test.
+  -->
+
+  <style type="text/css"><![CDATA[
+  html
+    {
+      writing-mode: sideways-rl;
+    }
+  /*
+  "
+  The principal writing mode of the document is determined by the writing-mode
+  and direction values specified on the root element.
+  "
+  */
+
+  body
+    {
+      color: yellow;
+      font: 20px/1 Ahem;
+      height: 9em;
+    }
+
+  div
+    {
+      background-color: blue;
+      border-bottom: blue solid 1em;
+      border-right: blue solid 1em;
+      border-top: blue solid 1em;
+    }
+
+  div#left-border
+    {
+      border-left: blue solid 1em;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+<!-- The right-most "S" --> <div>A&nbsp; BBBB C&nbsp; D&nbsp; E F&nbsp; G&nbsp; H JJJJ&nbsp; K</div>
+
+<!-- The left-most "S" --> <div>L&nbsp; MMMM Q&nbsp; R&nbsp; S T&nbsp; U&nbsp; V WWWW&nbsp; X</div>
+
+<!-- The "A" --> <div>YYYYYYY Z&nbsp; a&nbsp;&nbsp; b&nbsp; c&nbsp;&nbsp; ddddddd</div>
+
+<!-- The "P" --> <div id="left-border">eeee&nbsp;&nbsp; f&nbsp; g&nbsp;&nbsp; h&nbsp; j&nbsp;&nbsp; kkkkkkk</div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht
new file mode 100644
index 00000000000..5c02489c36c
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: writing mode (sideways-rl) of document - horizontal position of first block</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-065"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts" />
+  <link rel="match" href="reference/block-flow-direction-025-ref.xht" />
+
+  <meta content="image" name="flags" />
+  <meta content="This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  html
+    {
+      writing-mode: sideways-rl;
+    }
+
+  div
+    {
+      background-color: blue;
+      height: 100px;
+      width: 100px;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div></div>
+
+  <p><img src="support/block-flow-direction-025-exp-res.png" width="359" height="36" alt="Image download support must be enabled" /></p>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht
new file mode 100644
index 00000000000..b000d7dfd73
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Writing Modes Test: writing mode (sideways-lr) of document - horizontal position of first block</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-066"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" />
+  <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts" />
+  <link rel="match" href="reference/block-flow-direction-066-ref.xht" />
+
+  <meta content="image" name="flags" />
+  <meta content="This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block." name="assert" />
+
+  <style type="text/css"><![CDATA[
+  html
+    {
+      writing-mode: sideways-lr;
+    }
+
+  div
+    {
+      background-color: blue;
+      height: 100px;
+      width: 100px;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <div></div>
+
+  <p><img src="support/block-flow-direction-066-exp-res.png" width="358" height="36" alt="Image download support must be enabled" /></p>
+
+  <!--
+  The image says:
+  Test passes if there is a blue square in the
+  <strong>bottom-left corner</strong> of the page.
+  -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht
index 6b51709a27c..e6ce49bcb7c 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht
@@ -13,7 +13,7 @@
  <body>
 
   <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
-  <h2>Introduction to Vertical Text (89 tests)</h2>
+  <h2>Introduction to Vertical Text (113 tests)</h2>
   <table width="100%">
     <col id="test-column"></col>
     <col id="refs-column"></col>
@@ -40,7 +40,7 @@
       <tr><th colspan="4" scope="rowgroup">
         <a href="#s3.1">+</a>
         <a href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">3.1 Block Flow Direction: the writing-mode property</a></th></tr>
-      <!-- 74 tests -->
+      <!-- 98 tests -->
       <tr id="block-flow-direction-001-3.1" class="primary ahem">
         <td><strong>
             <a href="block-flow-direction-001.xht">block-flow-direction-001</a></strong></td>
@@ -316,6 +316,270 @@
           </ul>
         </td>
       </tr>
+      <tr id="block-flow-direction-042-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-042.xht">block-flow-direction-042</a></strong></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>sideways-rl - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-043-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-043.xht">block-flow-direction-043</a></strong></td>
+        <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>sideways-lr - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-045-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-045.xht">block-flow-direction-045</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-046-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-046.xht">block-flow-direction-046</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-047-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-047.xht">block-flow-direction-047</a></strong></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-048-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-048.xht">block-flow-direction-048</a></strong></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-049-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-049.xht">block-flow-direction-049</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>position absolute and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-050-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-050.xht">block-flow-direction-050</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>position absolute and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-051-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-051.xht">block-flow-direction-051</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-052-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-052.xht">block-flow-direction-052</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-053-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-053.xht">block-flow-direction-053</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-054-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-054.xht">block-flow-direction-054</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-055-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-055.xht">block-flow-direction-055</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-056-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-056.xht">block-flow-direction-056</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-057-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-057.xht">block-flow-direction-057</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>table-cell and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-058-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-058.xht">block-flow-direction-058</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>table-cell and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-059-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-059.xht">block-flow-direction-059</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>table-caption and 'sideways-rl' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-060-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-060.xht">block-flow-direction-060</a></strong></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>table-caption and 'sideways-lr' - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-061-3.1" class="primary ahem image">
+        <td><strong>
+            <a href="block-flow-direction-061.xht">block-flow-direction-061</a></strong></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>list and sideways-rl - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-062-3.1" class="primary ahem image">
+        <td><strong>
+            <a href="block-flow-direction-062.xht">block-flow-direction-062</a></strong></td>
+        <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>list and sideways-lr - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-063-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-063.xht">block-flow-direction-063</a></strong></td>
+        <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>sideways-lr - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-064-3.1" class="primary ahem">
+        <td><strong>
+            <a href="block-flow-direction-064.xht">block-flow-direction-064</a></strong></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>sideways-rl - block flow direction of block-level boxes
+          <ul class="assert">
+            <li>This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-065-3.1" class="primary image">
+        <td><strong>
+            <a href="block-flow-direction-065.xht">block-flow-direction-065</a></strong></td>
+        <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td>
+        <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>writing mode (sideways-rl) of document - horizontal position of first block
+          <ul class="assert">
+            <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block.</li>
+          </ul>
+        </td>
+      </tr>
+      <tr id="block-flow-direction-066-3.1" class="primary image">
+        <td><strong>
+            <a href="block-flow-direction-066.xht">block-flow-direction-066</a></strong></td>
+        <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td>
+        <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+        <td>writing mode (sideways-lr) of document - horizontal position of first block
+          <ul class="assert">
+            <li>This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.</li>
+          </ul>
+        </td>
+      </tr>
       <tr id="different-block-flow-dir-001-3.1" class="primary">
         <td><strong>
             <a href="different-block-flow-dir-001.xht">different-block-flow-dir-001</a></strong></td>
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-7.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-7.xht
index bd39e07028c..4da4e7b6d22 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-7.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-7.xht
@@ -13,7 +13,7 @@
  <body>
 
   <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
-  <h2>Abstract Box Layout (519 tests)</h2>
+  <h2>Abstract Box Layout (522 tests)</h2>
   <table width="100%">
     <col id="test-column"></col>
     <col id="refs-column"></col>
@@ -37,7 +37,7 @@
       <tr><th colspan="4" scope="rowgroup">
         <a href="#s7.1">+</a>
         <a href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout">7.1 Principles of Layout in Vertical Writing Modes</a></th></tr>
-      <!-- 355 tests -->
+      <!-- 358 tests -->
       <tr id="abs-pos-non-replaced-icb-vlr-003-7.1" class="primary">
         <td><strong>
             <a href="abs-pos-non-replaced-icb-vlr-003.xht">abs-pos-non-replaced-icb-vlr-003</a></strong></td>
@@ -3623,6 +3623,14 @@
           </ul>
         </td>
       </tr>
+      <tr id="outline-inline-block-vrl-006-7.1" class="primary ahem">
+        <td><strong>
+            <a href="outline-inline-block-vrl-006.xht">outline-inline-block-vrl-006</a></strong></td>
+        <td><a href="reference/outline-inline-block-vrl-006.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>outline layout and inline-block and vertical-rl writing-mode
+        </td>
+      </tr>
       <tr id="outline-inline-slr-005-7.1" class="primary">
         <td><strong>
             <a href="outline-inline-slr-005.xht">outline-inline-slr-005</a></strong></td>
@@ -3647,6 +3655,14 @@
         <td>outline layout and non-replaced inline in vertical-lr writing-mode
         </td>
       </tr>
+      <tr id="outline-inline-vlr-006-7.1" class="primary ahem">
+        <td><strong>
+            <a href="outline-inline-vlr-006.xht">outline-inline-vlr-006</a></strong></td>
+        <td><a href="reference/outline-inline-vlr-006.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>outline layout and non-replaced inline and vertical-lr writing-mode
+        </td>
+      </tr>
       <tr id="outline-inline-vrl-002-7.1" class="primary">
         <td><strong>
             <a href="outline-inline-vrl-002.xht">outline-inline-vrl-002</a></strong></td>
@@ -3655,6 +3671,14 @@
         <td>outline layout and non-replaced inline and vertical-rl writing-mode
         </td>
       </tr>
+      <tr id="outline-inline-vrl-006-7.1" class="primary ahem">
+        <td><strong>
+            <a href="outline-inline-vrl-006.xht">outline-inline-vrl-006</a></strong></td>
+        <td><a href="reference/outline-inline-vrl-006.xht">=</a> </td>
+        <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+        <td>outline layout and non-replaced inline and vertical-rl writing-mode
+        </td>
+      </tr>
       <tr id="padding-vlr-005-7.1" class="primary image">
         <td><strong>
             <a href="padding-vlr-005.xht">padding-vlr-005</a></strong></td>
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-block-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-block-vrl-006.xht
new file mode 100644
index 00000000000..b631c275f64
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-block-vrl-006.xht
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and inline-block and vertical-rl writing-mode</title>
+<link href="reference/outline-inline-block-vrl-006.xht" rel="match" />
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" />
+<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" />
+<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property" />
+<meta content="ahem" name="flags" />
+<style>
+.container {
+  color:transparent;
+  font:50px/1 Ahem;
+  height:6em;
+  writing-mode:vertical-rl;
+}
+.outline {
+  color:orange;
+  display:inline-block;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div class="container">
+  <!--
+    Additional div to ensure that the origin of the containing block of the
+    outline span is different from the origin of the writing mode root.
+  -->
+  <div>123<span class="outline">XXX</span></div>
+  <div>12345 6<span class="outline">XX</span></div>
+  <div>1</div>
+  <div><span class="outline">1</span></div>
+  <div>1</div>
+</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-vlr-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-vlr-006.xht
new file mode 100644
index 00000000000..671980095c2
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-vlr-006.xht
@@ -0,0 +1,25 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode</title>
+<link href="reference/outline-inline-vlr-006.xht" rel="match" />
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" />
+<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" />
+<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property" />
+<meta content="ahem" name="flags" />
+<style>
+div {
+  color:transparent;
+  font:50px/1 Ahem;
+  width:2em;
+  height:5em;
+}
+.vlr {
+  writing-mode:vertical-lr;
+}
+.outline {
+  color:orange;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div class="vlr">1234<span class="outline">5 6</span>7890</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-vrl-006.xht
new file mode 100644
index 00000000000..7b87e25caf2
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-vrl-006.xht
@@ -0,0 +1,32 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
+<link href="reference/outline-inline-vrl-006.xht" rel="match" />
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" />
+<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" />
+<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property" />
+<meta content="ahem" name="flags" />
+<style>
+.container {
+  color:transparent;
+  font:50px/1 Ahem;
+  height:5em;
+  writing-mode:vertical-rl;
+}
+.outline {
+  color:orange;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div class="container">
+  <!--
+    Additional div to ensure that the origin of the containing block of the
+    outline span is different from the origin of the writing mode root.
+  -->
+  <div>1</div>
+  <div>1234<span class="outline">5 6</span>7890</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-043-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-043-ref.xht
new file mode 100644
index 00000000000..e700f86ab06
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-043-ref.xht
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+  <title>CSS Reftest Reference</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-043-ref"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-11-22 -->
+
+  <!-- This reference file is the bottom-left-corner version of
+  block-flow-direction-001-ref.xht
+  -->
+
+  <meta name="flags" content="image" />
+  <style type="text/css"><![CDATA[
+  div
+    {
+      background-color: yellow;
+      bottom: 8px;
+      font: 20px/1 Ahem;
+      left: 8px;
+      position: absolute;
+      width: 21em;
+    }
+
+  img
+    {
+      vertical-align: top;
+    }
+  ]]></style>
+ </head>
+ <body>
+
+ <div><img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled" />
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />   <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" />
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" />
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />
+
+ <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" />
+
+ <img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled" />
+ </div>
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-066-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-066-ref.xht
new file mode 100644
index 00000000000..d88979ac94f
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-066-ref.xht
@@ -0,0 +1,52 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
+  <title>CSS Reftest Reference</title>
+  <style type="text/css">
+    @page { font: italic 8pt sans-serif; color: gray;
+            margin: 7%;
+            counter-increment: page;
+            @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
+            @top-right { content: "Test block-flow-direction-066-ref"; }
+            @bottom-right { content: counter(page); }
+          }
+</style>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+  <meta content="image" name="flags" />
+
+  <style type="text/css"><![CDATA[
+  p
+    {
+      bottom: 8px;
+      margin-bottom: 0px;
+      position: absolute;
+    }
+
+  img
+    {
+      vertical-align: bottom;
+    }
+
+  img + img
+    {
+      padding-left: 16px;
+    }
+  ]]></style>
+ </head>
+
+ <body>
+
+  <p><img src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled" /><img src="support/block-flow-direction-066-exp-res.png" width="358" height="36" alt="Image download support must be enabled" /></p>
+
+  <!--
+  The image says:
+  Test passes if there is a blue square in the
+  <strong>bottom-left corner</strong> of the page.
+  -->
+
+ </body>
+</html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-block-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-block-vrl-006.xht
new file mode 100644
index 00000000000..b5c8b7571ac
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-block-vrl-006.xht
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" />
+<meta content="ahem" name="flags" />
+<style>
+.container {
+  color:transparent;
+  font:50px/1 Ahem;
+}
+.outline {
+  color:orange;
+  display:inline-block;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div class="container">
+  <span style="margin-left:1em" class="outline">1</span><br />
+  <span style="margin-left:3em" class="outline">1<br />2</span><br />
+  <span style="margin-left:5em" class="outline">1<br />2<br />X</span>
+</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vlr-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vlr-006.xht
new file mode 100644
index 00000000000..7c6bdf6b127
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vlr-006.xht
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode</title>
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" />
+<meta content="ahem" name="flags" />
+<style>
+div {
+  color:transparent;
+  font:50px/1 Ahem;
+  width:2em;
+  height:5em;
+}
+.outline {
+  color:orange;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div>1<span class="outline">2</span> 34 56 78 <span class="outline">9</span>0</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vrl-006.xht
new file mode 100644
index 00000000000..e7d697a10cf
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vrl-006.xht
@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
+<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" />
+<meta content="ahem" name="flags" />
+<style>
+.container {
+  color:transparent;
+  font:50px/1 Ahem;
+}
+.outline {
+  color:orange;
+  outline:blue solid 2px;
+}
+</style>
+</head><body><p>Test passes if inside of blue rectangles are orange.
+</p><div class="container">
+  <div>111<span class="outline">1</span></div>
+  <div>1</div>
+  <div>1</div>
+  <div>1</div>
+  <div>1111<span class="outline">1</span></div>
+</div>
+</body></html>
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht
index 3b74da0e27a..6517366139c 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht
@@ -3248,6 +3248,198 @@
         <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
       </tr>
     </tbody>
+    <tbody id="block-flow-direction-042" class="ahem">
+      <tr>
+        <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes">
+          <a href="block-flow-direction-042.xht">block-flow-direction-042</a></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-043" class="ahem">
+      <tr>
+        <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes">
+          <a href="block-flow-direction-043.xht">block-flow-direction-043</a></td>
+        <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-045" class="ahem">
+      <tr>
+        <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-045.xht">block-flow-direction-045</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-046" class="ahem">
+      <tr>
+        <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-046.xht">block-flow-direction-046</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-047" class="ahem">
+      <tr>
+        <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-047.xht">block-flow-direction-047</a></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-048" class="ahem">
+      <tr>
+        <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-048.xht">block-flow-direction-048</a></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-049" class="ahem">
+      <tr>
+        <td rowspan="1" title="position absolute and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-049.xht">block-flow-direction-049</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-050" class="ahem">
+      <tr>
+        <td rowspan="1" title="position absolute and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-050.xht">block-flow-direction-050</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-051" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-051.xht">block-flow-direction-051</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-052" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-052.xht">block-flow-direction-052</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-053" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-053.xht">block-flow-direction-053</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-054" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-054.xht">block-flow-direction-054</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-055" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-055.xht">block-flow-direction-055</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-056" class="ahem">
+      <tr>
+        <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-056.xht">block-flow-direction-056</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-057" class="ahem">
+      <tr>
+        <td rowspan="1" title="table-cell and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-057.xht">block-flow-direction-057</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-058" class="ahem">
+      <tr>
+        <td rowspan="1" title="table-cell and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-058.xht">block-flow-direction-058</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-059" class="ahem">
+      <tr>
+        <td rowspan="1" title="table-caption and 'sideways-rl' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-059.xht">block-flow-direction-059</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-060" class="ahem">
+      <tr>
+        <td rowspan="1" title="table-caption and 'sideways-lr' - block flow direction of block-level boxes">
+          <a href="block-flow-direction-060.xht">block-flow-direction-060</a></td>
+        <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-061" class="ahem image">
+      <tr>
+        <td rowspan="1" title="list and sideways-rl - block flow direction of block-level boxes">
+          <a href="block-flow-direction-061.xht">block-flow-direction-061</a></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-062" class="ahem image">
+      <tr>
+        <td rowspan="1" title="list and sideways-lr - block flow direction of block-level boxes">
+          <a href="block-flow-direction-062.xht">block-flow-direction-062</a></td>
+        <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-063" class="ahem">
+      <tr>
+        <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes">
+          <a href="block-flow-direction-063.xht">block-flow-direction-063</a></td>
+        <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-064" class="ahem">
+      <tr>
+        <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes">
+          <a href="block-flow-direction-064.xht">block-flow-direction-064</a></td>
+        <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-065" class="image">
+      <tr>
+        <td rowspan="1" title="writing mode (sideways-rl) of document - horizontal position of first block">
+          <a href="block-flow-direction-065.xht">block-flow-direction-065</a></td>
+        <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="block-flow-direction-066" class="image">
+      <tr>
+        <td rowspan="1" title="writing mode (sideways-lr) of document - horizontal position of first block">
+          <a href="block-flow-direction-066.xht">block-flow-direction-066</a></td>
+        <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td>
+        <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
+      </tr>
+    </tbody>
     <tbody id="block-override-001" class="">
       <tr>
         <td rowspan="1" title="direction: div override rtl">
@@ -4936,6 +5128,30 @@
         <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td>
       </tr>
     </tbody>
+    <tbody id="outline-inline-block-vrl-006" class="ahem">
+      <tr>
+        <td rowspan="1" title="outline layout and inline-block and vertical-rl writing-mode">
+          <a href="outline-inline-block-vrl-006.xht">outline-inline-block-vrl-006</a></td>
+        <td><a href="reference/outline-inline-block-vrl-006.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="outline-inline-vlr-006" class="ahem">
+      <tr>
+        <td rowspan="1" title="outline layout and non-replaced inline and vertical-lr writing-mode">
+          <a href="outline-inline-vlr-006.xht">outline-inline-vlr-006</a></td>
+        <td><a href="reference/outline-inline-vlr-006.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
+    <tbody id="outline-inline-vrl-006" class="ahem">
+      <tr>
+        <td rowspan="1" title="outline layout and non-replaced inline and vertical-rl writing-mode">
+          <a href="outline-inline-vrl-006.xht">outline-inline-vrl-006</a></td>
+        <td><a href="reference/outline-inline-vrl-006.xht">=</a> </td>
+        <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
+      </tr>
+    </tbody>
     <tbody id="padding-vlr-005" class="image">
       <tr>
         <td rowspan="1" title="padding in 'vertical-lr' writing-mode context">
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list
index c4ded51e924..3c9addbeb06 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list
@@ -402,6 +402,30 @@ block-flow-direction-022.xht == reference/block-flow-direction-001-ref.xht
 block-flow-direction-023.xht == reference/block-flow-direction-001-ref.xht
 block-flow-direction-024.xht == reference/block-flow-direction-002-ref.xht
 block-flow-direction-025.xht == reference/block-flow-direction-025-ref.xht
+block-flow-direction-042.xht == reference/block-flow-direction-002-ref.xht
+block-flow-direction-043.xht == reference/block-flow-direction-043-ref.xht
+block-flow-direction-045.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-046.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-047.xht == reference/block-flow-direction-002-ref.xht
+block-flow-direction-048.xht == reference/block-flow-direction-002-ref.xht
+block-flow-direction-049.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-050.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-051.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-052.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-053.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-054.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-055.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-056.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-057.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-058.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-059.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-060.xht == reference/block-flow-direction-001-ref.xht
+block-flow-direction-061.xht == reference/block-flow-direction-002-ref.xht
+block-flow-direction-062.xht == reference/block-flow-direction-043-ref.xht
+block-flow-direction-063.xht == reference/block-flow-direction-043-ref.xht
+block-flow-direction-064.xht == reference/block-flow-direction-002-ref.xht
+block-flow-direction-065.xht == reference/block-flow-direction-025-ref.xht
+block-flow-direction-066.xht == reference/block-flow-direction-066-ref.xht
 block-override-001.xht == reference/block-override-001.xht
 block-override-002.xht == reference/block-override-002.xht
 block-override-003.xht == reference/block-override-003.xht
@@ -613,6 +637,9 @@ margin-collapse-vrl-034.xht == reference/ref-filled-green-100px-square.xht
 margin-collapse-vrl-036.xht == reference/ref-filled-green-100px-square.xht
 margin-vlr-003.xht == reference/margin-vrl-002-ref.xht
 margin-vrl-002.xht == reference/margin-vrl-002-ref.xht
+outline-inline-block-vrl-006.xht == reference/outline-inline-block-vrl-006.xht
+outline-inline-vlr-006.xht == reference/outline-inline-vlr-006.xht
+outline-inline-vrl-006.xht == reference/outline-inline-vrl-006.xht
 padding-vlr-005.xht == reference/margin-vrl-002-ref.xht
 padding-vrl-004.xht == reference/margin-vrl-002-ref.xht
 percent-margin-vlr-003.xht == reference/margin-vrl-002-ref.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht
index 3257bcaae84..ff4f8a08074 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht
@@ -32,7 +32,7 @@
     <tbody id="s3">
       <tr><th><a href="chapter-3.xht">Chapter 3 - 
         Introduction to Vertical Text</a></th>
-      <td>(89 Tests)</td></tr>
+      <td>(113 Tests)</td></tr>
     </tbody>
     <tbody id="s4">
       <tr><th><a href="chapter-4.xht">Chapter 4 - 
@@ -52,7 +52,7 @@
     <tbody id="s7">
       <tr><th><a href="chapter-7.xht">Chapter 7 - 
         Abstract Box Layout</a></th>
-      <td>(519 Tests)</td></tr>
+      <td>(522 Tests)</td></tr>
     </tbody>
     <tbody id="s8">
       <tr><th><a href="chapter-8.xht">Chapter 8 - 
diff --git a/tests/wpt/css-tests/css21_dev/html4/background-root-102.htm b/tests/wpt/css-tests/css21_dev/html4/background-root-102.htm
index ff6a3ad49f2..3837a76806a 100644
--- a/tests/wpt/css-tests/css21_dev/html4/background-root-102.htm
+++ b/tests/wpt/css-tests/css21_dev/html4/background-root-102.htm
@@ -1,5 +1,5 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
-<html lang="en">
+<html lang="en" class="reftest-wait">
  <head>
   <title>CSS Test: CSS: Changing the background of the BODY element by changing its class</title>
   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
@@ -17,6 +17,7 @@
     function test() {
       document.getElementsByTagName('body')[0].className = 'after';
       document.getElementsByTagName('p')[0].className = 'after';
+      document.documentElement.className = "";
     }
   </script>
  </head>
diff --git a/tests/wpt/css-tests/css21_dev/html4/background-root-103.htm b/tests/wpt/css-tests/css21_dev/html4/background-root-103.htm
index 5ec01e82c5f..e0c8f880fe9 100644
--- a/tests/wpt/css-tests/css21_dev/html4/background-root-103.htm
+++ b/tests/wpt/css-tests/css21_dev/html4/background-root-103.htm
@@ -1,5 +1,5 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
-<html lang="en-before">
+<html lang="en-before" class="reftest-wait">
  <head>
   <title>CSS Test: CSS: Changing the background of the BODY element by changing a parent's attribute</title>
   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
@@ -17,6 +17,7 @@
     function test() {
       document.getElementsByTagName('html')[0].lang = 'en-after';
       document.getElementsByTagName('p')[0].lang = 'en-after';
+      document.documentElement.className = "";
     }
   </script>
  </head>
diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css21_dev/html4/reference/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css21_dev/html4/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css21_dev/html4/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css21_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css21_dev/implementation-report-TEMPLATE.data
index 08e376a6665..8d96da2608f 100644
--- a/tests/wpt/css-tests/css21_dev/implementation-report-TEMPLATE.data
+++ b/tests/wpt/css-tests/css21_dev/implementation-report-TEMPLATE.data
@@ -2728,10 +2728,10 @@ html4/background-root-024.htm	8210116ae34c05c5bed664c43c1ecf9b53ad145b	?
 xhtml1/background-root-024.xht	8210116ae34c05c5bed664c43c1ecf9b53ad145b	?
 html4/background-root-101.htm	1d8cc18a330cb8a657dbd49a5e6e2ee357b6e71b	?
 xhtml1/background-root-101.xht	1d8cc18a330cb8a657dbd49a5e6e2ee357b6e71b	?
-html4/background-root-102.htm	81087532ada685cfee05ad1cab758675cc93aa34	?
-xhtml1/background-root-102.xht	81087532ada685cfee05ad1cab758675cc93aa34	?
-html4/background-root-103.htm	2dd4bd2ae94a7eb6692498439da8125aa6b65873	?
-xhtml1/background-root-103.xht	2dd4bd2ae94a7eb6692498439da8125aa6b65873	?
+html4/background-root-102.htm	12c66266cd9bb89e418c13d074f49c6bf1d15c02	?
+xhtml1/background-root-102.xht	12c66266cd9bb89e418c13d074f49c6bf1d15c02	?
+html4/background-root-103.htm	24358420c13f7e87e612aba63110a364523ca1a5	?
+xhtml1/background-root-103.xht	24358420c13f7e87e612aba63110a364523ca1a5	?
 html4/background-table-001.htm	2c9b4513a5e0f90c4780823cdf4f112b1385c137	?
 xhtml1/background-table-001.xht	2c9b4513a5e0f90c4780823cdf4f112b1385c137	?
 html4/background-table-002.htm	166a7c903010b7f8b554735ff30eed2f173f7d86	?
diff --git a/tests/wpt/css-tests/css21_dev/testinfo.data b/tests/wpt/css-tests/css21_dev/testinfo.data
index 90d2f3309d5..785f5f36c05 100644
--- a/tests/wpt/css-tests/css21_dev/testinfo.data
+++ b/tests/wpt/css-tests/css21_dev/testinfo.data
@@ -1381,8 +1381,8 @@ background-root-020	reference/background-root-020-ref	Background: Test Seventeen
 background-root-023	reference/background-root-023-ref	Opera Tests: Background: Test Twenty Three		http://www.w3.org/TR/CSS21/colors.html#background	ce9b2d9aa717569775a0f764885cf58c8e5e91b0	`Ian Hickson`<mailto:ian@hixie.ch>,`Elika J. Etemad`<http://fantasai.inkedblade.net/contact>	The BODY and HTML backgrounds are drawn independently when each is specified, even if their specified values are the same.
 background-root-024	reference/background-root-024-ref	Repeating Backgrounds: Y		http://www.w3.org/TR/CSS21/colors.html#background	8210116ae34c05c5bed664c43c1ecf9b53ad145b	`Ian Hickson`<mailto:ian@hixie.ch>	
 background-root-101	reference/background-root-101-ref	CSS: Changing the background of the BODY element by changing a sibling's class	dom	http://www.w3.org/TR/CSS21/colors.html#background	1d8cc18a330cb8a657dbd49a5e6e2ee357b6e71b	`Ian Hickson`<mailto:ian@hixie.ch>	
-background-root-102	reference/background-root-101-ref	CSS: Changing the background of the BODY element by changing its class	dom	http://www.w3.org/TR/CSS21/colors.html#background	81087532ada685cfee05ad1cab758675cc93aa34	`Ian Hickson`<mailto:ian@hixie.ch>	
-background-root-103	reference/background-root-101-ref	CSS: Changing the background of the BODY element by changing a parent's attribute	dom	http://www.w3.org/TR/CSS21/colors.html#background	2dd4bd2ae94a7eb6692498439da8125aa6b65873	`Ian Hickson`<mailto:ian@hixie.ch>	
+background-root-102	reference/background-root-101-ref	CSS: Changing the background of the BODY element by changing its class	dom	http://www.w3.org/TR/CSS21/colors.html#background	12c66266cd9bb89e418c13d074f49c6bf1d15c02	`Ian Hickson`<mailto:ian@hixie.ch>	
+background-root-103	reference/background-root-101-ref	CSS: Changing the background of the BODY element by changing a parent's attribute	dom	http://www.w3.org/TR/CSS21/colors.html#background	24358420c13f7e87e612aba63110a364523ca1a5	`Ian Hickson`<mailto:ian@hixie.ch>	
 background-table-001		background-repeat on table rows		http://www.w3.org/TR/CSS21/colors.html#background	2c9b4513a5e0f90c4780823cdf4f112b1385c137	`Ian Hickson`<mailto:ian@hixie.ch>	
 background-table-002		background-repeat on table rows		http://www.w3.org/TR/CSS21/colors.html#background	166a7c903010b7f8b554735ff30eed2f173f7d86	`Ian Hickson`<mailto:ian@hixie.ch>	
 background-table-003		background-repeat on table rows		http://www.w3.org/TR/CSS21/colors.html#background	25c56bf238f94beb33fe80eae10b3162598d4c35	`Ian Hickson`<mailto:ian@hixie.ch>	
diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/background-root-102.xht b/tests/wpt/css-tests/css21_dev/xhtml1/background-root-102.xht
index 2f310221e1b..d44af47ada2 100644
--- a/tests/wpt/css-tests/css21_dev/xhtml1/background-root-102.xht
+++ b/tests/wpt/css-tests/css21_dev/xhtml1/background-root-102.xht
@@ -1,5 +1,5 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" class="reftest-wait">
  <head>
   <title>CSS Test: CSS: Changing the background of the BODY element by changing its class</title>
   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
@@ -17,6 +17,7 @@
     function test() {
       document.getElementsByTagName('body')[0].className = 'after';
       document.getElementsByTagName('p')[0].className = 'after';
+      document.documentElement.className = "";
     }
   </script>
  </head>
diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/background-root-103.xht b/tests/wpt/css-tests/css21_dev/xhtml1/background-root-103.xht
index c41d5d94502..5349860214b 100644
--- a/tests/wpt/css-tests/css21_dev/xhtml1/background-root-103.xht
+++ b/tests/wpt/css-tests/css21_dev/xhtml1/background-root-103.xht
@@ -1,5 +1,5 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en-before">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en-before" class="reftest-wait">
  <head>
   <title>CSS Test: CSS: Changing the background of the BODY element by changing a parent's attribute</title>
   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
@@ -17,6 +17,7 @@
     function test() {
       document.getElementsByTagName('html')[0].lang = 'en-after';
       document.getElementsByTagName('p')[0].lang = 'en-after';
+      document.documentElement.className = "";
     }
   </script>
  </head>
diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css21_dev/xhtml1/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/background-root-102.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/background-root-102.xht
index 5c43806c307..a3ebfbdc034 100644
--- a/tests/wpt/css-tests/css21_dev/xhtml1print/background-root-102.xht
+++ b/tests/wpt/css-tests/css21_dev/xhtml1print/background-root-102.xht
@@ -1,5 +1,5 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" class="reftest-wait">
  <head>
   <title>CSS Test: CSS: Changing the background of the BODY element by changing its class</title>
   <style type="text/css">
@@ -26,6 +26,7 @@
     function test() {
       document.getElementsByTagName('body')[0].className = 'after';
       document.getElementsByTagName('p')[0].className = 'after';
+      document.documentElement.className = "";
     }
   </script>
  </head>
diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/background-root-103.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/background-root-103.xht
index 111fbb568ce..a70dce01bfd 100644
--- a/tests/wpt/css-tests/css21_dev/xhtml1print/background-root-103.xht
+++ b/tests/wpt/css-tests/css21_dev/xhtml1print/background-root-103.xht
@@ -1,5 +1,5 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en-before">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en-before" class="reftest-wait">
  <head>
   <title>CSS Test: CSS: Changing the background of the BODY element by changing a parent's attribute</title>
   <style type="text/css">
@@ -26,6 +26,7 @@
     function test() {
       document.getElementsByTagName('html')[0].lang = 'en-after';
       document.getElementsByTagName('p')[0].lang = 'en-after';
+      document.documentElement.className = "";
     }
   </script>
  </head>
diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css21_dev/xhtml1print/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 0000000000000000000000000000000000000000..d325b15a4cf3f12e54adf85c3691de11bebac057
GIT binary patch
literal 4055
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
JPDHLkV1nR!&gTFC

literal 0
HcmV?d00001

diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/html/calc-in-media-queries-001.htm b/tests/wpt/css-tests/mediaqueries-3_dev/html/calc-in-media-queries-001.htm
index d6fc138cd56..aea335d191a 100644
--- a/tests/wpt/css-tests/mediaqueries-3_dev/html/calc-in-media-queries-001.htm
+++ b/tests/wpt/css-tests/mediaqueries-3_dev/html/calc-in-media-queries-001.htm
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html><head>
-	
+	<meta charset="utf-8">
 	<title>
 		CSS Values and Units and Media Queries Test: 
 		Calc function inside media queries
@@ -9,7 +9,7 @@
 		The calc() expression is supported in the min-width media query.
 	" name="assert">
 	
-	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY">
+	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY">
 
 	<link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help">
 	<link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help">
diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/html/calc-in-media-queries-002.htm b/tests/wpt/css-tests/mediaqueries-3_dev/html/calc-in-media-queries-002.htm
index 210f18f9ed9..50bc6cb4526 100644
--- a/tests/wpt/css-tests/mediaqueries-3_dev/html/calc-in-media-queries-002.htm
+++ b/tests/wpt/css-tests/mediaqueries-3_dev/html/calc-in-media-queries-002.htm
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html><head>
-	
+	<meta charset="utf-8">
 	<title>
 		CSS Values and Units and Media Queries Test: 
 		Calc function inside media queries
@@ -9,7 +9,7 @@
 		The calc() expression is supported in the min-width media query properly (=with range clamping).
 	" name="assert">
 	
-	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY">
+	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY">
 
 	<link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help">
 	<link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help">
diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/mediaqueries-3_dev/implementation-report-TEMPLATE.data
index 0b9277edeed..7e549383ea4 100644
--- a/tests/wpt/css-tests/mediaqueries-3_dev/implementation-report-TEMPLATE.data
+++ b/tests/wpt/css-tests/mediaqueries-3_dev/implementation-report-TEMPLATE.data
@@ -11,10 +11,10 @@ html/aspect-ratio-003.htm	bdd11c8297b2de2aab720a9819cba34a474a64f4	?
 xhtml1/aspect-ratio-003.xht	bdd11c8297b2de2aab720a9819cba34a474a64f4	?
 html/aspect-ratio-004.htm	2d29dde79c0ce756ec04ec3dd74749b27a350c58	?
 xhtml1/aspect-ratio-004.xht	2d29dde79c0ce756ec04ec3dd74749b27a350c58	?
-html/calc-in-media-queries-001.htm	76041848c2d73ff643ff2ae5b858e92ecc0661eb	?
-xhtml1/calc-in-media-queries-001.xht	76041848c2d73ff643ff2ae5b858e92ecc0661eb	?
-html/calc-in-media-queries-002.htm	4b4079fde947d7f5774601249a38067946206375	?
-xhtml1/calc-in-media-queries-002.xht	4b4079fde947d7f5774601249a38067946206375	?
+html/calc-in-media-queries-001.htm	4dbdaf4a19ce6c32853e5384f14bb0a9ed77360b	?
+xhtml1/calc-in-media-queries-001.xht	4dbdaf4a19ce6c32853e5384f14bb0a9ed77360b	?
+html/calc-in-media-queries-002.htm	9a9949bf31ece680a8d54659d18517483a919d2d	?
+xhtml1/calc-in-media-queries-002.xht	9a9949bf31ece680a8d54659d18517483a919d2d	?
 html/device-aspect-ratio-001.htm	34de25dd08103101c8c0f4411d5b19e1edb3d3ed	?
 xhtml1/device-aspect-ratio-001.xht	34de25dd08103101c8c0f4411d5b19e1edb3d3ed	?
 html/device-aspect-ratio-002.htm	8dcba4ea99941d945034a6167eba446e830a6b9b	?
diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/index.htm b/tests/wpt/css-tests/mediaqueries-3_dev/index.htm
index bc945be5f93..082c55e977a 100644
--- a/tests/wpt/css-tests/mediaqueries-3_dev/index.htm
+++ b/tests/wpt/css-tests/mediaqueries-3_dev/index.htm
@@ -133,7 +133,7 @@
   <ul>
     <li>Chris Rebert</li>
     <li>Florian Rivoal</li>
-    <li>Fran&ccedil;ois REMY</li>
+    <li>Fran&#65533;ois REMY</li>
     <li>Intel</li>
     <li>Xin Liu</li>
   </ul>
diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/index.xht b/tests/wpt/css-tests/mediaqueries-3_dev/index.xht
index c44bf8632e0..7775a1c6a27 100644
--- a/tests/wpt/css-tests/mediaqueries-3_dev/index.xht
+++ b/tests/wpt/css-tests/mediaqueries-3_dev/index.xht
@@ -133,7 +133,7 @@
   <ul>
     <li>Chris Rebert</li>
     <li>Florian Rivoal</li>
-    <li>Fran&ccedil;ois REMY</li>
+    <li>Fran&#65533;ois REMY</li>
     <li>Intel</li>
     <li>Xin Liu</li>
   </ul>
diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/testinfo.data b/tests/wpt/css-tests/mediaqueries-3_dev/testinfo.data
index 8ca81984764..386b5a4094f 100644
--- a/tests/wpt/css-tests/mediaqueries-3_dev/testinfo.data
+++ b/tests/wpt/css-tests/mediaqueries-3_dev/testinfo.data
@@ -3,8 +3,8 @@ aspect-ratio-001		min-aspect-ratio - 59/79 ('aspect-ratio' property with prefix
 aspect-ratio-002		min-aspect-ratio - 0/0 ('aspect-ratio' property with prefix 'min')		http://www.w3.org/TR/css3-mediaqueries/#aspect-ratio	fb4e6afaa646bc6e427ad90ca4954fa4af531276	`Intel`<http://www.intel.com/>	The 'aspect-ratio' property with prefix 'min' set '0/0' is invalid that means the style sheet specified by 'min-aspect-ratio' will not be applied.
 aspect-ratio-003		max-aspect-ratio - 1280/720 ('aspect-ratio' property with prefix 'max')		http://www.w3.org/TR/css3-mediaqueries/#aspect-ratio	bdd11c8297b2de2aab720a9819cba34a474a64f4	`Intel`<http://www.intel.com/>	The 'aspect-ratio' property with prefix 'max' set '1280/720' means that the maximum of ratio is '1280/720', only and only if the value of the 'width' to the value of the 'height' is lower than value of 'max-aspect-ratio', the style sheet will be applied.
 aspect-ratio-004		max-aspect-ratio - 0/0 ('aspect-ratio' property with prefix 'max')		http://www.w3.org/TR/css3-mediaqueries/#aspect-ratio	2d29dde79c0ce756ec04ec3dd74749b27a350c58	`Intel`<http://www.intel.com/>	The 'aspect-ratio' property with prefix 'max' set '0/0' is invalid that means the style sheet specified by 'max-aspect-ratio' will not be applied.
-calc-in-media-queries-001	reference/all-green	Calc function inside media queries		http://www.w3.org/TR/css3-values/#calc-notation,http://www.w3.org/TR/css3-mediaqueries/#width	76041848c2d73ff643ff2ae5b858e92ecc0661eb	`Fran&ccedil;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The calc() expression is supported in the min-width media query.
-calc-in-media-queries-002	reference/all-green	Calc function inside media queries		http://www.w3.org/TR/css3-values/#calc-notation,http://www.w3.org/TR/css3-mediaqueries/#width	4b4079fde947d7f5774601249a38067946206375	`Fran&ccedil;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The calc() expression is supported in the min-width media query properly (=with range clamping).
+calc-in-media-queries-001	reference/all-green	Calc function inside media queries		http://www.w3.org/TR/css3-values/#calc-notation,http://www.w3.org/TR/css3-mediaqueries/#width	4dbdaf4a19ce6c32853e5384f14bb0a9ed77360b	`Fran&#65533;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The calc() expression is supported in the min-width media query.
+calc-in-media-queries-002	reference/all-green	Calc function inside media queries		http://www.w3.org/TR/css3-values/#calc-notation,http://www.w3.org/TR/css3-mediaqueries/#width	9a9949bf31ece680a8d54659d18517483a919d2d	`Fran&#65533;ois REMY`<mailto:fremycompany.developer@yahoo.fr>	The calc() expression is supported in the min-width media query properly (=with range clamping).
 device-aspect-ratio-001		max-device-aspect-ratio - 1281/1024 ('device-aspect-ratio' property with prefix 'max')		http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio	34de25dd08103101c8c0f4411d5b19e1edb3d3ed	`Intel`<http://www.intel.com/>,`Xin Liu`<mailto:xinx.liu@intel.com>	The 'device-aspect-ratio' property with prefix 'max' set '1281/1024' means that the maximum of ratio is '1281/1024', only and only if the device value of 'width' to value of 'height' is lower than value of 'max-device-aspect-ratio', the style sheet will be applied.
 device-aspect-ratio-002		max-device-aspect-ratio - 0/0 ('device-aspect-ratio' property with prefix 'max')		http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio	8dcba4ea99941d945034a6167eba446e830a6b9b	`Intel`<http://www.intel.com/>,`Xin Liu`<mailto:xinx.liu@intel.com>	The 'device-aspect-ratio' property with prefix 'max' set '0/0' is invalid that means the style sheet specified by 'max-device-aspect-ratio' will not be applied.
 device-aspect-ratio-003		min-device-aspect-ratio - 1279/1024 ('device-aspect-ratio' property with prefix 'min')		http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio	41c9d18a45327f6597e481b50d9ed1617e839399	`Intel`<http://www.intel.com/>,`Xin Liu`<mailto:xinx.liu@intel.com>	The 'device-aspect-ratio' property with prefix 'min' set '1279/1024' means that the minimum of ratio is '1279/1024', only and only if the device value of 'width' to value of 'height' is greater than value of 'min-device-aspect-ratio', the style sheet will be applied.
diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht b/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht
index 8fe6d4c221f..3a2f639e4f0 100644
--- a/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht
+++ b/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-	
+	<meta charset="utf-8" />
 	<title>
 		CSS Values and Units and Media Queries Test: 
 		Calc function inside media queries
@@ -9,7 +9,7 @@
 		The calc() expression is supported in the min-width media query.
 	" name="assert" />
 	
-	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" />
+	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" />
 
 	<link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" />
 	<link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help" />
diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht b/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht
index 0e98b6b3f8d..0ea9175ec10 100644
--- a/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht
+++ b/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-	
+	<meta charset="utf-8" />
 	<title>
 		CSS Values and Units and Media Queries Test: 
 		Calc function inside media queries
@@ -9,7 +9,7 @@
 		The calc() expression is supported in the min-width media query properly (=with range clamping).
 	" name="assert" />
 	
-	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" />
+	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" />
 
 	<link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" />
 	<link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help" />
diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht b/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht
index 8fe6d4c221f..3a2f639e4f0 100644
--- a/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht
+++ b/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-	
+	<meta charset="utf-8" />
 	<title>
 		CSS Values and Units and Media Queries Test: 
 		Calc function inside media queries
@@ -9,7 +9,7 @@
 		The calc() expression is supported in the min-width media query.
 	" name="assert" />
 	
-	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" />
+	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" />
 
 	<link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" />
 	<link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help" />
diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht b/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht
index 0e98b6b3f8d..0ea9175ec10 100644
--- a/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht
+++ b/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht
@@ -1,6 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"><head>
-	
+	<meta charset="utf-8" />
 	<title>
 		CSS Values and Units and Media Queries Test: 
 		Calc function inside media queries
@@ -9,7 +9,7 @@
 		The calc() expression is supported in the min-width media query properly (=with range clamping).
 	" name="assert" />
 	
-	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" />
+	<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" />
 
 	<link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" />
 	<link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help" />
diff --git a/tests/wpt/css-tests/source_rev b/tests/wpt/css-tests/source_rev
index b3785ef6438..fb5cb76ea58 100644
--- a/tests/wpt/css-tests/source_rev
+++ b/tests/wpt/css-tests/source_rev
@@ -1 +1 @@
-fd7dc451fc91f0e65eff64514b8383292e355c65
\ No newline at end of file
+f37c9ed0b18fb3cbd1505e24c818f8769e4a4443
\ No newline at end of file
diff --git a/tests/wpt/metadata-css/MANIFEST.json b/tests/wpt/metadata-css/MANIFEST.json
index 7c95f57413e..ecb5275b19a 100644
--- a/tests/wpt/metadata-css/MANIFEST.json
+++ b/tests/wpt/metadata-css/MANIFEST.json
@@ -2181,6 +2181,36 @@
         ],
         "url": "/css-backgrounds-3_dev/html4/border-image-space-001.htm"
       },
+      {
+        "path": "css-backgrounds-3_dev/html4/border-image-width-005.htm",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/html4/reference/ref-filled-green-100px-square.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/html4/border-image-width-005.htm"
+      },
+      {
+        "path": "css-backgrounds-3_dev/html4/border-image-width-006.htm",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/html4/reference/ref-filled-green-100px-square.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/html4/border-image-width-006.htm"
+      },
+      {
+        "path": "css-backgrounds-3_dev/html4/border-image-width-007.htm",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/html4/reference/ref-filled-green-100px-square.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/html4/border-image-width-007.htm"
+      },
       {
         "path": "css-backgrounds-3_dev/html4/border-radius-001.htm",
         "references": [
@@ -4571,6 +4601,36 @@
         ],
         "url": "/css-backgrounds-3_dev/xhtml1/border-image-space-001.xht"
       },
+      {
+        "path": "css-backgrounds-3_dev/xhtml1/border-image-width-005.xht",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/xhtml1/reference/ref-filled-green-100px-square.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/xhtml1/border-image-width-005.xht"
+      },
+      {
+        "path": "css-backgrounds-3_dev/xhtml1/border-image-width-006.xht",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/xhtml1/reference/ref-filled-green-100px-square.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/xhtml1/border-image-width-006.xht"
+      },
+      {
+        "path": "css-backgrounds-3_dev/xhtml1/border-image-width-007.xht",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/xhtml1/reference/ref-filled-green-100px-square.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/xhtml1/border-image-width-007.xht"
+      },
       {
         "path": "css-backgrounds-3_dev/xhtml1/border-radius-clipping.xht",
         "references": [
@@ -6851,6 +6911,36 @@
         ],
         "url": "/css-backgrounds-3_dev/xhtml1print/border-image-space-001.xht"
       },
+      {
+        "path": "css-backgrounds-3_dev/xhtml1print/border-image-width-005.xht",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/xhtml1print/reference/ref-filled-green-100px-square.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/xhtml1print/border-image-width-005.xht"
+      },
+      {
+        "path": "css-backgrounds-3_dev/xhtml1print/border-image-width-006.xht",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/xhtml1print/reference/ref-filled-green-100px-square.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/xhtml1print/border-image-width-006.xht"
+      },
+      {
+        "path": "css-backgrounds-3_dev/xhtml1print/border-image-width-007.xht",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/xhtml1print/reference/ref-filled-green-100px-square.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/xhtml1print/border-image-width-007.xht"
+      },
       {
         "path": "css-backgrounds-3_dev/xhtml1print/border-radius-clipping.xht",
         "references": [
@@ -49377,6 +49467,116 @@
         ],
         "url": "/css-regions-1_dev/xhtml1/content-node-layers-005.xht"
       },
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-001.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-001-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-001.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-002.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-002-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-002.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-003.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-003-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-003.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-004.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-004-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-004.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-005.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-005-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-005.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-006.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-006-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-006.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-007.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-007-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-007.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-008.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-008-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-008.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-009.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-008-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-009.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-010.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-010-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-010.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-011.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-011-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-011.xht"
+      },
       {
         "path": "css-regions-1_dev/xhtml1/extract-list-items-001.xht",
         "references": [
@@ -51161,6 +51361,116 @@
         ],
         "url": "/css-regions-1_dev/xhtml1print/content-node-layers-005.xht"
       },
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-001.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-001-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-001.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-002.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-002-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-002.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-003.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-003-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-003.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-004.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-004-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-004.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-005.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-005-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-005.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-006.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-006-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-006.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-007.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-007-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-007.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-008.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-008-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-008.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-009.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-008-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-009.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-010.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-010-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-010.xht"
+      },
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-011.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-011-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-011.xht"
+      },
       {
         "path": "css-regions-1_dev/xhtml1print/extract-list-items-001.xht",
         "references": [
@@ -61451,6 +61761,16 @@
         ],
         "url": "/css-text-3_dev/html/text-transform-uppercase-001.htm"
       },
+      {
+        "path": "css-text-3_dev/html/text-word-spacing-001.htm",
+        "references": [
+          [
+            "/css-text-3_dev/html/reference/text-word-spacing-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-text-3_dev/html/text-word-spacing-001.htm"
+      },
       {
         "path": "css-text-3_dev/html/white-space-collapsing-discard-001.htm",
         "references": [
@@ -67237,6 +67557,16 @@
         ],
         "url": "/css-text-3_dev/xhtml1/text-transform-uppercase-001.xht"
       },
+      {
+        "path": "css-text-3_dev/xhtml1/text-word-spacing-001.xht",
+        "references": [
+          [
+            "/css-text-3_dev/xhtml1/reference/text-word-spacing-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-text-3_dev/xhtml1/text-word-spacing-001.xht"
+      },
       {
         "path": "css-text-3_dev/xhtml1/white-space-collapsing-discard-001.xht",
         "references": [
@@ -73023,6 +73353,16 @@
         ],
         "url": "/css-text-3_dev/xhtml1print/text-transform-uppercase-001.xht"
       },
+      {
+        "path": "css-text-3_dev/xhtml1print/text-word-spacing-001.xht",
+        "references": [
+          [
+            "/css-text-3_dev/xhtml1print/reference/text-word-spacing-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-text-3_dev/xhtml1print/text-word-spacing-001.xht"
+      },
       {
         "path": "css-text-3_dev/xhtml1print/white-space-collapsing-discard-001.xht",
         "references": [
@@ -108241,6 +108581,26 @@
         ],
         "url": "/css-values-3_dev/xhtml1/calc-in-calc.xht"
       },
+      {
+        "path": "css-values-3_dev/xhtml1/calc-in-media-queries-001.xht",
+        "references": [
+          [
+            "/css-values-3_dev/xhtml1/reference/all-green.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-values-3_dev/xhtml1/calc-in-media-queries-001.xht"
+      },
+      {
+        "path": "css-values-3_dev/xhtml1/calc-in-media-queries-002.xht",
+        "references": [
+          [
+            "/css-values-3_dev/xhtml1/reference/all-green.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-values-3_dev/xhtml1/calc-in-media-queries-002.xht"
+      },
       {
         "path": "css-values-3_dev/xhtml1/calc-invalid-range-clamping.xht",
         "references": [
@@ -118001,6 +118361,246 @@
         ],
         "url": "/css-writing-modes-3_dev/html/block-flow-direction-025.htm"
       },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-042.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-042.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-043.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-043.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-045.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-045.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-046.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-046.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-047.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-047.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-048.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-048.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-049.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-049.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-050.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-050.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-051.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-051.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-052.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-052.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-053.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-053.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-054.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-054.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-055.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-055.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-056.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-056.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-057.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-057.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-058.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-058.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-059.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-059.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-060.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-060.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-061.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-061.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-062.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-062.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-063.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-063.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-064.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-064.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-065.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-025-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-065.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-066.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-066-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-066.htm"
+      },
       {
         "path": "css-writing-modes-3_dev/html/block-override-001.htm",
         "references": [
@@ -120135,6 +120735,36 @@
         ],
         "url": "/css-writing-modes-3_dev/html/margin-vrl-002.htm"
       },
+      {
+        "path": "css-writing-modes-3_dev/html/outline-inline-block-vrl-006.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/outline-inline-block-vrl-006.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/outline-inline-block-vrl-006.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/outline-inline-vlr-006.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/outline-inline-vlr-006.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/outline-inline-vlr-006.htm"
+      },
+      {
+        "path": "css-writing-modes-3_dev/html/outline-inline-vrl-006.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/outline-inline-vrl-006.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/outline-inline-vrl-006.htm"
+      },
       {
         "path": "css-writing-modes-3_dev/html/padding-vlr-005.htm",
         "references": [
@@ -125239,6 +125869,26 @@
         ],
         "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-025.xht"
       },
+      {
+        "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-025-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht"
+      },
+      {
+        "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-066-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht"
+      },
       {
         "path": "css-writing-modes-3_dev/xhtml1/block-override-001.xht",
         "references": [
@@ -127173,6 +127823,36 @@
         ],
         "url": "/css-writing-modes-3_dev/xhtml1/margin-vrl-002.xht"
       },
+      {
+        "path": "css-writing-modes-3_dev/xhtml1/outline-inline-block-vrl-006.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1/reference/outline-inline-block-vrl-006.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1/outline-inline-block-vrl-006.xht"
+      },
+      {
+        "path": "css-writing-modes-3_dev/xhtml1/outline-inline-vlr-006.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vlr-006.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1/outline-inline-vlr-006.xht"
+      },
+      {
+        "path": "css-writing-modes-3_dev/xhtml1/outline-inline-vrl-006.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vrl-006.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1/outline-inline-vrl-006.xht"
+      },
       {
         "path": "css-writing-modes-3_dev/xhtml1/padding-vlr-005.xht",
         "references": [
@@ -132137,6 +132817,26 @@
         ],
         "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-025.xht"
       },
+      {
+        "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-025-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht"
+      },
+      {
+        "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-066-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht"
+      },
       {
         "path": "css-writing-modes-3_dev/xhtml1print/block-override-001.xht",
         "references": [
@@ -134071,6 +134771,36 @@
         ],
         "url": "/css-writing-modes-3_dev/xhtml1print/margin-vrl-002.xht"
       },
+      {
+        "path": "css-writing-modes-3_dev/xhtml1print/outline-inline-block-vrl-006.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-block-vrl-006.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1print/outline-inline-block-vrl-006.xht"
+      },
+      {
+        "path": "css-writing-modes-3_dev/xhtml1print/outline-inline-vlr-006.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vlr-006.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1print/outline-inline-vlr-006.xht"
+      },
+      {
+        "path": "css-writing-modes-3_dev/xhtml1print/outline-inline-vrl-006.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vrl-006.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1print/outline-inline-vrl-006.xht"
+      },
       {
         "path": "css-writing-modes-3_dev/xhtml1print/padding-vlr-005.xht",
         "references": [
@@ -319523,6 +320253,26 @@
         ],
         "url": "/mediaqueries-3_dev/html/mq-calc-005.htm"
       },
+      {
+        "path": "mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht",
+        "references": [
+          [
+            "/mediaqueries-3_dev/xhtml1/reference/all-green.xht",
+            "=="
+          ]
+        ],
+        "url": "/mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht"
+      },
+      {
+        "path": "mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht",
+        "references": [
+          [
+            "/mediaqueries-3_dev/xhtml1/reference/all-green.xht",
+            "=="
+          ]
+        ],
+        "url": "/mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht"
+      },
       {
         "path": "mediaqueries-3_dev/xhtml1/min-width-001.xht",
         "references": [
@@ -319583,6 +320333,26 @@
         ],
         "url": "/mediaqueries-3_dev/xhtml1/mq-calc-005.xht"
       },
+      {
+        "path": "mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht",
+        "references": [
+          [
+            "/mediaqueries-3_dev/xhtml1print/reference/all-green.xht",
+            "=="
+          ]
+        ],
+        "url": "/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht"
+      },
+      {
+        "path": "mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht",
+        "references": [
+          [
+            "/mediaqueries-3_dev/xhtml1print/reference/all-green.xht",
+            "=="
+          ]
+        ],
+        "url": "/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht"
+      },
       {
         "path": "mediaqueries-3_dev/xhtml1print/min-width-001.xht",
         "references": [
@@ -327801,6 +328571,42 @@
         "url": "/css-backgrounds-3_dev/html4/border-image-space-001.htm"
       }
     ],
+    "css-backgrounds-3_dev/html4/border-image-width-005.htm": [
+      {
+        "path": "css-backgrounds-3_dev/html4/border-image-width-005.htm",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/html4/reference/ref-filled-green-100px-square.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/html4/border-image-width-005.htm"
+      }
+    ],
+    "css-backgrounds-3_dev/html4/border-image-width-006.htm": [
+      {
+        "path": "css-backgrounds-3_dev/html4/border-image-width-006.htm",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/html4/reference/ref-filled-green-100px-square.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/html4/border-image-width-006.htm"
+      }
+    ],
+    "css-backgrounds-3_dev/html4/border-image-width-007.htm": [
+      {
+        "path": "css-backgrounds-3_dev/html4/border-image-width-007.htm",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/html4/reference/ref-filled-green-100px-square.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/html4/border-image-width-007.htm"
+      }
+    ],
     "css-backgrounds-3_dev/html4/border-radius-001.htm": [
       {
         "path": "css-backgrounds-3_dev/html4/border-radius-001.htm",
@@ -330669,6 +331475,42 @@
         "url": "/css-backgrounds-3_dev/xhtml1/border-image-space-001.xht"
       }
     ],
+    "css-backgrounds-3_dev/xhtml1/border-image-width-005.xht": [
+      {
+        "path": "css-backgrounds-3_dev/xhtml1/border-image-width-005.xht",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/xhtml1/reference/ref-filled-green-100px-square.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/xhtml1/border-image-width-005.xht"
+      }
+    ],
+    "css-backgrounds-3_dev/xhtml1/border-image-width-006.xht": [
+      {
+        "path": "css-backgrounds-3_dev/xhtml1/border-image-width-006.xht",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/xhtml1/reference/ref-filled-green-100px-square.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/xhtml1/border-image-width-006.xht"
+      }
+    ],
+    "css-backgrounds-3_dev/xhtml1/border-image-width-007.xht": [
+      {
+        "path": "css-backgrounds-3_dev/xhtml1/border-image-width-007.xht",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/xhtml1/reference/ref-filled-green-100px-square.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/xhtml1/border-image-width-007.xht"
+      }
+    ],
     "css-backgrounds-3_dev/xhtml1/border-radius-clipping.xht": [
       {
         "path": "css-backgrounds-3_dev/xhtml1/border-radius-clipping.xht",
@@ -333405,6 +334247,42 @@
         "url": "/css-backgrounds-3_dev/xhtml1print/border-image-space-001.xht"
       }
     ],
+    "css-backgrounds-3_dev/xhtml1print/border-image-width-005.xht": [
+      {
+        "path": "css-backgrounds-3_dev/xhtml1print/border-image-width-005.xht",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/xhtml1print/reference/ref-filled-green-100px-square.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/xhtml1print/border-image-width-005.xht"
+      }
+    ],
+    "css-backgrounds-3_dev/xhtml1print/border-image-width-006.xht": [
+      {
+        "path": "css-backgrounds-3_dev/xhtml1print/border-image-width-006.xht",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/xhtml1print/reference/ref-filled-green-100px-square.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/xhtml1print/border-image-width-006.xht"
+      }
+    ],
+    "css-backgrounds-3_dev/xhtml1print/border-image-width-007.xht": [
+      {
+        "path": "css-backgrounds-3_dev/xhtml1print/border-image-width-007.xht",
+        "references": [
+          [
+            "/css-backgrounds-3_dev/xhtml1print/reference/ref-filled-green-100px-square.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-backgrounds-3_dev/xhtml1print/border-image-width-007.xht"
+      }
+    ],
     "css-backgrounds-3_dev/xhtml1print/border-radius-clipping.xht": [
       {
         "path": "css-backgrounds-3_dev/xhtml1print/border-radius-clipping.xht",
@@ -384433,6 +385311,138 @@
         "url": "/css-regions-1_dev/xhtml1/content-node-layers-005.xht"
       }
     ],
+    "css-regions-1_dev/xhtml1/contentEditable-001.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-001.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-001-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-001.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1/contentEditable-002.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-002.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-002-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-002.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1/contentEditable-003.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-003.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-003-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-003.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1/contentEditable-004.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-004.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-004-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-004.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1/contentEditable-005.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-005.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-005-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-005.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1/contentEditable-006.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-006.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-006-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-006.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1/contentEditable-007.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-007.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-007-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-007.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1/contentEditable-008.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-008.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-008-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-008.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1/contentEditable-009.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-009.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-008-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-009.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1/contentEditable-010.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-010.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-010-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-010.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1/contentEditable-011.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1/contentEditable-011.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1/reference/contentEditable-011-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1/contentEditable-011.xht"
+      }
+    ],
     "css-regions-1_dev/xhtml1/extract-list-items-001.xht": [
       {
         "path": "css-regions-1_dev/xhtml1/extract-list-items-001.xht",
@@ -386573,6 +387583,138 @@
         "url": "/css-regions-1_dev/xhtml1print/content-node-layers-005.xht"
       }
     ],
+    "css-regions-1_dev/xhtml1print/contentEditable-001.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-001.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-001-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-001.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1print/contentEditable-002.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-002.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-002-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-002.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1print/contentEditable-003.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-003.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-003-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-003.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1print/contentEditable-004.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-004.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-004-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-004.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1print/contentEditable-005.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-005.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-005-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-005.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1print/contentEditable-006.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-006.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-006-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-006.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1print/contentEditable-007.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-007.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-007-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-007.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1print/contentEditable-008.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-008.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-008-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-008.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1print/contentEditable-009.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-009.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-008-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-009.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1print/contentEditable-010.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-010.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-010-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-010.xht"
+      }
+    ],
+    "css-regions-1_dev/xhtml1print/contentEditable-011.xht": [
+      {
+        "path": "css-regions-1_dev/xhtml1print/contentEditable-011.xht",
+        "references": [
+          [
+            "/css-regions-1_dev/xhtml1print/reference/contentEditable-011-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-regions-1_dev/xhtml1print/contentEditable-011.xht"
+      }
+    ],
     "css-regions-1_dev/xhtml1print/extract-list-items-001.xht": [
       {
         "path": "css-regions-1_dev/xhtml1print/extract-list-items-001.xht",
@@ -398917,6 +400059,18 @@
         "url": "/css-text-3_dev/html/text-transform-uppercase-001.htm"
       }
     ],
+    "css-text-3_dev/html/text-word-spacing-001.htm": [
+      {
+        "path": "css-text-3_dev/html/text-word-spacing-001.htm",
+        "references": [
+          [
+            "/css-text-3_dev/html/reference/text-word-spacing-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-text-3_dev/html/text-word-spacing-001.htm"
+      }
+    ],
     "css-text-3_dev/html/white-space-collapsing-discard-001.htm": [
       {
         "path": "css-text-3_dev/html/white-space-collapsing-discard-001.htm",
@@ -405857,6 +407011,18 @@
         "url": "/css-text-3_dev/xhtml1/text-transform-uppercase-001.xht"
       }
     ],
+    "css-text-3_dev/xhtml1/text-word-spacing-001.xht": [
+      {
+        "path": "css-text-3_dev/xhtml1/text-word-spacing-001.xht",
+        "references": [
+          [
+            "/css-text-3_dev/xhtml1/reference/text-word-spacing-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-text-3_dev/xhtml1/text-word-spacing-001.xht"
+      }
+    ],
     "css-text-3_dev/xhtml1/white-space-collapsing-discard-001.xht": [
       {
         "path": "css-text-3_dev/xhtml1/white-space-collapsing-discard-001.xht",
@@ -412797,6 +413963,18 @@
         "url": "/css-text-3_dev/xhtml1print/text-transform-uppercase-001.xht"
       }
     ],
+    "css-text-3_dev/xhtml1print/text-word-spacing-001.xht": [
+      {
+        "path": "css-text-3_dev/xhtml1print/text-word-spacing-001.xht",
+        "references": [
+          [
+            "/css-text-3_dev/xhtml1print/reference/text-word-spacing-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-text-3_dev/xhtml1print/text-word-spacing-001.xht"
+      }
+    ],
     "css-text-3_dev/xhtml1print/white-space-collapsing-discard-001.xht": [
       {
         "path": "css-text-3_dev/xhtml1print/white-space-collapsing-discard-001.xht",
@@ -454905,6 +456083,30 @@
         "url": "/css-values-3_dev/xhtml1/calc-in-calc.xht"
       }
     ],
+    "css-values-3_dev/xhtml1/calc-in-media-queries-001.xht": [
+      {
+        "path": "css-values-3_dev/xhtml1/calc-in-media-queries-001.xht",
+        "references": [
+          [
+            "/css-values-3_dev/xhtml1/reference/all-green.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-values-3_dev/xhtml1/calc-in-media-queries-001.xht"
+      }
+    ],
+    "css-values-3_dev/xhtml1/calc-in-media-queries-002.xht": [
+      {
+        "path": "css-values-3_dev/xhtml1/calc-in-media-queries-002.xht",
+        "references": [
+          [
+            "/css-values-3_dev/xhtml1/reference/all-green.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-values-3_dev/xhtml1/calc-in-media-queries-002.xht"
+      }
+    ],
     "css-values-3_dev/xhtml1/calc-invalid-range-clamping.xht": [
       {
         "path": "css-values-3_dev/xhtml1/calc-invalid-range-clamping.xht",
@@ -466617,6 +467819,294 @@
         "url": "/css-writing-modes-3_dev/html/block-flow-direction-025.htm"
       }
     ],
+    "css-writing-modes-3_dev/html/block-flow-direction-042.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-042.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-042.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-043.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-043.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-043.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-045.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-045.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-045.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-046.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-046.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-046.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-047.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-047.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-047.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-048.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-048.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-048.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-049.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-049.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-049.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-050.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-050.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-050.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-051.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-051.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-051.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-052.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-052.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-052.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-053.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-053.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-053.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-054.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-054.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-054.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-055.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-055.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-055.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-056.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-056.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-056.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-057.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-057.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-057.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-058.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-058.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-058.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-059.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-059.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-059.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-060.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-060.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-060.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-061.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-061.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-061.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-062.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-062.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-062.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-063.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-063.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-063.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-064.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-064.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-064.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-065.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-065.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-025-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-065.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/block-flow-direction-066.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/block-flow-direction-066.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/block-flow-direction-066-ref.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/block-flow-direction-066.htm"
+      }
+    ],
     "css-writing-modes-3_dev/html/block-override-001.htm": [
       {
         "path": "css-writing-modes-3_dev/html/block-override-001.htm",
@@ -469173,6 +470663,42 @@
         "url": "/css-writing-modes-3_dev/html/margin-vrl-002.htm"
       }
     ],
+    "css-writing-modes-3_dev/html/outline-inline-block-vrl-006.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/outline-inline-block-vrl-006.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/outline-inline-block-vrl-006.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/outline-inline-block-vrl-006.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/outline-inline-vlr-006.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/outline-inline-vlr-006.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/outline-inline-vlr-006.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/outline-inline-vlr-006.htm"
+      }
+    ],
+    "css-writing-modes-3_dev/html/outline-inline-vrl-006.htm": [
+      {
+        "path": "css-writing-modes-3_dev/html/outline-inline-vrl-006.htm",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/html/reference/outline-inline-vrl-006.htm",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/html/outline-inline-vrl-006.htm"
+      }
+    ],
     "css-writing-modes-3_dev/html/padding-vlr-005.htm": [
       {
         "path": "css-writing-modes-3_dev/html/padding-vlr-005.htm",
@@ -475289,6 +476815,30 @@
         "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-025.xht"
       }
     ],
+    "css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht": [
+      {
+        "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-025-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht"
+      }
+    ],
+    "css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht": [
+      {
+        "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-066-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht"
+      }
+    ],
     "css-writing-modes-3_dev/xhtml1/block-override-001.xht": [
       {
         "path": "css-writing-modes-3_dev/xhtml1/block-override-001.xht",
@@ -477605,6 +479155,42 @@
         "url": "/css-writing-modes-3_dev/xhtml1/margin-vrl-002.xht"
       }
     ],
+    "css-writing-modes-3_dev/xhtml1/outline-inline-block-vrl-006.xht": [
+      {
+        "path": "css-writing-modes-3_dev/xhtml1/outline-inline-block-vrl-006.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1/reference/outline-inline-block-vrl-006.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1/outline-inline-block-vrl-006.xht"
+      }
+    ],
+    "css-writing-modes-3_dev/xhtml1/outline-inline-vlr-006.xht": [
+      {
+        "path": "css-writing-modes-3_dev/xhtml1/outline-inline-vlr-006.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vlr-006.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1/outline-inline-vlr-006.xht"
+      }
+    ],
+    "css-writing-modes-3_dev/xhtml1/outline-inline-vrl-006.xht": [
+      {
+        "path": "css-writing-modes-3_dev/xhtml1/outline-inline-vrl-006.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vrl-006.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1/outline-inline-vrl-006.xht"
+      }
+    ],
     "css-writing-modes-3_dev/xhtml1/padding-vlr-005.xht": [
       {
         "path": "css-writing-modes-3_dev/xhtml1/padding-vlr-005.xht",
@@ -483553,6 +485139,30 @@
         "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-025.xht"
       }
     ],
+    "css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht": [
+      {
+        "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-025-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht"
+      }
+    ],
+    "css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht": [
+      {
+        "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-066-ref.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht"
+      }
+    ],
     "css-writing-modes-3_dev/xhtml1print/block-override-001.xht": [
       {
         "path": "css-writing-modes-3_dev/xhtml1print/block-override-001.xht",
@@ -485869,6 +487479,42 @@
         "url": "/css-writing-modes-3_dev/xhtml1print/margin-vrl-002.xht"
       }
     ],
+    "css-writing-modes-3_dev/xhtml1print/outline-inline-block-vrl-006.xht": [
+      {
+        "path": "css-writing-modes-3_dev/xhtml1print/outline-inline-block-vrl-006.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-block-vrl-006.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1print/outline-inline-block-vrl-006.xht"
+      }
+    ],
+    "css-writing-modes-3_dev/xhtml1print/outline-inline-vlr-006.xht": [
+      {
+        "path": "css-writing-modes-3_dev/xhtml1print/outline-inline-vlr-006.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vlr-006.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1print/outline-inline-vlr-006.xht"
+      }
+    ],
+    "css-writing-modes-3_dev/xhtml1print/outline-inline-vrl-006.xht": [
+      {
+        "path": "css-writing-modes-3_dev/xhtml1print/outline-inline-vrl-006.xht",
+        "references": [
+          [
+            "/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vrl-006.xht",
+            "=="
+          ]
+        ],
+        "url": "/css-writing-modes-3_dev/xhtml1print/outline-inline-vrl-006.xht"
+      }
+    ],
     "css-writing-modes-3_dev/xhtml1print/padding-vlr-005.xht": [
       {
         "path": "css-writing-modes-3_dev/xhtml1print/padding-vlr-005.xht",
@@ -709293,6 +710939,30 @@
         "url": "/mediaqueries-3_dev/html/mq-calc-005.htm"
       }
     ],
+    "mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht": [
+      {
+        "path": "mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht",
+        "references": [
+          [
+            "/mediaqueries-3_dev/xhtml1/reference/all-green.xht",
+            "=="
+          ]
+        ],
+        "url": "/mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht"
+      }
+    ],
+    "mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht": [
+      {
+        "path": "mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht",
+        "references": [
+          [
+            "/mediaqueries-3_dev/xhtml1/reference/all-green.xht",
+            "=="
+          ]
+        ],
+        "url": "/mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht"
+      }
+    ],
     "mediaqueries-3_dev/xhtml1/min-width-001.xht": [
       {
         "path": "mediaqueries-3_dev/xhtml1/min-width-001.xht",
@@ -709365,6 +711035,30 @@
         "url": "/mediaqueries-3_dev/xhtml1/mq-calc-005.xht"
       }
     ],
+    "mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht": [
+      {
+        "path": "mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht",
+        "references": [
+          [
+            "/mediaqueries-3_dev/xhtml1print/reference/all-green.xht",
+            "=="
+          ]
+        ],
+        "url": "/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht"
+      }
+    ],
+    "mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht": [
+      {
+        "path": "mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht",
+        "references": [
+          [
+            "/mediaqueries-3_dev/xhtml1print/reference/all-green.xht",
+            "=="
+          ]
+        ],
+        "url": "/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht"
+      }
+    ],
     "mediaqueries-3_dev/xhtml1print/min-width-001.xht": [
       {
         "path": "mediaqueries-3_dev/xhtml1print/min-width-001.xht",
@@ -709438,7 +711132,7 @@
       }
     ]
   },
-  "rev": "c68e4df16362489debde94340cc6f54945a72f2f",
+  "rev": "e102a993c37a2e0ebd549bc7d5548b006458ab34",
   "url_base": "/",
   "version": 2
 }
\ No newline at end of file

From 3a79c9b53ff74f25c7219af7b438ab0f588004d3 Mon Sep 17 00:00:00 2001
From: Ms2ger <Ms2ger@gmail.com>
Date: Tue, 24 Nov 2015 12:29:19 +0100
Subject: [PATCH 2/2] Update web-platform-tests to revision
 ee40b886c701ffa25a673240cabdedd59ee3ace4

---
 tests/wpt/metadata/MANIFEST.json              |  59 ++++---
 .../Document-createElement-namespace.html.ini |   2 +-
 ....ini => cross-origin-objects.sub.html.ini} |   2 +-
 .../document_domain.html.ini                  |   1 +
 .../windows/noreferrer-window-name.html.ini   |   6 +
 .../html/browsers/windows/noreferrer.html.ini |   6 +
 ...igin-nested-browsing-contexts.sub.html.ini |   6 +
 .../form-autocomplete.html.ini                |  27 +++
 tests/wpt/metadata/mozilla-sync               |   2 +-
 .../webstorage/document-domain.html.ini       |   5 +
 .../mozilla/meta/css/viewport_meta.html.ini   |   4 +-
 .../mozilla/meta/css/viewport_rule.html.ini   |   4 +-
 .../WebCryptoAPI/getRandomValues.js           |  47 +++---
 .../cssom-view/elementFromPoint.html          | 157 ++++++++++++++++++
 .../cssom-view/elementsFromPoint.html         | 150 +++++++++++++++++
 .../web-platform-tests/cssom-view/iframe.html |   4 +
 .../dom/ranges/Range-mutations.html           |   1 -
 ...cts.html => cross-origin-objects.sub.html} |   6 +-
 ...omain.html => win-documentdomain.sub.html} |   6 +-
 ...eferrer-cross-origin-close-manual.sub.html |   3 +
 .../noreferrer-cross-origin-manual.html       |  10 ++
 ...referrer-cross-origin-window-name.sub.html |   3 +
 .../windows/noreferrer-window-name.html       |  40 +++++
 .../html/browsers/windows/noreferrer.html     |  25 +++
 .../html/browsers/windows/support-close.html  |   1 +
 .../windows/support-named-null-opener.html    |   8 +
 .../support-nested-browsing-contexts.html     |  12 ++
 .../browsers/windows/support-opener-null.html |   4 +
 .../windows/support-post-to-opener.html       |   8 +
 .../windows/support-window-name-echo.html     |   1 +
 ...s-origin-nested-browsing-contexts.sub.html |  38 +++++
 .../iframe_javascript_url_01.htm              |   2 -
 .../the-img-element/Image-constructor.html    |   2 +-
 .../the-form-element/form-autocomplete.html   |   3 +-
 .../the-option-element/option-selected.html   |   2 +-
 .../template-descendant-frameset.html         |   2 +-
 .../animation-frames/callback-multicalls.html |   2 +-
 .../task_microtask_ordering-manual.html       |   2 +-
 .../event-loops/task_microtask_ordering.html  |   2 +-
 .../get-navigatorlanguage-manual.html         |   2 +-
 .../navigatorlanguage.html                    |   2 +-
 .../url/resources/testharness-extras.js       |  11 --
 .../url/urlsearchparams-constructor.html      |   6 +-
 .../webstorage/document-domain.html           |  20 +++
 44 files changed, 631 insertions(+), 75 deletions(-)
 rename tests/wpt/metadata/html/browsers/origin/cross-origin-objects/{cross-origin-objects.html.ini => cross-origin-objects.sub.html.ini} (55%)
 create mode 100644 tests/wpt/metadata/html/browsers/windows/noreferrer-window-name.html.ini
 create mode 100644 tests/wpt/metadata/html/browsers/windows/noreferrer.html.ini
 create mode 100644 tests/wpt/metadata/html/browsers/windows/targeting-cross-origin-nested-browsing-contexts.sub.html.ini
 create mode 100644 tests/wpt/metadata/webstorage/document-domain.html.ini
 create mode 100644 tests/wpt/web-platform-tests/cssom-view/elementFromPoint.html
 create mode 100644 tests/wpt/web-platform-tests/cssom-view/elementsFromPoint.html
 create mode 100644 tests/wpt/web-platform-tests/cssom-view/iframe.html
 rename tests/wpt/web-platform-tests/html/browsers/origin/cross-origin-objects/{cross-origin-objects.html => cross-origin-objects.sub.html} (98%)
 rename tests/wpt/web-platform-tests/html/browsers/origin/cross-origin-objects/{win-documentdomain.html => win-documentdomain.sub.html} (86%)
 create mode 100644 tests/wpt/web-platform-tests/html/browsers/windows/noreferrer-cross-origin-close-manual.sub.html
 create mode 100644 tests/wpt/web-platform-tests/html/browsers/windows/noreferrer-cross-origin-manual.html
 create mode 100644 tests/wpt/web-platform-tests/html/browsers/windows/noreferrer-cross-origin-window-name.sub.html
 create mode 100644 tests/wpt/web-platform-tests/html/browsers/windows/noreferrer-window-name.html
 create mode 100644 tests/wpt/web-platform-tests/html/browsers/windows/noreferrer.html
 create mode 100644 tests/wpt/web-platform-tests/html/browsers/windows/support-close.html
 create mode 100644 tests/wpt/web-platform-tests/html/browsers/windows/support-named-null-opener.html
 create mode 100644 tests/wpt/web-platform-tests/html/browsers/windows/support-nested-browsing-contexts.html
 create mode 100644 tests/wpt/web-platform-tests/html/browsers/windows/support-opener-null.html
 create mode 100644 tests/wpt/web-platform-tests/html/browsers/windows/support-post-to-opener.html
 create mode 100644 tests/wpt/web-platform-tests/html/browsers/windows/support-window-name-echo.html
 create mode 100644 tests/wpt/web-platform-tests/html/browsers/windows/targeting-cross-origin-nested-browsing-contexts.sub.html
 delete mode 100644 tests/wpt/web-platform-tests/url/resources/testharness-extras.js
 create mode 100644 tests/wpt/web-platform-tests/webstorage/document-domain.html

diff --git a/tests/wpt/metadata/MANIFEST.json b/tests/wpt/metadata/MANIFEST.json
index e29c1742312..ee3bfd0fecd 100644
--- a/tests/wpt/metadata/MANIFEST.json
+++ b/tests/wpt/metadata/MANIFEST.json
@@ -393,6 +393,10 @@
         "path": "html/browsers/the-window-object/the-windowproxy-object/test-window-proxy-toolbar-manual.html",
         "url": "/html/browsers/the-window-object/the-windowproxy-object/test-window-proxy-toolbar-manual.html"
       },
+      {
+        "path": "html/browsers/windows/noreferrer-cross-origin-manual.html",
+        "url": "/html/browsers/windows/noreferrer-cross-origin-manual.html"
+      },
       {
         "path": "html/editing/dnd/datastore/015-manual.html",
         "url": "/html/editing/dnd/datastore/015-manual.html"
@@ -13097,6 +13101,14 @@
         "path": "cors/status.htm",
         "url": "/cors/status.htm"
       },
+      {
+        "path": "cssom-view/elementFromPoint.html",
+        "url": "/cssom-view/elementFromPoint.html"
+      },
+      {
+        "path": "cssom-view/elementsFromPoint.html",
+        "url": "/cssom-view/elementsFromPoint.html"
+      },
       {
         "path": "custom-elements/concepts/custom-elements-type-naming.html",
         "url": "/custom-elements/concepts/custom-elements-type-naming.html"
@@ -15317,6 +15329,10 @@
         "path": "html/browsers/offline/manifest_url_check.html",
         "url": "/html/browsers/offline/manifest_url_check.html"
       },
+      {
+        "path": "html/browsers/origin/relaxing-the-same-origin-restriction/document_domain.html",
+        "url": "/html/browsers/origin/relaxing-the-same-origin-restriction/document_domain.html"
+      },
       {
         "path": "html/browsers/the-window-object/accessing-other-browsing-contexts/indexed-browsing-contexts-01.html",
         "url": "/html/browsers/the-window-object/accessing-other-browsing-contexts/indexed-browsing-contexts-01.html"
@@ -15441,6 +15457,18 @@
         "path": "html/browsers/windows/nested-browsing-contexts/window-top-001.html",
         "url": "/html/browsers/windows/nested-browsing-contexts/window-top-001.html"
       },
+      {
+        "path": "html/browsers/windows/noreferrer-window-name.html",
+        "url": "/html/browsers/windows/noreferrer-window-name.html"
+      },
+      {
+        "path": "html/browsers/windows/noreferrer.html",
+        "url": "/html/browsers/windows/noreferrer.html"
+      },
+      {
+        "path": "html/browsers/windows/targeting-cross-origin-nested-browsing-contexts.sub.html",
+        "url": "/html/browsers/windows/targeting-cross-origin-nested-browsing-contexts.sub.html"
+      },
       {
         "path": "html/dom/documents/dom-tree-accessors/Document.currentScript.sub.html",
         "url": "/html/dom/documents/dom-tree-accessors/Document.currentScript.sub.html"
@@ -17717,6 +17745,10 @@
         "path": "html/semantics/forms/form-control-infrastructure/form.html",
         "url": "/html/semantics/forms/form-control-infrastructure/form.html"
       },
+      {
+        "path": "html/semantics/forms/form-submission-0/url-encoded.html",
+        "url": "/html/semantics/forms/form-submission-0/url-encoded.html"
+      },
       {
         "path": "html/semantics/forms/resetting-a-form/reset-form.html",
         "url": "/html/semantics/forms/resetting-a-form/reset-form.html"
@@ -27601,6 +27633,10 @@
         "path": "websockets/unload-a-document/003.html",
         "url": "/websockets/unload-a-document/003.html"
       },
+      {
+        "path": "webstorage/document-domain.html",
+        "url": "/webstorage/document-domain.html"
+      },
       {
         "path": "webstorage/event_constructor.html",
         "url": "/webstorage/event_constructor.html"
@@ -28757,9 +28793,9 @@
         "url": "/html/browsers/history/the-history-interface/007.html"
       },
       {
-        "path": "html/browsers/origin/cross-origin-objects/cross-origin-objects.html",
+        "path": "html/browsers/origin/cross-origin-objects/cross-origin-objects.sub.html",
         "timeout": "long",
-        "url": "/html/browsers/origin/cross-origin-objects/cross-origin-objects.html"
+        "url": "/html/browsers/origin/cross-origin-objects/cross-origin-objects.sub.html"
       },
       {
         "path": "html/dom/interfaces.html",
@@ -29951,22 +29987,7 @@
   },
   "local_changes": {
     "deleted": [],
-    "items": {
-      "testharness": {
-        "html/browsers/origin/relaxing-the-same-origin-restriction/document_domain.html": [
-          {
-            "path": "html/browsers/origin/relaxing-the-same-origin-restriction/document_domain.html",
-            "url": "/html/browsers/origin/relaxing-the-same-origin-restriction/document_domain.html"
-          }
-        ],
-        "html/semantics/forms/form-submission-0/url-encoded.html": [
-          {
-            "path": "html/semantics/forms/form-submission-0/url-encoded.html",
-            "url": "/html/semantics/forms/form-submission-0/url-encoded.html"
-          }
-        ]
-      }
-    },
+    "items": {},
     "reftest_nodes": {}
   },
   "reftest_nodes": {
@@ -35527,7 +35548,7 @@
       }
     ]
   },
-  "rev": "5a754b40cd49c0404863c431b58cc311dc5d167c",
+  "rev": "ee40b886c701ffa25a673240cabdedd59ee3ace4",
   "url_base": "/",
   "version": 2
 }
diff --git a/tests/wpt/metadata/dom/nodes/Document-createElement-namespace.html.ini b/tests/wpt/metadata/dom/nodes/Document-createElement-namespace.html.ini
index f3b5c19cdea..8e411d9a60a 100644
--- a/tests/wpt/metadata/dom/nodes/Document-createElement-namespace.html.ini
+++ b/tests/wpt/metadata/dom/nodes/Document-createElement-namespace.html.ini
@@ -1,5 +1,5 @@
 [Document-createElement-namespace.html]
-  disabled: extremely frequent intermittent crash #8614
+  disabled: extremely frequent intermittent crash
   type: testharness
   [Created element's namespace in empty.xhtml]
     expected: FAIL
diff --git a/tests/wpt/metadata/html/browsers/origin/cross-origin-objects/cross-origin-objects.html.ini b/tests/wpt/metadata/html/browsers/origin/cross-origin-objects/cross-origin-objects.sub.html.ini
similarity index 55%
rename from tests/wpt/metadata/html/browsers/origin/cross-origin-objects/cross-origin-objects.html.ini
rename to tests/wpt/metadata/html/browsers/origin/cross-origin-objects/cross-origin-objects.sub.html.ini
index b64053a7891..0499a659c5c 100644
--- a/tests/wpt/metadata/html/browsers/origin/cross-origin-objects/cross-origin-objects.html.ini
+++ b/tests/wpt/metadata/html/browsers/origin/cross-origin-objects/cross-origin-objects.sub.html.ini
@@ -1,3 +1,3 @@
-[cross-origin-objects.html]
+[cross-origin-objects.sub.html]
   type: testharness
   expected: TIMEOUT
diff --git a/tests/wpt/metadata/html/browsers/origin/relaxing-the-same-origin-restriction/document_domain.html.ini b/tests/wpt/metadata/html/browsers/origin/relaxing-the-same-origin-restriction/document_domain.html.ini
index 81f58d2ecba..4adc32981f0 100644
--- a/tests/wpt/metadata/html/browsers/origin/relaxing-the-same-origin-restriction/document_domain.html.ini
+++ b/tests/wpt/metadata/html/browsers/origin/relaxing-the-same-origin-restriction/document_domain.html.ini
@@ -2,3 +2,4 @@
   type: testharness
   [new document]
     expected: FAIL
+
diff --git a/tests/wpt/metadata/html/browsers/windows/noreferrer-window-name.html.ini b/tests/wpt/metadata/html/browsers/windows/noreferrer-window-name.html.ini
new file mode 100644
index 00000000000..c7f0b290235
--- /dev/null
+++ b/tests/wpt/metadata/html/browsers/windows/noreferrer-window-name.html.ini
@@ -0,0 +1,6 @@
+[noreferrer-window-name.html]
+  type: testharness
+  expected: TIMEOUT
+  [rel=noreferrer and reuse of names]
+    expected: TIMEOUT
+
diff --git a/tests/wpt/metadata/html/browsers/windows/noreferrer.html.ini b/tests/wpt/metadata/html/browsers/windows/noreferrer.html.ini
new file mode 100644
index 00000000000..6cd28adf6e1
--- /dev/null
+++ b/tests/wpt/metadata/html/browsers/windows/noreferrer.html.ini
@@ -0,0 +1,6 @@
+[noreferrer.html]
+  type: testharness
+  expected: TIMEOUT
+  [rel=noreferrer nullifies window.opener]
+    expected: TIMEOUT
+
diff --git a/tests/wpt/metadata/html/browsers/windows/targeting-cross-origin-nested-browsing-contexts.sub.html.ini b/tests/wpt/metadata/html/browsers/windows/targeting-cross-origin-nested-browsing-contexts.sub.html.ini
new file mode 100644
index 00000000000..4dedae027e2
--- /dev/null
+++ b/tests/wpt/metadata/html/browsers/windows/targeting-cross-origin-nested-browsing-contexts.sub.html.ini
@@ -0,0 +1,6 @@
+[targeting-cross-origin-nested-browsing-contexts.sub.html]
+  type: testharness
+  expected: TIMEOUT
+  [Targeting nested browsing contexts]
+    expected: TIMEOUT
+
diff --git a/tests/wpt/metadata/html/semantics/forms/the-form-element/form-autocomplete.html.ini b/tests/wpt/metadata/html/semantics/forms/the-form-element/form-autocomplete.html.ini
index ad57004b9a2..3f7e216f6f1 100644
--- a/tests/wpt/metadata/html/semantics/forms/the-form-element/form-autocomplete.html.ini
+++ b/tests/wpt/metadata/html/semantics/forms/the-form-element/form-autocomplete.html.ini
@@ -150,3 +150,30 @@
   [impp is an allowed autocomplete field name]
     expected: FAIL
 
+  [username is an allowed autocomplete field name]
+    expected: FAIL
+
+  [new-password is an allowed autocomplete field name]
+    expected: FAIL
+
+  [current-password is an allowed autocomplete field name]
+    expected: FAIL
+
+  [address-level4 is an allowed autocomplete field name]
+    expected: FAIL
+
+  [address-level3 is an allowed autocomplete field name]
+    expected: FAIL
+
+  [address-level2 is an allowed autocomplete field name]
+    expected: FAIL
+
+  [address-level1 is an allowed autocomplete field name]
+    expected: FAIL
+
+  [transaction-currency is an allowed autocomplete field name]
+    expected: FAIL
+
+  [transaction-amount is an allowed autocomplete field name]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata/mozilla-sync b/tests/wpt/metadata/mozilla-sync
index a87d8455c1f..fcb3354f713 100644
--- a/tests/wpt/metadata/mozilla-sync
+++ b/tests/wpt/metadata/mozilla-sync
@@ -1 +1 @@
-8950345e0e2c803cfa87105374dfdb30a550cfe0
\ No newline at end of file
+a00f2d6310f42d641151d8aa46aef53338e568cc
\ No newline at end of file
diff --git a/tests/wpt/metadata/webstorage/document-domain.html.ini b/tests/wpt/metadata/webstorage/document-domain.html.ini
new file mode 100644
index 00000000000..d039f44c41a
--- /dev/null
+++ b/tests/wpt/metadata/webstorage/document-domain.html.ini
@@ -0,0 +1,5 @@
+[document-domain.html]
+  type: testharness
+  [localStorage and document.domain]
+    expected: FAIL
+
diff --git a/tests/wpt/mozilla/meta/css/viewport_meta.html.ini b/tests/wpt/mozilla/meta/css/viewport_meta.html.ini
index 32a48a29459..e21ca57b360 100644
--- a/tests/wpt/mozilla/meta/css/viewport_meta.html.ini
+++ b/tests/wpt/mozilla/meta/css/viewport_meta.html.ini
@@ -1 +1,3 @@
-prefs: ["layout.viewport.enabled:true"]
+prefs: [layout.viewport.enabled:true]
+[viewport_meta.html]
+  type: reftest
diff --git a/tests/wpt/mozilla/meta/css/viewport_rule.html.ini b/tests/wpt/mozilla/meta/css/viewport_rule.html.ini
index 32a48a29459..a015a2452bf 100644
--- a/tests/wpt/mozilla/meta/css/viewport_rule.html.ini
+++ b/tests/wpt/mozilla/meta/css/viewport_rule.html.ini
@@ -1 +1,3 @@
-prefs: ["layout.viewport.enabled:true"]
+prefs: [layout.viewport.enabled:true]
+[viewport_rule.html]
+  type: reftest
diff --git a/tests/wpt/web-platform-tests/WebCryptoAPI/getRandomValues.js b/tests/wpt/web-platform-tests/WebCryptoAPI/getRandomValues.js
index 77855b2822d..0649d9596a0 100644
--- a/tests/wpt/web-platform-tests/WebCryptoAPI/getRandomValues.js
+++ b/tests/wpt/web-platform-tests/WebCryptoAPI/getRandomValues.js
@@ -16,26 +16,35 @@ function run_test() {
         }, "Float64Array (too long)")
     }, "Float arrays")
 
-    test(function() {
-        assert_equals(self.crypto.getRandomValues(new Int8Array(8)).constructor,
-                      Int8Array, "crypto.getRandomValues(new Int8Array(8))")
-        assert_equals(self.crypto.getRandomValues(new Uint8Array(8)).constructor,
-                      Uint8Array, "crypto.getRandomValues(new Uint8Array(8))")
-
-        assert_equals(self.crypto.getRandomValues(new Int16Array(8)).constructor,
-                      Int16Array, "crypto.getRandomValues(new Int16Array(8))")
-        assert_equals(self.crypto.getRandomValues(new Uint16Array(8)).constructor,
-                      Uint16Array, "crypto.getRandomValues(new Uint16Array(8))")
-
-        assert_equals(self.crypto.getRandomValues(new Int32Array(8)).constructor,
-                      Int32Array, "crypto.getRandomValues(new Int32Array(8))")
-        assert_equals(self.crypto.getRandomValues(new Uint32Array(8)).constructor,
-                      Uint32Array, "crypto.getRandomValues(new Uint32Array(8))")
-    }, "Integer arrays")
+    var arrays = {
+        'Int8Array': Int8Array,
+        'Int16Array': Int16Array,
+        'Int32Array': Int32Array,
+        'Uint8Array': Uint8Array,
+        'Uint8ClampedArray': Uint8ClampedArray,
+        'Uint16Array': Uint16Array,
+        'Uint32Array': Uint32Array,
+    };
 
     test(function() {
-        assert_throws("QuotaExceededError", function() {
-            self.crypto.getRandomValues(new Int8Array(65537))
-        }, "crypto.getRandomValues length over 65536")
+        for (var array in arrays) {
+            assert_equals(self.crypto.getRandomValues(new arrays[array](8)).constructor,
+                          arrays[array], "crypto.getRandomValues(new " + array + "(8))")
+        }
+    }, "Integer array")
+
+    test(function() {
+        for (var array in arrays) {
+            var maxlength = 65536 / (arrays[array].BYTES_PER_ELEMENT);
+            assert_throws("QuotaExceededError", function() {
+                self.crypto.getRandomValues(new arrays[array](maxlength + 1))
+            }, "crypto.getRandomValues length over 65536")
+        }
     }, "Large length")
+
+    test(function() {
+        for (var array in arrays) {
+            assert_true(self.crypto.getRandomValues(new arrays[array](0)).length == 0)
+        }
+    }, "Null arrays")
 }
diff --git a/tests/wpt/web-platform-tests/cssom-view/elementFromPoint.html b/tests/wpt/web-platform-tests/cssom-view/elementFromPoint.html
new file mode 100644
index 00000000000..3ae4a9dbfe0
--- /dev/null
+++ b/tests/wpt/web-platform-tests/cssom-view/elementFromPoint.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<title>cssom-view - elementFromPoint</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+  .size {
+    width:100px;
+    height:100px;
+  }
+  .overlay {
+    position:absolute;
+    top:109px;
+    pointer-events:none;
+  }
+  .purple {
+    background-color: rebeccapurple;
+  }
+  .yellow {
+    background-color: yellow;
+  }
+  .teal {
+    background-color: teal;
+  }
+  .pink {
+    background-color: pink;
+  }
+</style>
+<body>
+  <div id='purple' class="size purple" >&nbsp;</div>
+  <div id='yellow' class="size yellow">&nbsp;</div>
+  <div id='teal' class="size overlay teal">&nbsp;</div>
+  <iframe id=iframe-1 src="iframe.html" style='display:none;position:absolute; left:300px;'></iframe>
+  <iframe id=iframe-2 src="iframe.html" width="" height=""></iframe>
+  <iframe id=iframe-3 width="" height=""></iframe>
+  <svg id=squiggle xmlns="http://www.w3.org/2000/svg" height="98" width="581" viewBox="0 0 581 98">
+    <path stroke-dashoffset="0.00" stroke-dasharray="" d="M62.9 14.9c-25-7.74-56.6 4.8-60.4 24.3-3.73 19.6 21.6 35 39.6 37.6 42.8 6.2 72.9-53.4 116-58.9 65-18.2 191 101 215 28.8 5-16.7-7-49.1-34-44-34 11.5-31 46.5-14 69.3 9.38 12.6 24.2 20.6 39.8 22.9 91.4 9.05 102-98.9 176-86.7 18.8 3.81 33 17.3 36.7 34.6 2.01 10.2.124 21.1-5.18 30.1" stroke="#000" stroke-width="4.3" fill="none">
+    </path>
+  </svg>
+  <svg id=svg-transform width="180" height="200"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <!-- Now we add a text element and apply rotate and translate to both -->
+  <rect x="50" y="50" height="100" width="100" style="stroke:#000; fill: #0086B2" transform="translate(30) rotate(45 50 50)"></rect>
+  <text x="60" y="105" transform="translate(30) rotate(45 50 50)"> Hello WPT! </text>
+
+</svg>
+  <div id='pink' class='size pink' style='transform: translate(10px)'>&nbsp;</div>
+  <div id='anotherteal' class='size teal' style='pointer-events:none'>Another teal</div>
+  <img id="dinos" src="/images/blue-area.png" usemap="#dinos_map" border="0" width="364" height="126"/>
+  <map id="dinos_map" name="dinos_map">
+  <area id="rectG" shape="rect" coords="0,0,90,100" href="#" alt="area 1"/>
+  <area id="circleO" shape="circle" coords="120,60,30" href="#" alt="area 2"/>
+  <area id="polyLE" shape="poly" coords="280,0,310,0,360,30,360,90,280,90" href="#" alt="area 3"/>
+  <script>
+    setup({explicit_done:true});
+    window.onload = function () {
+      test(function () {
+              assert_equals(document.elementFromPoint(-1, -1), null,
+                "both co-ordinates passed in are negative so should have returned a null");
+              assert_equals(document.elementFromPoint(-1, -1), null,
+                "x co-ordinates passed in are negative so should have returned a null");
+              assert_equals(document.elementFromPoint(-1, -1), null,
+                "y co-ordinates passed in are negative so should have returned a null");
+                  }, "Negative co-ordinates");
+
+      test(function () {
+              var viewportX = window.innerWidth;
+              var viewportY = window.innerHeight;
+              assert_equals(document.elementFromPoint(viewportX + 100, 10), null,
+                "X co-ordinates larger than viewport");
+              assert_equals(document.elementFromPoint(10, viewportY + 100), null,
+                "Y co-ordinates larger than viewport");
+              assert_equals(document.elementFromPoint(viewportX + 100, viewportY + 100), null,
+                "X, Y co-ordinates larger than viewport");
+      }, "co-ordinates larger than the viewport");
+
+      test(function () {
+              var viewportX = window.frames[1].innerWidth;
+              var viewportY = window.frames[1].innerHeight;
+              var iframeRect = document.getElementById('iframe-2').getBoundingClientRect();
+              assert_equals(null, window.frames[1].document.elementFromPoint(iframeRect.right + viewportX + 100, 10),
+                "X co-ordinates larger than viewport");
+              assert_equals(null, window.frames[1].document.elementFromPoint(10, iframeRect.bottom + viewportY + 100),
+                "Y co-ordinates larger than viewport");
+              assert_equals(null, window.frames[1].document.elementFromPoint(iframeRect.right + viewportX + 100,
+                                                                             iframeRect.bottom + viewportY + 100),
+                "X, Y co-ordinates larger than viewport");
+      }, "co-ordinates larger than the viewport from in iframe");
+
+      test(function () {
+              assert_equals(document.elementFromPoint(10, 10), document.getElementById('purple'),
+                "Should have returned the element with id `purple`");
+            }, "Return first element that is the target for hit testing");
+
+      test(function () {
+              assert_equals(document.elementFromPoint(10, 120), document.getElementById('yellow'),
+                "Should have returned the element with id `yellow` as element with `teal` has `pointer-events:none`");
+            }, "First element to get mouse events with pointer-events css");
+
+      test(function () {
+             var svg = document.getElementById('squiggle');
+             var svgRect = svg.getBoundingClientRect();
+             assert_equals(document.elementFromPoint(svgRect.left + Math.round(svgRect.width/2),
+                                                     svgRect.top + Math.round(svgRect.height/2)),
+                           svg,
+                           "Should have returned the line SVG");
+      }, "SVG element at x,y");
+
+      test(function () {
+              var svg = document.getElementById('svg-transform');
+              var svgRect = svg.getBoundingClientRect();
+              assert_equals(document.elementFromPoint(svgRect.left + Math.round(svgRect.width/2),
+                                                      svgRect.top + Math.round(svgRect.height/2)),
+                            svg.querySelector("rect"),
+                            "Should have returned SVG with Hello WPT! that has a transform");
+
+              var pink = document.getElementById('pink');
+              var pinkRect = pink.getBoundingClientRect();
+              assert_equals(document.elementFromPoint(pinkRect.left + Math.round(pinkRect.width/2),
+                                                      pinkRect.top + Math.round(pinkRect.height/2)),
+                            pink,
+                            "Should have returned pink element that has a transform");
+
+      }, "transformed element at x,y");
+
+      test(function () {
+            var anotherteal = document.getElementById('anotherteal');
+            var anothertealRect = anotherteal.getBoundingClientRect();
+            assert_equals(document.elementFromPoint(anothertealRect.left + Math.round(anothertealRect.width/2),
+                                                    anothertealRect.top + Math.round(anothertealRect.height/2)),
+                          document.body,
+                          "Should have returned the root");
+
+            var doc = frames[2].document;
+            doc.removeChild(doc.documentElement);
+            assert_equals(doc.elementFromPoint(0, 0), null,
+                          "Should have returned null as no root element");
+      }, "no hit target at x,y");
+
+      test(function () {
+            var doc = document.implementation.createHTMLDocument('foo');
+            assert_equals(doc.elementFromPoint(0, 0), null,
+                          "Should have returned the documentElement for the document")
+      }, "No viewport available");
+
+      test(function () {
+          var area = document.getElementById('rectG');
+          var areaRect = area.getBoundingClientRect();
+          assert_equals(document.elementFromPoint(areaRect.left + Math.round(areaRect.width/2),
+                                                  areaRect.top + Math.round(areaRect.height/2)),
+                        area,
+                        "Should have returned the image element");
+      }, "Image Maps");
+      done();
+    }
+ </script>
diff --git a/tests/wpt/web-platform-tests/cssom-view/elementsFromPoint.html b/tests/wpt/web-platform-tests/cssom-view/elementsFromPoint.html
new file mode 100644
index 00000000000..4400f6aa9cb
--- /dev/null
+++ b/tests/wpt/web-platform-tests/cssom-view/elementsFromPoint.html
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<title>cssom-view - elementsFromPoint</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+  .size {
+    width:100px;
+    height:100px;
+  }
+  .overlay {
+    position:absolute;
+    top:109px;
+    pointer-events:none;
+  }
+  .purple {
+    background-color: rebeccapurple;
+  }
+  .yellow {
+    background-color: yellow;
+  }
+  .teal {
+    background-color: teal;
+  }
+  .pink {
+    background-color: pink;
+  }
+</style>
+<body>
+  <div id='purple' class="size purple" >&nbsp;</div>
+  <div id='yellow' class="size yellow">&nbsp;</div>
+  <div id='teal' class="size overlay teal">&nbsp;</div>
+  <iframe id=iframe-1 src="iframe.html" style='display:none;position:absolute; left:300px;'></iframe>
+  <iframe id=iframe-2 src="iframe.html" width="" height=""></iframe>
+  <iframe id=iframe-3 width="" height=""></iframe>
+  <svg id=squiggle xmlns="http://www.w3.org/2000/svg" height="98" width="581" viewBox="0 0 581 98">
+    <path stroke-dashoffset="0.00" stroke-dasharray="" d="M62.9 14.9c-25-7.74-56.6 4.8-60.4 24.3-3.73 19.6 21.6 35 39.6 37.6 42.8 6.2 72.9-53.4 116-58.9 65-18.2 191 101 215 28.8 5-16.7-7-49.1-34-44-34 11.5-31 46.5-14 69.3 9.38 12.6 24.2 20.6 39.8 22.9 91.4 9.05 102-98.9 176-86.7 18.8 3.81 33 17.3 36.7 34.6 2.01 10.2.124 21.1-5.18 30.1" stroke="#000" stroke-width="4.3" fill="none">
+    </path>
+  </svg>
+  <svg id=svg-transform width="180" height="200"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+
+  <!-- Now we add a text element and apply rotate and translate to both -->
+  <rect x="50" y="50" height="100" width="100" style="stroke:#000; fill: #0086B2" transform="translate(30) rotate(45 50 50)"></rect>
+  <text x="60" y="105" transform="translate(30) rotate(45 50 50)"> Hello WPT! </text>
+
+</svg>
+  <div id='pink' class='size pink' style='transform: translate(10px)'>&nbsp;</div>
+  <div id='anotherteal' class='size teal' style='pointer-events:none'>Another teal</div>
+  <script>
+    setup({explicit_done:true});
+    window.onload = function () {
+      test(function () {
+              assert_array_equals(document.elementsFromPoint(-1, -1), [],
+                "both co-ordinates passed in are negative so should have returned a []");
+              assert_array_equals(document.elementsFromPoint(-1, -1), [],
+                "x co-ordinates passed in are negative so should have returned a []");
+              assert_array_equals(document.elementsFromPoint(-1, -1), [],
+                "y co-ordinates passed in are negative so should have returned a []");
+                  }, "Negative co-ordinates");
+
+      test(function () {
+              var viewportX = window.innerWidth;
+              var viewportY = window.innerHeight;
+              assert_array_equals(document.elementsFromPoint(viewportX + 100, 10), [],
+                "X co-ordinates larger than viewport so should have returned a []");
+              assert_array_equals(document.elementsFromPoint(10, viewportY + 100), [],
+                "Y co-ordinates larger than viewport so should have returned a []");
+              assert_array_equals(document.elementsFromPoint(viewportX + 100, viewportY + 100), [],
+                "X, Y co-ordinates larger than viewport so should have returned a []");
+      }, "co-ordinates larger than the viewport");
+
+      test(function () {
+              var viewportX = window.frames[1].innerWidth;
+              var viewportY = window.frames[1].innerHeight;
+              var iframeRect = document.getElementById('iframe-2').getBoundingClientRect();
+              assert_array_equals([], window.frames[1].document.elementsFromPoint(iframeRect.right + viewportX + 100, 10),
+                "X co-ordinates larger than viewport so should have returned a []");
+              assert_array_equals([], window.frames[1].document.elementsFromPoint(10, iframeRect.bottom + viewportY + 100),
+                "Y co-ordinates larger than viewport so should have returned a []");
+              assert_array_equals([], window.frames[1].document.elementsFromPoint(iframeRect.right + viewportX + 100,
+                                                                                  iframeRect.bottom + viewportY + 100),
+                "X, Y co-ordinates larger than viewport so should have returned a []");
+      }, "co-ordinates larger than the viewport from in iframe");
+
+      test(function () {
+              assert_array_equals(document.elementsFromPoint(10, 10),
+                                  [document.getElementById('purple'), document.body, document.querySelector('html')],
+                                  "Should have returned a sequence with `[purple element, document.body, html]`");
+            }, "Return first element that is the target for hit testing");
+
+      test(function () {
+              assert_array_equals(document.elementsFromPoint(10, 120),
+                                  [document.getElementById('yellow'), document.body, document.querySelector('html')],
+                "Should have returned a sequence with `[yellow element, document.body, html]`");
+            }, "First element to get mouse events with pointer-events css");
+
+      test(function () {
+             var svg = document.getElementById('squiggle');
+             var svgRect = svg.getBoundingClientRect();
+             assert_array_equals(document.elementsFromPoint(svgRect.left + Math.round(svgRect.width/2),
+                                                            svgRect.top + Math.round(svgRect.height/2)),
+                           [svg, document.body, document.querySelector('html')],
+                           "Should have returned a sequence with [svg, body, html]");
+      }, "SVG element at x,y");
+
+      test(function () {
+              var svg = document.getElementById('svg-transform');
+              var svgRect = svg.getBoundingClientRect();
+              assert_array_equals(document.elementsFromPoint(svgRect.left + Math.round(svgRect.width/2),
+                                                             svgRect.top + Math.round(svgRect.height/2)),
+                            [svg.querySelector("rect"), svg, document.body, document.querySelector('html')],
+                            "Should have returned [svg rect, svg, body, html]");
+
+              var pink = document.getElementById('pink');
+              var pinkRect = pink.getBoundingClientRect();
+              assert_array_equals(document.elementsFromPoint(pinkRect.left + Math.round(pinkRect.width/2),
+                                                             pinkRect.top + Math.round(pinkRect.height/2)),
+                            [pink, document.body, document.querySelector('html')],
+                            "Should have returned a sequence with [pink, body, html]");
+
+      }, "transformed element at x,y");
+
+      test(function () {
+            var anotherteal = document.getElementById('anotherteal');
+            var anothertealRect = anotherteal.getBoundingClientRect();
+            assert_array_equals(document.elementsFromPoint(anothertealRect.left + Math.round(anothertealRect.width/2),
+                                                           anothertealRect.top + Math.round(anothertealRect.height/2)),
+                          [document.body, document.querySelector('html')],
+                          "Should have returned the sequence [body, html]");
+
+            var doc = frames[1].document;
+            assert_array_equals([doc.querySelector('html')], doc.elementsFromPoint(0, 100),
+                                "Should have returned the sequence [html]")
+
+            var doc = frames[2].document;
+            doc.removeChild(doc.documentElement);
+            assert_array_equals(doc.elementsFromPoint(0, 0), [],
+                          "Should have returned [] as no root element");
+
+      }, "no hit target at x,y");
+
+      test(function () {
+            var doc = document.implementation.createHTMLDocument('foo');
+            assert_array_equals(doc.elementsFromPoint(0, 0), [],
+                          "Should have returned []")
+      }, "No viewport available");
+      done();
+    }
+ </script>
diff --git a/tests/wpt/web-platform-tests/cssom-view/iframe.html b/tests/wpt/web-platform-tests/cssom-view/iframe.html
new file mode 100644
index 00000000000..e4413a7388a
--- /dev/null
+++ b/tests/wpt/web-platform-tests/cssom-view/iframe.html
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<style>
+  html, body { padding:9px; border:1px solid }
+</style>
diff --git a/tests/wpt/web-platform-tests/dom/ranges/Range-mutations.html b/tests/wpt/web-platform-tests/dom/ranges/Range-mutations.html
index aa740d4a6aa..ade44bb989b 100644
--- a/tests/wpt/web-platform-tests/dom/ranges/Range-mutations.html
+++ b/tests/wpt/web-platform-tests/dom/ranges/Range-mutations.html
@@ -15,7 +15,6 @@
 //
 // TODO:
 //
-// * replaceWholeText() tests
 // * Lots and lots and lots more different types of ranges
 // * insertBefore() with DocumentFragments
 // * Fill out other insert/remove tests
diff --git a/tests/wpt/web-platform-tests/html/browsers/origin/cross-origin-objects/cross-origin-objects.html b/tests/wpt/web-platform-tests/html/browsers/origin/cross-origin-objects/cross-origin-objects.sub.html
similarity index 98%
rename from tests/wpt/web-platform-tests/html/browsers/origin/cross-origin-objects/cross-origin-objects.html
rename to tests/wpt/web-platform-tests/html/browsers/origin/cross-origin-objects/cross-origin-objects.sub.html
index 350f999366a..ee7c7763663 100644
--- a/tests/wpt/web-platform-tests/html/browsers/origin/cross-origin-objects/cross-origin-objects.html
+++ b/tests/wpt/web-platform-tests/html/browsers/origin/cross-origin-objects/cross-origin-objects.sub.html
@@ -22,7 +22,7 @@ path = location.pathname.substring(0, location.pathname.lastIndexOf('/')) + '/fr
 var B = document.getElementById('B').contentWindow;
 var C = document.getElementById('C').contentWindow;
 B.frameElement.uriToLoad = path;
-C.frameElement.uriToLoad = 'http://www1.web-platform.test:' + location.port + path;
+C.frameElement.uriToLoad = '//{{domains[www1]}}:' + location.port + path;
 
 function reloadSubframes(cb) {
   var iframes = document.getElementsByTagName('iframe');
@@ -51,7 +51,7 @@ function addTest(fun, desc) { testList.push([fun, desc]); }
  */
 
 addTest(function() {
-  assert_equals(location.host, 'web-platform.test:8000', 'Need to run the top-level test from web-platform.test:8000');
+  assert_equals(location.host, '{{domains[]}}:{{location[port]}}', 'Need to run the top-level test from {{domains[]}}:{{location[port]}}');
   assert_equals(B.parent, window, "window.parent works same-origin");
   assert_equals(C.parent, window, "window.parent works cross-origin");
   assert_equals(B.location.pathname, path, "location.href works same-origin");
@@ -317,7 +317,7 @@ function doDocumentDomainTest(cb) {
     win.close();
     cb();
   });
-  var win = window.open('win-documentdomain.html');
+  var win = window.open('win-documentdomain.sub.html');
 }
 
 // We do a fresh load of the subframes for each test to minimize side-effects.
diff --git a/tests/wpt/web-platform-tests/html/browsers/origin/cross-origin-objects/win-documentdomain.html b/tests/wpt/web-platform-tests/html/browsers/origin/cross-origin-objects/win-documentdomain.sub.html
similarity index 86%
rename from tests/wpt/web-platform-tests/html/browsers/origin/cross-origin-objects/win-documentdomain.html
rename to tests/wpt/web-platform-tests/html/browsers/origin/cross-origin-objects/win-documentdomain.sub.html
index 363819c3252..d1b0e0dd112 100644
--- a/tests/wpt/web-platform-tests/html/browsers/origin/cross-origin-objects/win-documentdomain.html
+++ b/tests/wpt/web-platform-tests/html/browsers/origin/cross-origin-objects/win-documentdomain.sub.html
@@ -10,9 +10,9 @@
 
       var path = location.pathname.substring(0, location.pathname.lastIndexOf('/')) + '/frame.html';
       A.location = 'frame.html';
-      B.location = frameURI = 'http://www2.web-platform.test:' + location.port + path;
-      C.location = frameURI = 'http://www2.web-platform.test:' + location.port + path;
-      D.location = frameURI = 'http://www1.web-platform.test:' + location.port + path;
+      B.location = '//{{domains[www2]}}:' + location.port + path;
+      C.location = '//{{domains[www2]}}:' + location.port + path;
+      D.location = '//{{domains[www1]}}:' + location.port + path;
 
       var loadCount = 0;
       function frameLoaded() {
diff --git a/tests/wpt/web-platform-tests/html/browsers/windows/noreferrer-cross-origin-close-manual.sub.html b/tests/wpt/web-platform-tests/html/browsers/windows/noreferrer-cross-origin-close-manual.sub.html
new file mode 100644
index 00000000000..0191fa61e15
--- /dev/null
+++ b/tests/wpt/web-platform-tests/html/browsers/windows/noreferrer-cross-origin-close-manual.sub.html
@@ -0,0 +1,3 @@
+<meta charset=utf-8>
+<p>Follow this link to open a new browsing context and then confirm it can be closed:
+<a rel=noreferrer target=reallydoesnotmatter href="//天気の良い日.{{location[host]}}/html/browsers/windows/support-close.html">link</a>.
diff --git a/tests/wpt/web-platform-tests/html/browsers/windows/noreferrer-cross-origin-manual.html b/tests/wpt/web-platform-tests/html/browsers/windows/noreferrer-cross-origin-manual.html
new file mode 100644
index 00000000000..f5879ee6d75
--- /dev/null
+++ b/tests/wpt/web-platform-tests/html/browsers/windows/noreferrer-cross-origin-manual.html
@@ -0,0 +1,10 @@
+<ol>
+ <li><p>After clicking these two links in order a single browsing context should be open showing
+ <code>example.org</code>:
+ <a target=doesnotmatter href="http://example.com/">one</a>,
+ <a target=doesnotmatter href="http://example.org/">two</a>.
+
+ <li><p>After clicking these two links two browsing contexts should have been opened:
+ <a rel=noreferrer target=reallydoesnotmatter href="http://example.com/">one</a>,
+ <a rel=noreferrer target=reallydoesnotmatter href="http://example.com/">two</a>.
+</ol>
diff --git a/tests/wpt/web-platform-tests/html/browsers/windows/noreferrer-cross-origin-window-name.sub.html b/tests/wpt/web-platform-tests/html/browsers/windows/noreferrer-cross-origin-window-name.sub.html
new file mode 100644
index 00000000000..790c22157c8
--- /dev/null
+++ b/tests/wpt/web-platform-tests/html/browsers/windows/noreferrer-cross-origin-window-name.sub.html
@@ -0,0 +1,3 @@
+<meta charset=utf-8>
+<p>Follow this link to open a new browsing context and then confirm it says "idonteven":
+<a rel=noreferrer target=idonteven href="//天気の良い日.{{location[host]}}/html/browsers/windows/support-window-name-echo.html">link</a>.
diff --git a/tests/wpt/web-platform-tests/html/browsers/windows/noreferrer-window-name.html b/tests/wpt/web-platform-tests/html/browsers/windows/noreferrer-window-name.html
new file mode 100644
index 00000000000..37aea98f5c5
--- /dev/null
+++ b/tests/wpt/web-platform-tests/html/browsers/windows/noreferrer-window-name.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<title>rel=noreferrer and reuse of names</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<div id="log"></div>
+<script>
+  async_test(function(t) {
+    localStorage.clear()
+
+    function makeHyperlink(n) {
+      var hyperlink = document.body.appendChild(document.createElement("a"))
+      hyperlink.rel = "noreferrer"
+      hyperlink.target = "sufficientlyrandomwindownameamiright"
+      hyperlink.href = "support-named-null-opener.html#" + n
+      return hyperlink
+    }
+
+    var hyperlink1 = makeHyperlink(1),
+        hyperlink2 = makeHyperlink(2)
+
+    t.add_cleanup(function() {
+      localStorage.setItem("x", "close")
+      localStorage.clear()
+      document.body.removeChild(hyperlink1)
+      document.body.removeChild(hyperlink2)
+    })
+
+    addEventListener("storage", function(e) {
+      t.step(function() {
+        if(localStorage.getItem("window1") && localStorage.getItem("window2")) {
+          localStorage.setItem("x", "close")
+          t.done()
+        }
+      })
+    })
+
+    hyperlink1.click()
+    hyperlink2.click()
+  })
+</script>
diff --git a/tests/wpt/web-platform-tests/html/browsers/windows/noreferrer.html b/tests/wpt/web-platform-tests/html/browsers/windows/noreferrer.html
new file mode 100644
index 00000000000..c072486b0a0
--- /dev/null
+++ b/tests/wpt/web-platform-tests/html/browsers/windows/noreferrer.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<title>rel=noreferrer nullifies window.opener</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<div id="log"></div>
+<script>
+  async_test(function(t) {
+    localStorage.clear()
+
+    var hyperlink = document.body.appendChild(document.createElement("a"))
+    hyperlink.rel = "noreferrer"
+    hyperlink.target = "_blank"
+    hyperlink.href = "support-opener-null.html"
+    hyperlink.click()
+    document.body.removeChild(hyperlink)
+
+    addEventListener("storage", function(e) {
+      t.step(function() {
+        assert_equals(e.newValue, "null")
+        localStorage.clear()
+        t.done()
+      })
+    })
+  })
+</script>
diff --git a/tests/wpt/web-platform-tests/html/browsers/windows/support-close.html b/tests/wpt/web-platform-tests/html/browsers/windows/support-close.html
new file mode 100644
index 00000000000..38ec2aef5c3
--- /dev/null
+++ b/tests/wpt/web-platform-tests/html/browsers/windows/support-close.html
@@ -0,0 +1 @@
+<p>Clicking this button should close this browsing context: <button onclick=window.close()>button</button>
diff --git a/tests/wpt/web-platform-tests/html/browsers/windows/support-named-null-opener.html b/tests/wpt/web-platform-tests/html/browsers/windows/support-named-null-opener.html
new file mode 100644
index 00000000000..8c106ca8862
--- /dev/null
+++ b/tests/wpt/web-platform-tests/html/browsers/windows/support-named-null-opener.html
@@ -0,0 +1,8 @@
+<script>
+  addEventListener("storage", function(e) {
+    if(e.newValue === "close") {
+      close()
+    }
+  })
+  localStorage.setItem("window" + location.hash.slice(1), "tralala")
+</script>
diff --git a/tests/wpt/web-platform-tests/html/browsers/windows/support-nested-browsing-contexts.html b/tests/wpt/web-platform-tests/html/browsers/windows/support-nested-browsing-contexts.html
new file mode 100644
index 00000000000..e92b69d7e73
--- /dev/null
+++ b/tests/wpt/web-platform-tests/html/browsers/windows/support-nested-browsing-contexts.html
@@ -0,0 +1,12 @@
+<body>
+<script>
+  var i = document.createElement("iframe");
+  i.name = "nested1";
+  document.body.appendChild(i);
+
+  window.opener.postMessage({
+    "name": window.name,
+    "isTop": window.top === window
+  }, "*");
+</script>
+</body>
diff --git a/tests/wpt/web-platform-tests/html/browsers/windows/support-opener-null.html b/tests/wpt/web-platform-tests/html/browsers/windows/support-opener-null.html
new file mode 100644
index 00000000000..c734eb3056d
--- /dev/null
+++ b/tests/wpt/web-platform-tests/html/browsers/windows/support-opener-null.html
@@ -0,0 +1,4 @@
+<script>
+  localStorage.setItem("opener", window.opener)
+  window.close()
+</script>
diff --git a/tests/wpt/web-platform-tests/html/browsers/windows/support-post-to-opener.html b/tests/wpt/web-platform-tests/html/browsers/windows/support-post-to-opener.html
new file mode 100644
index 00000000000..453fec97a78
--- /dev/null
+++ b/tests/wpt/web-platform-tests/html/browsers/windows/support-post-to-opener.html
@@ -0,0 +1,8 @@
+<script>
+  if (window.opener) {
+    window.opener.postMessage({
+      "name": window.name,
+      "isTop": window.top === window
+    }, "*");
+  }
+</script>
diff --git a/tests/wpt/web-platform-tests/html/browsers/windows/support-window-name-echo.html b/tests/wpt/web-platform-tests/html/browsers/windows/support-window-name-echo.html
new file mode 100644
index 00000000000..a437fecb2c4
--- /dev/null
+++ b/tests/wpt/web-platform-tests/html/browsers/windows/support-window-name-echo.html
@@ -0,0 +1 @@
+<script>document.write(name)</script>
diff --git a/tests/wpt/web-platform-tests/html/browsers/windows/targeting-cross-origin-nested-browsing-contexts.sub.html b/tests/wpt/web-platform-tests/html/browsers/windows/targeting-cross-origin-nested-browsing-contexts.sub.html
new file mode 100644
index 00000000000..65b9fbf309d
--- /dev/null
+++ b/tests/wpt/web-platform-tests/html/browsers/windows/targeting-cross-origin-nested-browsing-contexts.sub.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Targeting nested browsing contexts</title>
+  <script src="/resources/testharness.js"></script>
+  <script src="/resources/testharnessreport.js"></script>
+</head>
+<body>
+  <script>
+    async_test(function (t) {
+      var windowsToClose = [];
+      window.onmessage = t.step_func(function (e) {
+        if (e.data.name == "openee") {
+          var a = document.body.appendChild(document.createElement('a'));
+          a.target = "nested1";
+          a.href = "support-post-to-opener.html";
+          a.click();
+          windowsToClose.push(e.source);
+        } else {
+          assert_equals(e.data.name, "nested1");
+          assert_equals(e.data.isTop, true);
+          windowsToClose.push(e.source);
+          windowsToClose.forEach(function (w) {
+            w.close();
+          });
+          t.done();
+        }
+      });
+
+      var a = document.body.appendChild(document.createElement('a'));
+      a.target = "openee";
+      a.href = "http://{{domains[www2]}}:{{location[port]}}/html/browsers/windows/support-nested-browsing-contexts.html";
+      a.click();
+    });
+  </script>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/html/semantics/embedded-content/the-iframe-element/iframe_javascript_url_01.htm b/tests/wpt/web-platform-tests/html/semantics/embedded-content/the-iframe-element/iframe_javascript_url_01.htm
index fbdb7f75551..d6c2abe7d57 100644
--- a/tests/wpt/web-platform-tests/html/semantics/embedded-content/the-iframe-element/iframe_javascript_url_01.htm
+++ b/tests/wpt/web-platform-tests/html/semantics/embedded-content/the-iframe-element/iframe_javascript_url_01.htm
@@ -1,6 +1,4 @@
 <!DOCTYPE html><html><head><title>javascript: URL creating a document in an about:blank iframe</title>
-<link rel="help" href="https://html.spec.whatwg.org/multipage/embedded-content.html#the-iframe-element">
-<link rel="help" href="https://html.spec.whatwg.org/multipage/embedded-content.html#process-the-iframe-attributes">
 <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-iframe-element">
 <link rel="help" href="https://html.spec.whatwg.org/multipage/#process-the-iframe-attributes">
 <script src="/resources/testharness.js"></script>
diff --git a/tests/wpt/web-platform-tests/html/semantics/embedded-content/the-img-element/Image-constructor.html b/tests/wpt/web-platform-tests/html/semantics/embedded-content/the-img-element/Image-constructor.html
index 528d3c80773..1119f818f95 100644
--- a/tests/wpt/web-platform-tests/html/semantics/embedded-content/the-img-element/Image-constructor.html
+++ b/tests/wpt/web-platform-tests/html/semantics/embedded-content/the-img-element/Image-constructor.html
@@ -1,7 +1,7 @@
 <!DOCTYPE HTML>
 <title>DOM Image constructor Test</title>
 <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
-<link rel="help" href="https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element" />
+<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-img-element" />
 <meta name="assert" content="Tests the Image constructor for the img-element">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/html/semantics/forms/the-form-element/form-autocomplete.html b/tests/wpt/web-platform-tests/html/semantics/forms/the-form-element/form-autocomplete.html
index af497b40959..c50ea73170d 100644
--- a/tests/wpt/web-platform-tests/html/semantics/forms/the-form-element/form-autocomplete.html
+++ b/tests/wpt/web-platform-tests/html/semantics/forms/the-form-element/form-autocomplete.html
@@ -47,7 +47,8 @@
   autocompletetest(document.forms.autocomplete_off, ["off", "off", "on", "off", ""], "form autocomplete attribute off");
   autocompletetest(document.forms.autocomplete_invalid, ["on", "on", "on", "off", ""], "form autocomplete attribute invalid");
 
-  var keywords = [ "name", "honorific-prefix", "given-name", "additional-name", "family-name", "honorific-suffix", "nickname", "organization-title", "organization", "street-address", "address-line1", "address-line2", "address-line3", "locality", "region", "country", "country-name", "postal-code", "cc-name", "cc-given-name", "cc-additional-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "language", "bday", "bday-day", "bday-month", "bday-year", "sex", "url", "photo", "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-local-prefix", "tel-local-suffix", "tel-extension", "email", "impp" ];
+  var keywords = [ "name", "honorific-prefix", "given-name", "additional-name", "family-name", "honorific-suffix", "nickname", "username", "new-password", "current-password", "organization-title", "organization", "street-address", "address-line1", "address-line2", "address-line3", "address-level4", "address-level3", "address-level2", "address-level1", "country", "country-name", "postal-code", "cc-name", "cc-given-name", "cc-additional-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "transaction-currency", "transaction-amount", "language", "bday", "bday-day", "bday-month", "bday-year", "sex", "url", "photo", "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-local-prefix", "tel-local-suffix", "tel-extension", "email", "impp" ];
+
   keywords.forEach(function(keyword) {
     test(function(){
       var input = document.createElement("input");
diff --git a/tests/wpt/web-platform-tests/html/semantics/forms/the-option-element/option-selected.html b/tests/wpt/web-platform-tests/html/semantics/forms/the-option-element/option-selected.html
index 0a9977a62f8..e18e90b853b 100644
--- a/tests/wpt/web-platform-tests/html/semantics/forms/the-option-element/option-selected.html
+++ b/tests/wpt/web-platform-tests/html/semantics/forms/the-option-element/option-selected.html
@@ -2,7 +2,7 @@
 <meta charset=utf-8>
 <title>HTMLOptionElement.selected</title>
 <link rel=author title="Corey Farwell" href="mailto:coreyf@rwell.org">
-<link rel=help href="https://html.spec.whatwg.org/multipage/forms.html#dom-option-selected">
+<link rel=help href="https://html.spec.whatwg.org/multipage/#dom-option-selected">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <div id=log></div>
diff --git a/tests/wpt/web-platform-tests/html/semantics/scripting-1/the-template-element/template-element/template-descendant-frameset.html b/tests/wpt/web-platform-tests/html/semantics/scripting-1/the-template-element/template-element/template-descendant-frameset.html
index 85d1f7b9def..34b9fe1bf18 100644
--- a/tests/wpt/web-platform-tests/html/semantics/scripting-1/the-template-element/template-element/template-descendant-frameset.html
+++ b/tests/wpt/web-platform-tests/html/semantics/scripting-1/the-template-element/template-element/template-descendant-frameset.html
@@ -4,7 +4,7 @@
 <title>HTML Templates: Template element as a descendant of the frameset element.</title>
 <meta name="author" title="Aleksei Yu. Semenov" href="mailto:a.semenov@unipro.ru">
 <meta name="assert" content="Template element can not be a descendant of the frameset element">
-<link rel="help" href="https://html.spec.whatwg.org/multipage/syntax.html#parsing-main-inframeset">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/#parsing-main-inframeset">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src='/html/resources/common.js'></script>
diff --git a/tests/wpt/web-platform-tests/html/webappapis/animation-frames/callback-multicalls.html b/tests/wpt/web-platform-tests/html/webappapis/animation-frames/callback-multicalls.html
index 90e75a1f405..38f34171ea9 100644
--- a/tests/wpt/web-platform-tests/html/webappapis/animation-frames/callback-multicalls.html
+++ b/tests/wpt/web-platform-tests/html/webappapis/animation-frames/callback-multicalls.html
@@ -2,7 +2,7 @@
 <meta charset="utf-8">
 <title>AnimationTiming Test: multiple calls to requestAnimationFrame with the same callback</title>
 <link rel="author" title="Intel" href="http://www.intel.com">
-<link rel="help" href="https://html.spec.whatwg.org/multipage/webappapis.html#dom-window-requestanimationframe">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/#dom-window-requestanimationframe">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <div id="log"></div>
diff --git a/tests/wpt/web-platform-tests/html/webappapis/scripting/event-loops/task_microtask_ordering-manual.html b/tests/wpt/web-platform-tests/html/webappapis/scripting/event-loops/task_microtask_ordering-manual.html
index 40b7c27c333..ed2f70e196e 100644
--- a/tests/wpt/web-platform-tests/html/webappapis/scripting/event-loops/task_microtask_ordering-manual.html
+++ b/tests/wpt/web-platform-tests/html/webappapis/scripting/event-loops/task_microtask_ordering-manual.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <title>Task and Microtask Ordering </title>
 <link rel=author title="Joshua Bell" href="mailto:jsbell@google.com">
-<link rel=help href="https://html.spec.whatwg.org/multipage/webappapis.html#event-loops">
+<link rel=help href="https://html.spec.whatwg.org/multipage/#event-loops">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="resources/common.js"></script>
diff --git a/tests/wpt/web-platform-tests/html/webappapis/scripting/event-loops/task_microtask_ordering.html b/tests/wpt/web-platform-tests/html/webappapis/scripting/event-loops/task_microtask_ordering.html
index a5bb59a99b4..c14a043b6ab 100644
--- a/tests/wpt/web-platform-tests/html/webappapis/scripting/event-loops/task_microtask_ordering.html
+++ b/tests/wpt/web-platform-tests/html/webappapis/scripting/event-loops/task_microtask_ordering.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <title>Task and Microtask Ordering </title>
 <link rel=author title="Joshua Bell" href="mailto:jsbell@google.com">
-<link rel=help href="https://html.spec.whatwg.org/multipage/webappapis.html#event-loops">
+<link rel=help href="https://html.spec.whatwg.org/multipage/#event-loops">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="resources/common.js"></script>
diff --git a/tests/wpt/web-platform-tests/html/webappapis/system-state-and-capabilities/the-navigator-object/get-navigatorlanguage-manual.html b/tests/wpt/web-platform-tests/html/webappapis/system-state-and-capabilities/the-navigator-object/get-navigatorlanguage-manual.html
index 8198df6f0a9..4bdab91121d 100644
--- a/tests/wpt/web-platform-tests/html/webappapis/system-state-and-capabilities/the-navigator-object/get-navigatorlanguage-manual.html
+++ b/tests/wpt/web-platform-tests/html/webappapis/system-state-and-capabilities/the-navigator-object/get-navigatorlanguage-manual.html
@@ -2,7 +2,7 @@
 <meta charset="utf-8">
 <title>NavigatorLanguage: navigator.language returns the user's preferred language</title>
 <link rel="author" title="Intel" href="http://www.intel.com">
-<link rel="help" href="https://html.spec.whatwg.org/multipage/webappapis.html#navigatorlanguage">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/#navigatorlanguage">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <h2>Precondition</h2>
diff --git a/tests/wpt/web-platform-tests/html/webappapis/system-state-and-capabilities/the-navigator-object/navigatorlanguage.html b/tests/wpt/web-platform-tests/html/webappapis/system-state-and-capabilities/the-navigator-object/navigatorlanguage.html
index 72503f7505e..d56df8a3d85 100644
--- a/tests/wpt/web-platform-tests/html/webappapis/system-state-and-capabilities/the-navigator-object/navigatorlanguage.html
+++ b/tests/wpt/web-platform-tests/html/webappapis/system-state-and-capabilities/the-navigator-object/navigatorlanguage.html
@@ -2,7 +2,7 @@
 <meta charset="utf-8">
 <title>NavigatorLanguage: the most preferred language is the one returned by navigator.language</title>
 <link rel="author" title="Intel" href="http://www.intel.com">
-<link rel="help" href="https://html.spec.whatwg.org/multipage/webappapis.html#navigatorlanguage">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/#navigatorlanguage">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <div id="log"></div>
diff --git a/tests/wpt/web-platform-tests/url/resources/testharness-extras.js b/tests/wpt/web-platform-tests/url/resources/testharness-extras.js
deleted file mode 100644
index c812ca64d19..00000000000
--- a/tests/wpt/web-platform-tests/url/resources/testharness-extras.js
+++ /dev/null
@@ -1,11 +0,0 @@
-/*
-Extending the W3C testharness.js with locally useful functionality.
-*/
-
-function assert_type_error(f, msg) {
-    assert_throws(TypeError(), f, msg);
-}
-
-function assert_syntax_error(f, msg) {
-    assert_throws(SyntaxError(), f, msg);
-}
diff --git a/tests/wpt/web-platform-tests/url/urlsearchparams-constructor.html b/tests/wpt/web-platform-tests/url/urlsearchparams-constructor.html
index e2d7b11c100..4e4d5dac35c 100644
--- a/tests/wpt/web-platform-tests/url/urlsearchparams-constructor.html
+++ b/tests/wpt/web-platform-tests/url/urlsearchparams-constructor.html
@@ -5,7 +5,6 @@
 <link rel="help" href="http://url.spec.whatwg.org/#urlsearchparams">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
-<script src="resources/testharness-extras.js"></script>
 <script>
 test(function() {
     var params = new URLSearchParams();
@@ -19,8 +18,9 @@ test(function() {
 }, 'Basic URLSearchParams construction');
 
 test(function() {
-    assert_type_error(function () { URLSearchParams(); }, 'Failed to construct \'URLSearchParams\': Please use the \'new\' operator, this DOM object constructor cannot be called as a function.');
-    assert_type_error(function () { new URLSearchParams(DOMException.prototype); });
+    assert_throws(new TypeError(), function () { URLSearchParams(); },
+                  'Calling \'URLSearchParams\' without \'new\' should throw.');
+    assert_throws(new TypeError(), function () { new URLSearchParams(DOMException.prototype); });
     var params = new URLSearchParams('');
     assert_true(params != null, 'constructor returned non-null value.');
     assert_equals(params.__proto__, URLSearchParams.prototype, 'expected URLSearchParams.prototype as prototype.');
diff --git a/tests/wpt/web-platform-tests/webstorage/document-domain.html b/tests/wpt/web-platform-tests/webstorage/document-domain.html
new file mode 100644
index 00000000000..3232b0d5081
--- /dev/null
+++ b/tests/wpt/web-platform-tests/webstorage/document-domain.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<title>localStorage and document.domain</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+</head>
+<body>
+<div id="log"></div>
+<iframe></iframe>
+<script>
+  async_test(function(t) {
+    frames[0].addEventListener("storage", function(e) {
+      t.step(function() {
+        localStorage.clear()
+        t.done()
+      })
+    })
+    frames[0].document.domain = document.domain
+    localStorage.setItem("test", "test")
+  })
+</script>