[GTK] Gardening, add missing expectation files
https://bugs.webkit.org/show_bug.cgi?id=209588

Unreviewed gardening.

* platform/gtk/editing/selection/vertical-rl-rtl-extend-line-backward-br-mixed-expected.txt: Added.
* platform/gtk/editing/selection/vertical-rl-rtl-extend-line-backward-p-mixed-expected.txt: Added.
* platform/gtk/editing/selection/vertical-rl-rtl-extend-line-forward-br-mixed-expected.txt: Added.
* platform/gtk/editing/selection/vertical-rl-rtl-extend-line-forward-p-mixed-expected.txt: Added.
* platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-center-mixed-expected.txt: Added.
* platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-justify-mixed-expected.txt: Added.
* platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-left-mixed-expected.txt: Added.
* platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-right-mixed-expected.txt: Added.
* platform/gtk/fast/html/details-marker-style-mixed-expected.txt: Added.
* platform/gtk/fast/html/details-writing-mode-mixed-expected.txt: Added.
* platform/gtk/fast/multicol/tall-image-behavior-lr-mixed-expected.txt: Added.
* platform/gtk/fast/text/vertical-rl-rtl-linebreak-mixed-expected.txt: Added.
* platform/gtk/fast/writing-mode/background-vertical-lr-mixed-expected.txt: Added.
* platform/gtk/fast/writing-mode/background-vertical-rl-mixed-expected.txt: Added.
* platform/gtk/fast/writing-mode/basic-vertical-line-mixed-expected.txt: Added.
* platform/gtk/fast/writing-mode/border-styles-vertical-lr-mixed-expected.txt: Added.
* platform/gtk/fast/writing-mode/border-styles-vertical-rl-mixed-expected.txt: Added.
* platform/gtk/fast/writing-mode/vertical-baseline-alignment-mixed-expected.txt: Added.
* platform/gtk/fast/writing-mode/vertical-lr-replaced-selection-mixed-expected.txt: Added.
* platform/gtk/fast/writing-mode/vertical-rl-replaced-selection-mixed-expected.txt: Added.

git-svn-id: http://svn.webkit.org/repository/webkit/trunk@259040 268f45cc-cd09-0410-ab3c-d52691b4dbfc
diff --git a/LayoutTests/ChangeLog b/LayoutTests/ChangeLog
index 38a351b..1ab094a 100644
--- a/LayoutTests/ChangeLog
+++ b/LayoutTests/ChangeLog
@@ -1,3 +1,31 @@
+2020-03-26  Diego Pino Garcia  <dpino@igalia.com>
+
+        [GTK] Gardening, add missing expectation files
+        https://bugs.webkit.org/show_bug.cgi?id=209588
+
+        Unreviewed gardening.
+
+        * platform/gtk/editing/selection/vertical-rl-rtl-extend-line-backward-br-mixed-expected.txt: Added.
+        * platform/gtk/editing/selection/vertical-rl-rtl-extend-line-backward-p-mixed-expected.txt: Added.
+        * platform/gtk/editing/selection/vertical-rl-rtl-extend-line-forward-br-mixed-expected.txt: Added.
+        * platform/gtk/editing/selection/vertical-rl-rtl-extend-line-forward-p-mixed-expected.txt: Added.
+        * platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-center-mixed-expected.txt: Added.
+        * platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-justify-mixed-expected.txt: Added.
+        * platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-left-mixed-expected.txt: Added.
+        * platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-right-mixed-expected.txt: Added.
+        * platform/gtk/fast/html/details-marker-style-mixed-expected.txt: Added.
+        * platform/gtk/fast/html/details-writing-mode-mixed-expected.txt: Added.
+        * platform/gtk/fast/multicol/tall-image-behavior-lr-mixed-expected.txt: Added.
+        * platform/gtk/fast/text/vertical-rl-rtl-linebreak-mixed-expected.txt: Added.
+        * platform/gtk/fast/writing-mode/background-vertical-lr-mixed-expected.txt: Added.
+        * platform/gtk/fast/writing-mode/background-vertical-rl-mixed-expected.txt: Added.
+        * platform/gtk/fast/writing-mode/basic-vertical-line-mixed-expected.txt: Added.
+        * platform/gtk/fast/writing-mode/border-styles-vertical-lr-mixed-expected.txt: Added.
+        * platform/gtk/fast/writing-mode/border-styles-vertical-rl-mixed-expected.txt: Added.
+        * platform/gtk/fast/writing-mode/vertical-baseline-alignment-mixed-expected.txt: Added.
+        * platform/gtk/fast/writing-mode/vertical-lr-replaced-selection-mixed-expected.txt: Added.
+        * platform/gtk/fast/writing-mode/vertical-rl-replaced-selection-mixed-expected.txt: Added.
+
 2020-03-25  Ryan Haddad  <ryanhaddad@apple.com>
 
         Unreviewed test gardening for Win10.
diff --git a/LayoutTests/platform/gtk/editing/selection/vertical-rl-rtl-extend-line-backward-br-mixed-expected.txt b/LayoutTests/platform/gtk/editing/selection/vertical-rl-rtl-extend-line-backward-br-mixed-expected.txt
new file mode 100644
index 0000000..40083be2
--- /dev/null
+++ b/LayoutTests/platform/gtk/editing/selection/vertical-rl-rtl-extend-line-backward-br-mixed-expected.txt
@@ -0,0 +1,18 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x221
+  RenderBlock {HTML} at (0,0) size 800x222
+    RenderBody {BODY} at (8,16) size 784x193
+      RenderBlock {P} at (0,0) size 784x18
+        RenderText {#text} at (0,0) size 388x17
+          text run at (0,0) width 388: "This tests horizontal caret movement in vertical writing mode."
+      RenderBlock {DIV} at (0,34) size 86x159
+        RenderBlock {P} at (20,0) size 46x159
+          RenderText {#text} at (0,50) size 23x109
+            text run at (0,50) width 108 RTL: "\x{5D0}\x{5E0}\x{5D9} \x{5D7}\x{5EA}\x{5D5}\x{5DC}."
+          RenderBR {BR} at (0,50) size 23x1
+          RenderText {#text} at (23,38) size 23x121
+            text run at (23,38) width 120 RTL: "\x{5D0}\x{5D9}\x{5DF} \x{5DC}\x{5D9} \x{5E9}\x{5DD}."
+      RenderBlock {PRE} at (0,205) size 784x0
+selection start: position 5 of child 0 {#text} of child 1 {P} of child 3 {DIV} of body
+selection end:   position 5 of child 2 {#text} of child 1 {P} of child 3 {DIV} of body
diff --git a/LayoutTests/platform/gtk/editing/selection/vertical-rl-rtl-extend-line-backward-p-mixed-expected.txt b/LayoutTests/platform/gtk/editing/selection/vertical-rl-rtl-extend-line-backward-p-mixed-expected.txt
new file mode 100644
index 0000000..fd8d591
--- /dev/null
+++ b/LayoutTests/platform/gtk/editing/selection/vertical-rl-rtl-extend-line-backward-p-mixed-expected.txt
@@ -0,0 +1,18 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x221
+  RenderBlock {HTML} at (0,0) size 800x222
+    RenderBody {BODY} at (8,16) size 784x193
+      RenderBlock {P} at (0,0) size 784x18
+        RenderText {#text} at (0,0) size 388x17
+          text run at (0,0) width 388: "This tests horizontal caret movement in vertical writing mode."
+      RenderBlock {DIV} at (0,34) size 106x159
+        RenderBlock {P} at (20,0) size 23x159
+          RenderText {#text} at (0,50) size 23x109
+            text run at (0,50) width 108 RTL: "\x{5D0}\x{5E0}\x{5D9} \x{5D7}\x{5EA}\x{5D5}\x{5DC}."
+        RenderBlock {P} at (63,0) size 23x159
+          RenderText {#text} at (0,38) size 23x121
+            text run at (0,38) width 120 RTL: "\x{5D0}\x{5D9}\x{5DF} \x{5DC}\x{5D9} \x{5E9}\x{5DD}."
+      RenderBlock {PRE} at (0,205) size 784x0
+selection start: position 5 of child 0 {#text} of child 1 {P} of child 3 {DIV} of body
+selection end:   position 5 of child 0 {#text} of child 2 {P} of child 3 {DIV} of body
diff --git a/LayoutTests/platform/gtk/editing/selection/vertical-rl-rtl-extend-line-forward-br-mixed-expected.txt b/LayoutTests/platform/gtk/editing/selection/vertical-rl-rtl-extend-line-forward-br-mixed-expected.txt
new file mode 100644
index 0000000..40083be2
--- /dev/null
+++ b/LayoutTests/platform/gtk/editing/selection/vertical-rl-rtl-extend-line-forward-br-mixed-expected.txt
@@ -0,0 +1,18 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x221
+  RenderBlock {HTML} at (0,0) size 800x222
+    RenderBody {BODY} at (8,16) size 784x193
+      RenderBlock {P} at (0,0) size 784x18
+        RenderText {#text} at (0,0) size 388x17
+          text run at (0,0) width 388: "This tests horizontal caret movement in vertical writing mode."
+      RenderBlock {DIV} at (0,34) size 86x159
+        RenderBlock {P} at (20,0) size 46x159
+          RenderText {#text} at (0,50) size 23x109
+            text run at (0,50) width 108 RTL: "\x{5D0}\x{5E0}\x{5D9} \x{5D7}\x{5EA}\x{5D5}\x{5DC}."
+          RenderBR {BR} at (0,50) size 23x1
+          RenderText {#text} at (23,38) size 23x121
+            text run at (23,38) width 120 RTL: "\x{5D0}\x{5D9}\x{5DF} \x{5DC}\x{5D9} \x{5E9}\x{5DD}."
+      RenderBlock {PRE} at (0,205) size 784x0
+selection start: position 5 of child 0 {#text} of child 1 {P} of child 3 {DIV} of body
+selection end:   position 5 of child 2 {#text} of child 1 {P} of child 3 {DIV} of body
diff --git a/LayoutTests/platform/gtk/editing/selection/vertical-rl-rtl-extend-line-forward-p-mixed-expected.txt b/LayoutTests/platform/gtk/editing/selection/vertical-rl-rtl-extend-line-forward-p-mixed-expected.txt
new file mode 100644
index 0000000..fd8d591
--- /dev/null
+++ b/LayoutTests/platform/gtk/editing/selection/vertical-rl-rtl-extend-line-forward-p-mixed-expected.txt
@@ -0,0 +1,18 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x221
+  RenderBlock {HTML} at (0,0) size 800x222
+    RenderBody {BODY} at (8,16) size 784x193
+      RenderBlock {P} at (0,0) size 784x18
+        RenderText {#text} at (0,0) size 388x17
+          text run at (0,0) width 388: "This tests horizontal caret movement in vertical writing mode."
+      RenderBlock {DIV} at (0,34) size 106x159
+        RenderBlock {P} at (20,0) size 23x159
+          RenderText {#text} at (0,50) size 23x109
+            text run at (0,50) width 108 RTL: "\x{5D0}\x{5E0}\x{5D9} \x{5D7}\x{5EA}\x{5D5}\x{5DC}."
+        RenderBlock {P} at (63,0) size 23x159
+          RenderText {#text} at (0,38) size 23x121
+            text run at (0,38) width 120 RTL: "\x{5D0}\x{5D9}\x{5DF} \x{5DC}\x{5D9} \x{5E9}\x{5DD}."
+      RenderBlock {PRE} at (0,205) size 784x0
+selection start: position 5 of child 0 {#text} of child 1 {P} of child 3 {DIV} of body
+selection end:   position 5 of child 0 {#text} of child 2 {P} of child 3 {DIV} of body
diff --git a/LayoutTests/platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-center-mixed-expected.txt b/LayoutTests/platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-center-mixed-expected.txt
new file mode 100644
index 0000000..857cc50
--- /dev/null
+++ b/LayoutTests/platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-center-mixed-expected.txt
@@ -0,0 +1,93 @@
+layer at (0,0) size 785x2974
+  RenderView at (0,0) size 785x600
+layer at (0,0) size 785x2974
+  RenderBlock {HTML} at (0,0) size 785x2974
+    RenderBody {BODY} at (8,8) size 769x2946
+      RenderBlock {H3} at (0,0) size 769x22
+        RenderText {#text} at (0,0) size 84x21
+          text run at (0,0) width 84: "Single line"
+      RenderBlock {H3} at (0,370) size 769x23
+        RenderText {#text} at (0,0) size 79x21
+          text run at (0,0) width 79: "Multi line"
+      RenderBlock {H3} at (0,741) size 769x23
+        RenderText {#text} at (0,0) size 232x21
+          text run at (0,0) width 232: "Containing replaced content"
+      RenderBlock {H3} at (0,1112) size 769x23
+        RenderText {#text} at (0,0) size 396x21
+          text run at (0,0) width 396: "Containing replaced content blocking the ellipsis"
+      RenderBlock {H3} at (0,1482) size 769x23
+        RenderText {#text} at (0,0) size 198x21
+          text run at (0,0) width 198: "Right-To-Left single line"
+      RenderBlock {H3} at (0,1853) size 769x23
+        RenderText {#text} at (0,0) size 197x21
+          text run at (0,0) width 197: "Right-To-Left Multi line"
+      RenderBlock {H3} at (0,2224) size 769x23
+        RenderText {#text} at (0,0) size 343x21
+          text run at (0,0) width 343: "Right-To-Left containing replaced content"
+      RenderBlock {H3} at (0,2595) size 769x23
+        RenderText {#text} at (0,0) size 507x21
+          text run at (0,0) width 507: "Right-To-Left containing replaced content blocking the ellipsis"
+layer at (8,49) size 20x310 clip at (9,50) size 18x308 scrollHeight 718
+  RenderBlock {DIV} at (0,40) size 20x311 [border: (1px solid #000000)]
+    RenderText {#text} at (1,1) size 17x719
+      text run at (1,1) width 719: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,419) size 74x310 clip at (9,420) size 72x308 scrollHeight 718
+  RenderBlock {DIV} at (0,411) size 74x311 [border: (1px solid #000000)]
+    RenderText {#text} at (1,1) size 17x719
+      text run at (1,1) width 719: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (19,1) size 17x709
+      text run at (19,1) width 709: "orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (37,1) size 17x701
+      text run at (37,1) width 701: "rem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (55,1) size 17x696
+      text run at (55,1) width 696: "em ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+layer at (8,790) size 27x310 clip at (9,791) size 25x308 scrollHeight 747
+  RenderBlock {DIV} at (0,782) size 27x311 [border: (1px solid #000000)]
+    RenderText {#text} at (5,1) size 17x181
+      text run at (5,1) width 181: "Lorem ipsum dolor sit amet, "
+    RenderImage {IMG} at (1,182) size 25x25
+    RenderText {#text} at (5,207) size 17x542
+      text run at (5,207) width 542: " consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,1161) size 27x310 clip at (9,1162) size 25x308 scrollHeight 743
+  RenderBlock {DIV} at (0,1152) size 27x311 [border: (1px solid #000000)]
+    RenderText {#text} at (5,1) size 17x271
+      text run at (5,1) width 271: "Lorem ipsum dolor sit amet, consectetur ad"
+    RenderImage {IMG} at (1,272) size 25x25
+    RenderText {#text} at (5,297) size 17x448
+      text run at (5,297) width 448: "ipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,1532) size 20x310 clip at (9,1533) size 18x308 scrollY 410 scrollHeight 718
+  RenderBlock {DIV} at (0,1523) size 20x311 [border: (1px solid #000000)]
+    RenderText {#text} at (1,-409) size 17x719
+      text run at (1,-409) width 719 RTL override: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,1902) size 74x310 clip at (9,1903) size 72x308 scrollY 410 scrollHeight 718
+  RenderBlock {DIV} at (0,1894) size 74x311 [border: (1px solid #000000)]
+    RenderText {#text} at (1,-409) size 17x719
+      text run at (1,-409) width 719 RTL override: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (19,-399) size 17x709
+      text run at (19,-399) width 709 RTL override: "orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (37,-391) size 17x701
+      text run at (37,-391) width 701 RTL override: "rem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (55,-386) size 17x696
+      text run at (55,-386) width 696 RTL override: "em ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+layer at (8,2273) size 27x310 clip at (9,2274) size 25x308 scrollY 439 scrollHeight 747
+  RenderBlock {DIV} at (0,2265) size 27x311 [border: (1px solid #000000)]
+    RenderText {#text} at (5,128) size 17x181
+      text run at (5,128) width 181 RTL override: "Lorem ipsum dolor sit amet, "
+    RenderImage {IMG} at (1,103) size 25x25
+    RenderText {#text} at (5,-438) size 17x542
+      text run at (5,-438) width 542 RTL override: " consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,2644) size 27x310 clip at (9,2645) size 25x308 scrollY 435 scrollHeight 743
+  RenderBlock {DIV} at (0,2635) size 27x311 [border: (1px solid #000000)]
+    RenderText {#text} at (5,38) size 17x271
+      text run at (5,38) width 271 RTL override: "Lorem ipsum dolor sit amet, consectetur ad"
+    RenderImage {IMG} at (1,13) size 25x25
+    RenderText {#text} at (5,-434) size 17x448
+      text run at (5,-434) width 448 RTL override: "ipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
diff --git a/LayoutTests/platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-justify-mixed-expected.txt b/LayoutTests/platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-justify-mixed-expected.txt
new file mode 100644
index 0000000..38860b6
--- /dev/null
+++ b/LayoutTests/platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-justify-mixed-expected.txt
@@ -0,0 +1,93 @@
+layer at (0,0) size 785x2974
+  RenderView at (0,0) size 785x600
+layer at (0,0) size 785x2974
+  RenderBlock {HTML} at (0,0) size 785x2974
+    RenderBody {BODY} at (8,8) size 769x2946
+      RenderBlock {H3} at (0,0) size 769x22
+        RenderText {#text} at (0,0) size 84x21
+          text run at (0,0) width 84: "Single line"
+      RenderBlock {H3} at (0,370) size 769x23
+        RenderText {#text} at (0,0) size 79x21
+          text run at (0,0) width 79: "Multi line"
+      RenderBlock {H3} at (0,741) size 769x23
+        RenderText {#text} at (0,0) size 232x21
+          text run at (0,0) width 232: "Containing replaced content"
+      RenderBlock {H3} at (0,1112) size 769x23
+        RenderText {#text} at (0,0) size 396x21
+          text run at (0,0) width 396: "Containing replaced content blocking the ellipsis"
+      RenderBlock {H3} at (0,1482) size 769x23
+        RenderText {#text} at (0,0) size 198x21
+          text run at (0,0) width 198: "Right-To-Left single line"
+      RenderBlock {H3} at (0,1853) size 769x23
+        RenderText {#text} at (0,0) size 197x21
+          text run at (0,0) width 197: "Right-To-Left Multi line"
+      RenderBlock {H3} at (0,2224) size 769x23
+        RenderText {#text} at (0,0) size 343x21
+          text run at (0,0) width 343: "Right-To-Left containing replaced content"
+      RenderBlock {H3} at (0,2595) size 769x23
+        RenderText {#text} at (0,0) size 507x21
+          text run at (0,0) width 507: "Right-To-Left containing replaced content blocking the ellipsis"
+layer at (8,49) size 20x310 clip at (9,50) size 18x308 scrollHeight 718
+  RenderBlock {DIV} at (0,40) size 20x311 [border: (1px solid #000000)]
+    RenderText {#text} at (1,1) size 17x719
+      text run at (1,1) width 719: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,419) size 74x310 clip at (9,420) size 72x308 scrollHeight 718
+  RenderBlock {DIV} at (0,411) size 74x311 [border: (1px solid #000000)]
+    RenderText {#text} at (1,1) size 17x719
+      text run at (1,1) width 719: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (19,1) size 17x709
+      text run at (19,1) width 709: "orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (37,1) size 17x701
+      text run at (37,1) width 701: "rem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (55,1) size 17x696
+      text run at (55,1) width 696: "em ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+layer at (8,790) size 27x310 clip at (9,791) size 25x308 scrollHeight 747
+  RenderBlock {DIV} at (0,782) size 27x311 [border: (1px solid #000000)]
+    RenderText {#text} at (5,1) size 17x181
+      text run at (5,1) width 181: "Lorem ipsum dolor sit amet, "
+    RenderImage {IMG} at (1,182) size 25x25
+    RenderText {#text} at (5,207) size 17x542
+      text run at (5,207) width 542: " consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,1161) size 27x310 clip at (9,1162) size 25x308 scrollHeight 743
+  RenderBlock {DIV} at (0,1152) size 27x311 [border: (1px solid #000000)]
+    RenderText {#text} at (5,1) size 17x271
+      text run at (5,1) width 271: "Lorem ipsum dolor sit amet, consectetur ad"
+    RenderImage {IMG} at (1,272) size 25x25
+    RenderText {#text} at (5,297) size 17x448
+      text run at (5,297) width 448: "ipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,1532) size 20x310 clip at (9,1533) size 18x308 scrollY 410 scrollHeight 718
+  RenderBlock {DIV} at (0,1523) size 20x311 [border: (1px solid #000000)]
+    RenderText {#text} at (1,-409) size 17x719
+      text run at (1,-409) width 719 RTL override: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,1902) size 74x310 clip at (9,1903) size 72x308
+  RenderBlock {DIV} at (0,1894) size 74x311 [border: (1px solid #000000)]
+    RenderText {#text} at (1,1) size 17x719
+      text run at (1,1) width 719 RTL override: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (19,1) size 17x709
+      text run at (19,1) width 709 RTL override: "orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (37,1) size 17x701
+      text run at (37,1) width 701 RTL override: "rem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (55,1) size 17x696
+      text run at (55,1) width 696 RTL override: "em ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+layer at (8,2273) size 27x310 clip at (9,2274) size 25x308 scrollY 439 scrollHeight 747
+  RenderBlock {DIV} at (0,2265) size 27x311 [border: (1px solid #000000)]
+    RenderText {#text} at (5,128) size 17x181
+      text run at (5,128) width 181 RTL override: "Lorem ipsum dolor sit amet, "
+    RenderImage {IMG} at (1,103) size 25x25
+    RenderText {#text} at (5,-438) size 17x542
+      text run at (5,-438) width 542 RTL override: " consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,2644) size 27x310 clip at (9,2645) size 25x308 scrollY 435 scrollHeight 743
+  RenderBlock {DIV} at (0,2635) size 27x311 [border: (1px solid #000000)]
+    RenderText {#text} at (5,38) size 17x271
+      text run at (5,38) width 271 RTL override: "Lorem ipsum dolor sit amet, consectetur ad"
+    RenderImage {IMG} at (1,13) size 25x25
+    RenderText {#text} at (5,-434) size 17x448
+      text run at (5,-434) width 448 RTL override: "ipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
diff --git a/LayoutTests/platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-left-mixed-expected.txt b/LayoutTests/platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-left-mixed-expected.txt
new file mode 100644
index 0000000..857cc50
--- /dev/null
+++ b/LayoutTests/platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-left-mixed-expected.txt
@@ -0,0 +1,93 @@
+layer at (0,0) size 785x2974
+  RenderView at (0,0) size 785x600
+layer at (0,0) size 785x2974
+  RenderBlock {HTML} at (0,0) size 785x2974
+    RenderBody {BODY} at (8,8) size 769x2946
+      RenderBlock {H3} at (0,0) size 769x22
+        RenderText {#text} at (0,0) size 84x21
+          text run at (0,0) width 84: "Single line"
+      RenderBlock {H3} at (0,370) size 769x23
+        RenderText {#text} at (0,0) size 79x21
+          text run at (0,0) width 79: "Multi line"
+      RenderBlock {H3} at (0,741) size 769x23
+        RenderText {#text} at (0,0) size 232x21
+          text run at (0,0) width 232: "Containing replaced content"
+      RenderBlock {H3} at (0,1112) size 769x23
+        RenderText {#text} at (0,0) size 396x21
+          text run at (0,0) width 396: "Containing replaced content blocking the ellipsis"
+      RenderBlock {H3} at (0,1482) size 769x23
+        RenderText {#text} at (0,0) size 198x21
+          text run at (0,0) width 198: "Right-To-Left single line"
+      RenderBlock {H3} at (0,1853) size 769x23
+        RenderText {#text} at (0,0) size 197x21
+          text run at (0,0) width 197: "Right-To-Left Multi line"
+      RenderBlock {H3} at (0,2224) size 769x23
+        RenderText {#text} at (0,0) size 343x21
+          text run at (0,0) width 343: "Right-To-Left containing replaced content"
+      RenderBlock {H3} at (0,2595) size 769x23
+        RenderText {#text} at (0,0) size 507x21
+          text run at (0,0) width 507: "Right-To-Left containing replaced content blocking the ellipsis"
+layer at (8,49) size 20x310 clip at (9,50) size 18x308 scrollHeight 718
+  RenderBlock {DIV} at (0,40) size 20x311 [border: (1px solid #000000)]
+    RenderText {#text} at (1,1) size 17x719
+      text run at (1,1) width 719: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,419) size 74x310 clip at (9,420) size 72x308 scrollHeight 718
+  RenderBlock {DIV} at (0,411) size 74x311 [border: (1px solid #000000)]
+    RenderText {#text} at (1,1) size 17x719
+      text run at (1,1) width 719: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (19,1) size 17x709
+      text run at (19,1) width 709: "orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (37,1) size 17x701
+      text run at (37,1) width 701: "rem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (55,1) size 17x696
+      text run at (55,1) width 696: "em ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+layer at (8,790) size 27x310 clip at (9,791) size 25x308 scrollHeight 747
+  RenderBlock {DIV} at (0,782) size 27x311 [border: (1px solid #000000)]
+    RenderText {#text} at (5,1) size 17x181
+      text run at (5,1) width 181: "Lorem ipsum dolor sit amet, "
+    RenderImage {IMG} at (1,182) size 25x25
+    RenderText {#text} at (5,207) size 17x542
+      text run at (5,207) width 542: " consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,1161) size 27x310 clip at (9,1162) size 25x308 scrollHeight 743
+  RenderBlock {DIV} at (0,1152) size 27x311 [border: (1px solid #000000)]
+    RenderText {#text} at (5,1) size 17x271
+      text run at (5,1) width 271: "Lorem ipsum dolor sit amet, consectetur ad"
+    RenderImage {IMG} at (1,272) size 25x25
+    RenderText {#text} at (5,297) size 17x448
+      text run at (5,297) width 448: "ipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,1532) size 20x310 clip at (9,1533) size 18x308 scrollY 410 scrollHeight 718
+  RenderBlock {DIV} at (0,1523) size 20x311 [border: (1px solid #000000)]
+    RenderText {#text} at (1,-409) size 17x719
+      text run at (1,-409) width 719 RTL override: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,1902) size 74x310 clip at (9,1903) size 72x308 scrollY 410 scrollHeight 718
+  RenderBlock {DIV} at (0,1894) size 74x311 [border: (1px solid #000000)]
+    RenderText {#text} at (1,-409) size 17x719
+      text run at (1,-409) width 719 RTL override: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (19,-399) size 17x709
+      text run at (19,-399) width 709 RTL override: "orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (37,-391) size 17x701
+      text run at (37,-391) width 701 RTL override: "rem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (55,-386) size 17x696
+      text run at (55,-386) width 696 RTL override: "em ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+layer at (8,2273) size 27x310 clip at (9,2274) size 25x308 scrollY 439 scrollHeight 747
+  RenderBlock {DIV} at (0,2265) size 27x311 [border: (1px solid #000000)]
+    RenderText {#text} at (5,128) size 17x181
+      text run at (5,128) width 181 RTL override: "Lorem ipsum dolor sit amet, "
+    RenderImage {IMG} at (1,103) size 25x25
+    RenderText {#text} at (5,-438) size 17x542
+      text run at (5,-438) width 542 RTL override: " consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,2644) size 27x310 clip at (9,2645) size 25x308 scrollY 435 scrollHeight 743
+  RenderBlock {DIV} at (0,2635) size 27x311 [border: (1px solid #000000)]
+    RenderText {#text} at (5,38) size 17x271
+      text run at (5,38) width 271 RTL override: "Lorem ipsum dolor sit amet, consectetur ad"
+    RenderImage {IMG} at (1,13) size 25x25
+    RenderText {#text} at (5,-434) size 17x448
+      text run at (5,-434) width 448 RTL override: "ipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
diff --git a/LayoutTests/platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-right-mixed-expected.txt b/LayoutTests/platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-right-mixed-expected.txt
new file mode 100644
index 0000000..857cc50
--- /dev/null
+++ b/LayoutTests/platform/gtk/fast/css/vertical-text-overflow-ellipsis-text-align-right-mixed-expected.txt
@@ -0,0 +1,93 @@
+layer at (0,0) size 785x2974
+  RenderView at (0,0) size 785x600
+layer at (0,0) size 785x2974
+  RenderBlock {HTML} at (0,0) size 785x2974
+    RenderBody {BODY} at (8,8) size 769x2946
+      RenderBlock {H3} at (0,0) size 769x22
+        RenderText {#text} at (0,0) size 84x21
+          text run at (0,0) width 84: "Single line"
+      RenderBlock {H3} at (0,370) size 769x23
+        RenderText {#text} at (0,0) size 79x21
+          text run at (0,0) width 79: "Multi line"
+      RenderBlock {H3} at (0,741) size 769x23
+        RenderText {#text} at (0,0) size 232x21
+          text run at (0,0) width 232: "Containing replaced content"
+      RenderBlock {H3} at (0,1112) size 769x23
+        RenderText {#text} at (0,0) size 396x21
+          text run at (0,0) width 396: "Containing replaced content blocking the ellipsis"
+      RenderBlock {H3} at (0,1482) size 769x23
+        RenderText {#text} at (0,0) size 198x21
+          text run at (0,0) width 198: "Right-To-Left single line"
+      RenderBlock {H3} at (0,1853) size 769x23
+        RenderText {#text} at (0,0) size 197x21
+          text run at (0,0) width 197: "Right-To-Left Multi line"
+      RenderBlock {H3} at (0,2224) size 769x23
+        RenderText {#text} at (0,0) size 343x21
+          text run at (0,0) width 343: "Right-To-Left containing replaced content"
+      RenderBlock {H3} at (0,2595) size 769x23
+        RenderText {#text} at (0,0) size 507x21
+          text run at (0,0) width 507: "Right-To-Left containing replaced content blocking the ellipsis"
+layer at (8,49) size 20x310 clip at (9,50) size 18x308 scrollHeight 718
+  RenderBlock {DIV} at (0,40) size 20x311 [border: (1px solid #000000)]
+    RenderText {#text} at (1,1) size 17x719
+      text run at (1,1) width 719: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,419) size 74x310 clip at (9,420) size 72x308 scrollHeight 718
+  RenderBlock {DIV} at (0,411) size 74x311 [border: (1px solid #000000)]
+    RenderText {#text} at (1,1) size 17x719
+      text run at (1,1) width 719: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (19,1) size 17x709
+      text run at (19,1) width 709: "orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (37,1) size 17x701
+      text run at (37,1) width 701: "rem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (55,1) size 17x696
+      text run at (55,1) width 696: "em ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+layer at (8,790) size 27x310 clip at (9,791) size 25x308 scrollHeight 747
+  RenderBlock {DIV} at (0,782) size 27x311 [border: (1px solid #000000)]
+    RenderText {#text} at (5,1) size 17x181
+      text run at (5,1) width 181: "Lorem ipsum dolor sit amet, "
+    RenderImage {IMG} at (1,182) size 25x25
+    RenderText {#text} at (5,207) size 17x542
+      text run at (5,207) width 542: " consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,1161) size 27x310 clip at (9,1162) size 25x308 scrollHeight 743
+  RenderBlock {DIV} at (0,1152) size 27x311 [border: (1px solid #000000)]
+    RenderText {#text} at (5,1) size 17x271
+      text run at (5,1) width 271: "Lorem ipsum dolor sit amet, consectetur ad"
+    RenderImage {IMG} at (1,272) size 25x25
+    RenderText {#text} at (5,297) size 17x448
+      text run at (5,297) width 448: "ipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,1532) size 20x310 clip at (9,1533) size 18x308 scrollY 410 scrollHeight 718
+  RenderBlock {DIV} at (0,1523) size 20x311 [border: (1px solid #000000)]
+    RenderText {#text} at (1,-409) size 17x719
+      text run at (1,-409) width 719 RTL override: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,1902) size 74x310 clip at (9,1903) size 72x308 scrollY 410 scrollHeight 718
+  RenderBlock {DIV} at (0,1894) size 74x311 [border: (1px solid #000000)]
+    RenderText {#text} at (1,-409) size 17x719
+      text run at (1,-409) width 719 RTL override: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (19,-399) size 17x709
+      text run at (19,-399) width 709 RTL override: "orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (37,-391) size 17x701
+      text run at (37,-391) width 701 RTL override: "rem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+    RenderText {#text} at (55,-386) size 17x696
+      text run at (55,-386) width 696 RTL override: "em ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+    RenderBR {BR} at (0,0) size 0x0
+layer at (8,2273) size 27x310 clip at (9,2274) size 25x308 scrollY 439 scrollHeight 747
+  RenderBlock {DIV} at (0,2265) size 27x311 [border: (1px solid #000000)]
+    RenderText {#text} at (5,128) size 17x181
+      text run at (5,128) width 181 RTL override: "Lorem ipsum dolor sit amet, "
+    RenderImage {IMG} at (1,103) size 25x25
+    RenderText {#text} at (5,-438) size 17x542
+      text run at (5,-438) width 542 RTL override: " consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,2644) size 27x310 clip at (9,2645) size 25x308 scrollY 435 scrollHeight 743
+  RenderBlock {DIV} at (0,2635) size 27x311 [border: (1px solid #000000)]
+    RenderText {#text} at (5,38) size 17x271
+      text run at (5,38) width 271 RTL override: "Lorem ipsum dolor sit amet, consectetur ad"
+    RenderImage {IMG} at (1,13) size 25x25
+    RenderText {#text} at (5,-434) size 17x448
+      text run at (5,-434) width 448 RTL override: "ipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
diff --git a/LayoutTests/platform/gtk/fast/html/details-marker-style-mixed-expected.txt b/LayoutTests/platform/gtk/fast/html/details-marker-style-mixed-expected.txt
new file mode 100644
index 0000000..3d93137
--- /dev/null
+++ b/LayoutTests/platform/gtk/fast/html/details-marker-style-mixed-expected.txt
@@ -0,0 +1,29 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x455
+  RenderBlock {HTML} at (0,0) size 800x455
+    RenderBody {BODY} at (8,8) size 784x439
+      RenderBlock {DIV} at (0,0) size 784x85
+        RenderBlock {DETAILS} at (0,0) size 784x85
+          RenderBlock {SUMMARY} at (0,0) size 784x85
+            RenderDetailsMarker {DIV} at (0,0) size 112x80 [border: (8px solid #00FF00) (16px solid #00FF00) (24px solid #00FF00) (32px solid #00FF00)]: right
+            RenderText {#text} at (121,58) size 95x26
+              text run at (121,58) width 95: "Summary"
+      RenderBlock {DIV} at (0,85) size 121x174
+        RenderBlock {DETAILS} at (0,0) size 121x174
+          RenderBlock {SUMMARY} at (0,0) size 121x174
+            RenderDetailsMarker {DIV} at (9,0) size 113x80 [border: (8px solid #00FF00) (16px solid #00FF00) (24px solid #00FF00) (32px solid #00FF00)]: down
+            RenderText {#text} at (48,79) size 26x95
+              text run at (48,79) width 94: "Summary"
+      RenderBlock {DIV} at (0,258) size 784x47
+        RenderBlock {DETAILS} at (0,0) size 784x46
+          RenderBlock {SUMMARY} at (0,0) size 784x46
+            RenderDetailsMarker {DIV} at (0,0) size 64x40 [border: (8px solid #00FF00)]: right
+            RenderText {#text} at (73,19) size 95x26
+              text run at (73,19) width 95: "Summary"
+      RenderBlock {DIV} at (0,304) size 73x135
+        RenderBlock {DETAILS} at (0,0) size 73x134
+          RenderBlock {SUMMARY} at (0,0) size 73x134
+            RenderDetailsMarker {DIV} at (9,0) size 65x40 [border: (8px solid #00FF00)]: down
+            RenderText {#text} at (24,40) size 26x94
+              text run at (24,40) width 94: "Summary"
diff --git a/LayoutTests/platform/gtk/fast/html/details-writing-mode-mixed-expected.txt b/LayoutTests/platform/gtk/fast/html/details-writing-mode-mixed-expected.txt
new file mode 100644
index 0000000..12bc92e
--- /dev/null
+++ b/LayoutTests/platform/gtk/fast/html/details-writing-mode-mixed-expected.txt
@@ -0,0 +1,543 @@
+layer at (0,0) size 785x1478
+  RenderView at (0,0) size 785x600
+layer at (0,0) size 785x1478
+  RenderBlock {HTML} at (0,0) size 785x1478
+    RenderBody {BODY} at (8,8) size 769x1462
+      RenderTable {TABLE} at (0,0) size 612x352 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 610x350
+          RenderTableRow {TR} at (0,2) size 610x30
+            RenderTableCell {TH} at (2,2) size 606x30 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=6]
+              RenderText {#text} at (227,6) size 152x17
+                text run at (227,6) width 152: "text-align not specified"
+          RenderTableRow {TR} at (0,34) size 610x30
+            RenderTableCell {TH} at (2,50) size 102x30 [border: (1px inset #808080)] [r=1 c=0 rs=2 cs=2]
+              RenderText {#text} at (48,6) size 5x17
+                text run at (48,6) width 5: " "
+            RenderTableCell {TH} at (105,34) size 503x30 [border: (1px inset #808080)] [r=1 c=2 rs=1 cs=4]
+              RenderText {#text} at (177,6) size 148x17
+                text run at (177,6) width 148: "-webkit-writing-mode"
+          RenderTableRow {TR} at (0,66) size 610x30
+            RenderTableCell {TH} at (105,66) size 125x30 [border: (1px inset #808080)] [r=2 c=2 rs=1 cs=1]
+              RenderText {#text} at (18,6) size 88x17
+                text run at (18,6) width 88: "horizontal-tb"
+            RenderTableCell {TH} at (231,66) size 125x30 [border: (1px inset #808080)] [r=2 c=3 rs=1 cs=1]
+              RenderText {#text} at (18,6) size 88x17
+                text run at (18,6) width 88: "horizontal-bt"
+            RenderTableCell {TH} at (357,66) size 125x30 [border: (1px inset #808080)] [r=2 c=4 rs=1 cs=1]
+              RenderText {#text} at (29,6) size 66x17
+                text run at (29,6) width 66: "vertical-lr"
+            RenderTableCell {TH} at (483,66) size 125x30 [border: (1px inset #808080)] [r=2 c=5 rs=1 cs=1]
+              RenderText {#text} at (29,6) size 66x17
+                text run at (29,6) width 66: "vertical-rl"
+          RenderTableRow {TR} at (0,98) size 610x124
+            RenderTableCell {TH} at (2,208) size 72x30 [border: (1px inset #808080)] [r=3 c=0 rs=4 cs=1]
+              RenderText {#text} at (6,6) size 60x17
+                text run at (6,6) width 60: "direction"
+            RenderTableCell {TH} at (75,145) size 29x30 [border: (1px inset #808080)] [r=3 c=1 rs=1 cs=1]
+              RenderText {#text} at (6,6) size 16x17
+                text run at (6,6) width 16: "ltr"
+            RenderTableCell {TD} at (105,98) size 125x124 [border: (1px solid #000000)] [r=3 c=2 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (0,4) size 11x11: right
+                    RenderText {#text} at (16,0) size 59x17
+                      text run at (16,0) width 59: "summary"
+                RenderBlock {DETAILS} at (0,18) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (0,4) size 11x11: down
+                    RenderText {#text} at (16,0) size 59x17
+                      text run at (16,0) width 59: "summary"
+            RenderTableCell {TD} at (231,98) size 125x124 [border: (1px solid #000000)] [r=3 c=3 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (0,2) size 11x11: right
+                    RenderText {#text} at (16,0) size 59x17
+                      text run at (16,0) width 59: "summary"
+                RenderBlock {DETAILS} at (0,18) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (0,2) size 11x11: up
+                    RenderText {#text} at (16,0) size 59x17
+                      text run at (16,0) width 59: "summary"
+            RenderTableCell {TD} at (357,98) size 125x124 [border: (1px solid #000000)] [r=3 c=4 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (0,0) size 11x11: down
+                    RenderText {#text} at (0,10) size 18x59
+                      text run at (0,10) width 59: "summary"
+                RenderBlock {DETAILS} at (18,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (0,0) size 11x11: right
+                    RenderText {#text} at (0,10) size 18x59
+                      text run at (0,10) width 59: "summary"
+            RenderTableCell {TD} at (483,98) size 125x124 [border: (1px solid #000000)] [r=3 c=5 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (7,0) size 11x11: down
+                    RenderText {#text} at (0,10) size 17x59
+                      text run at (0,10) width 58: "summary"
+                RenderBlock {DETAILS} at (18,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (7,0) size 11x11: left
+                    RenderText {#text} at (0,10) size 17x59
+                      text run at (0,10) width 58: "summary"
+          RenderTableRow {TR} at (0,224) size 610x124
+            RenderTableCell {TH} at (75,271) size 29x30 [border: (1px inset #808080)] [r=4 c=1 rs=1 cs=1]
+              RenderText {#text} at (6,6) size 16x17
+                text run at (6,6) width 16: "rtl"
+            RenderTableCell {TD} at (105,224) size 125x124 [border: (1px solid #000000)] [r=4 c=2 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (103,4) size 11x11: left
+                    RenderText {#text} at (45,0) size 59x17
+                      text run at (45,0) width 59: "summary"
+                RenderBlock {DETAILS} at (0,18) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (103,4) size 11x11: down
+                    RenderText {#text} at (45,0) size 59x17
+                      text run at (45,0) width 59: "summary"
+            RenderTableCell {TD} at (231,224) size 125x124 [border: (1px solid #000000)] [r=4 c=3 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (103,2) size 11x11: left
+                    RenderText {#text} at (45,0) size 59x17
+                      text run at (45,0) width 59: "summary"
+                RenderBlock {DETAILS} at (0,18) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (103,2) size 11x11: up
+                    RenderText {#text} at (45,0) size 59x17
+                      text run at (45,0) width 59: "summary"
+            RenderTableCell {TD} at (357,224) size 125x124 [border: (1px solid #000000)] [r=4 c=4 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (0,109) size 11x11: up
+                    RenderText {#text} at (0,51) size 18x59
+                      text run at (0,51) width 59: "summary"
+                RenderBlock {DETAILS} at (18,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (0,109) size 11x11: right
+                    RenderText {#text} at (0,51) size 18x59
+                      text run at (0,51) width 59: "summary"
+            RenderTableCell {TD} at (483,224) size 125x124 [border: (1px solid #000000)] [r=4 c=5 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (7,109) size 11x11: up
+                    RenderText {#text} at (0,51) size 17x59
+                      text run at (0,51) width 58: "summary"
+                RenderBlock {DETAILS} at (18,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (7,109) size 11x11: left
+                    RenderText {#text} at (0,51) size 17x59
+                      text run at (0,51) width 58: "summary"
+      RenderBlock (anonymous) at (0,352) size 769x18
+        RenderBR {BR} at (0,0) size 0x17
+      RenderTable {TABLE} at (0,370) size 612x352 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 610x350
+          RenderTableRow {TR} at (0,2) size 610x30
+            RenderTableCell {TH} at (2,2) size 606x30 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=6]
+              RenderText {#text} at (256,6) size 94x17
+                text run at (256,6) width 94: "text-align: left"
+          RenderTableRow {TR} at (0,34) size 610x30
+            RenderTableCell {TH} at (2,50) size 102x30 [border: (1px inset #808080)] [r=1 c=0 rs=2 cs=2]
+              RenderText {#text} at (48,6) size 5x17
+                text run at (48,6) width 5: " "
+            RenderTableCell {TH} at (105,34) size 503x30 [border: (1px inset #808080)] [r=1 c=2 rs=1 cs=4]
+              RenderText {#text} at (177,6) size 148x17
+                text run at (177,6) width 148: "-webkit-writing-mode"
+          RenderTableRow {TR} at (0,66) size 610x30
+            RenderTableCell {TH} at (105,66) size 125x30 [border: (1px inset #808080)] [r=2 c=2 rs=1 cs=1]
+              RenderText {#text} at (18,6) size 88x17
+                text run at (18,6) width 88: "horizontal-tb"
+            RenderTableCell {TH} at (231,66) size 125x30 [border: (1px inset #808080)] [r=2 c=3 rs=1 cs=1]
+              RenderText {#text} at (18,6) size 88x17
+                text run at (18,6) width 88: "horizontal-bt"
+            RenderTableCell {TH} at (357,66) size 125x30 [border: (1px inset #808080)] [r=2 c=4 rs=1 cs=1]
+              RenderText {#text} at (29,6) size 66x17
+                text run at (29,6) width 66: "vertical-lr"
+            RenderTableCell {TH} at (483,66) size 125x30 [border: (1px inset #808080)] [r=2 c=5 rs=1 cs=1]
+              RenderText {#text} at (29,6) size 66x17
+                text run at (29,6) width 66: "vertical-rl"
+          RenderTableRow {TR} at (0,98) size 610x124
+            RenderTableCell {TH} at (2,208) size 72x30 [border: (1px inset #808080)] [r=3 c=0 rs=4 cs=1]
+              RenderText {#text} at (6,6) size 60x17
+                text run at (6,6) width 60: "direction"
+            RenderTableCell {TH} at (75,145) size 29x30 [border: (1px inset #808080)] [r=3 c=1 rs=1 cs=1]
+              RenderText {#text} at (6,6) size 16x17
+                text run at (6,6) width 16: "ltr"
+            RenderTableCell {TD} at (105,98) size 125x124 [border: (1px solid #000000)] [r=3 c=2 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (0,4) size 11x11: right
+                    RenderText {#text} at (16,0) size 59x17
+                      text run at (16,0) width 59: "summary"
+                RenderBlock {DETAILS} at (0,18) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (0,4) size 11x11: down
+                    RenderText {#text} at (16,0) size 59x17
+                      text run at (16,0) width 59: "summary"
+            RenderTableCell {TD} at (231,98) size 125x124 [border: (1px solid #000000)] [r=3 c=3 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (0,2) size 11x11: right
+                    RenderText {#text} at (16,0) size 59x17
+                      text run at (16,0) width 59: "summary"
+                RenderBlock {DETAILS} at (0,18) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (0,2) size 11x11: up
+                    RenderText {#text} at (16,0) size 59x17
+                      text run at (16,0) width 59: "summary"
+            RenderTableCell {TD} at (357,98) size 125x124 [border: (1px solid #000000)] [r=3 c=4 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (0,0) size 11x11: down
+                    RenderText {#text} at (0,10) size 18x59
+                      text run at (0,10) width 59: "summary"
+                RenderBlock {DETAILS} at (18,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (0,0) size 11x11: right
+                    RenderText {#text} at (0,10) size 18x59
+                      text run at (0,10) width 59: "summary"
+            RenderTableCell {TD} at (483,98) size 125x124 [border: (1px solid #000000)] [r=3 c=5 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (7,0) size 11x11: down
+                    RenderText {#text} at (0,10) size 17x59
+                      text run at (0,10) width 58: "summary"
+                RenderBlock {DETAILS} at (18,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (7,0) size 11x11: left
+                    RenderText {#text} at (0,10) size 17x59
+                      text run at (0,10) width 58: "summary"
+          RenderTableRow {TR} at (0,224) size 610x124
+            RenderTableCell {TH} at (75,271) size 29x30 [border: (1px inset #808080)] [r=4 c=1 rs=1 cs=1]
+              RenderText {#text} at (6,6) size 16x17
+                text run at (6,6) width 16: "rtl"
+            RenderTableCell {TD} at (105,224) size 125x124 [border: (1px solid #000000)] [r=4 c=2 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (58,4) size 11x11: left
+                    RenderText {#text} at (0,0) size 58x17
+                      text run at (0,0) width 58: "summary"
+                RenderBlock {DETAILS} at (0,18) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (58,4) size 11x11: down
+                    RenderText {#text} at (0,0) size 58x17
+                      text run at (0,0) width 58: "summary"
+            RenderTableCell {TD} at (231,224) size 125x124 [border: (1px solid #000000)] [r=4 c=3 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (58,2) size 11x11: left
+                    RenderText {#text} at (0,0) size 58x17
+                      text run at (0,0) width 58: "summary"
+                RenderBlock {DETAILS} at (0,18) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (58,2) size 11x11: up
+                    RenderText {#text} at (0,0) size 58x17
+                      text run at (0,0) width 58: "summary"
+            RenderTableCell {TD} at (357,224) size 125x124 [border: (1px solid #000000)] [r=4 c=4 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (0,58) size 11x11: up
+                    RenderText {#text} at (0,0) size 18x58
+                      text run at (0,0) width 59: "summary"
+                RenderBlock {DETAILS} at (18,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (0,58) size 11x11: right
+                    RenderText {#text} at (0,0) size 18x58
+                      text run at (0,0) width 59: "summary"
+            RenderTableCell {TD} at (483,224) size 125x124 [border: (1px solid #000000)] [r=4 c=5 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (7,58) size 11x11: up
+                    RenderText {#text} at (0,0) size 17x58
+                      text run at (0,0) width 58: "summary"
+                RenderBlock {DETAILS} at (18,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (7,58) size 11x11: left
+                    RenderText {#text} at (0,0) size 17x58
+                      text run at (0,0) width 58: "summary"
+      RenderBlock (anonymous) at (0,722) size 769x18
+        RenderBR {BR} at (0,0) size 0x17
+      RenderTable {TABLE} at (0,740) size 612x352 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 610x350
+          RenderTableRow {TR} at (0,2) size 610x30
+            RenderTableCell {TH} at (2,2) size 606x30 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=6]
+              RenderText {#text} at (245,6) size 115x17
+                text run at (245,6) width 115: "text-align: center"
+          RenderTableRow {TR} at (0,34) size 610x30
+            RenderTableCell {TH} at (2,50) size 102x30 [border: (1px inset #808080)] [r=1 c=0 rs=2 cs=2]
+              RenderText {#text} at (48,6) size 5x17
+                text run at (48,6) width 5: " "
+            RenderTableCell {TH} at (105,34) size 503x30 [border: (1px inset #808080)] [r=1 c=2 rs=1 cs=4]
+              RenderText {#text} at (177,6) size 148x17
+                text run at (177,6) width 148: "-webkit-writing-mode"
+          RenderTableRow {TR} at (0,66) size 610x30
+            RenderTableCell {TH} at (105,66) size 125x30 [border: (1px inset #808080)] [r=2 c=2 rs=1 cs=1]
+              RenderText {#text} at (18,6) size 88x17
+                text run at (18,6) width 88: "horizontal-tb"
+            RenderTableCell {TH} at (231,66) size 125x30 [border: (1px inset #808080)] [r=2 c=3 rs=1 cs=1]
+              RenderText {#text} at (18,6) size 88x17
+                text run at (18,6) width 88: "horizontal-bt"
+            RenderTableCell {TH} at (357,66) size 125x30 [border: (1px inset #808080)] [r=2 c=4 rs=1 cs=1]
+              RenderText {#text} at (29,6) size 66x17
+                text run at (29,6) width 66: "vertical-lr"
+            RenderTableCell {TH} at (483,66) size 125x30 [border: (1px inset #808080)] [r=2 c=5 rs=1 cs=1]
+              RenderText {#text} at (29,6) size 66x17
+                text run at (29,6) width 66: "vertical-rl"
+          RenderTableRow {TR} at (0,98) size 610x124
+            RenderTableCell {TH} at (2,208) size 72x30 [border: (1px inset #808080)] [r=3 c=0 rs=4 cs=1]
+              RenderText {#text} at (6,6) size 60x17
+                text run at (6,6) width 60: "direction"
+            RenderTableCell {TH} at (75,145) size 29x30 [border: (1px inset #808080)] [r=3 c=1 rs=1 cs=1]
+              RenderText {#text} at (6,6) size 16x17
+                text run at (6,6) width 16: "ltr"
+            RenderTableCell {TD} at (105,98) size 125x124 [border: (1px solid #000000)] [r=3 c=2 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (22,4) size 12x11: right
+                    RenderText {#text} at (39,0) size 59x17
+                      text run at (39,0) width 59: "summary"
+                RenderBlock {DETAILS} at (0,18) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (22,4) size 12x11: down
+                    RenderText {#text} at (39,0) size 59x17
+                      text run at (39,0) width 59: "summary"
+            RenderTableCell {TD} at (231,98) size 125x124 [border: (1px solid #000000)] [r=3 c=3 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (22,2) size 12x11: right
+                    RenderText {#text} at (39,0) size 59x17
+                      text run at (39,0) width 59: "summary"
+                RenderBlock {DETAILS} at (0,18) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (22,2) size 12x11: up
+                    RenderText {#text} at (39,0) size 59x17
+                      text run at (39,0) width 59: "summary"
+            RenderTableCell {TD} at (357,98) size 125x124 [border: (1px solid #000000)] [r=3 c=4 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (0,25) size 11x12: down
+                    RenderText {#text} at (0,36) size 18x59
+                      text run at (0,36) width 59: "summary"
+                RenderBlock {DETAILS} at (18,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (0,25) size 11x12: right
+                    RenderText {#text} at (0,36) size 18x59
+                      text run at (0,36) width 59: "summary"
+            RenderTableCell {TD} at (483,98) size 125x124 [border: (1px solid #000000)] [r=3 c=5 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (7,25) size 11x12: down
+                    RenderText {#text} at (0,36) size 17x59
+                      text run at (0,36) width 58: "summary"
+                RenderBlock {DETAILS} at (18,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (7,25) size 11x12: left
+                    RenderText {#text} at (0,36) size 17x59
+                      text run at (0,36) width 58: "summary"
+          RenderTableRow {TR} at (0,224) size 610x124
+            RenderTableCell {TH} at (75,271) size 29x30 [border: (1px inset #808080)] [r=4 c=1 rs=1 cs=1]
+              RenderText {#text} at (6,6) size 16x17
+                text run at (6,6) width 16: "rtl"
+            RenderTableCell {TD} at (105,224) size 125x124 [border: (1px solid #000000)] [r=4 c=2 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (80,4) size 12x11: left
+                    RenderText {#text} at (22,0) size 59x17
+                      text run at (22,0) width 59: "summary"
+                RenderBlock {DETAILS} at (0,18) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (80,4) size 12x11: down
+                    RenderText {#text} at (22,0) size 59x17
+                      text run at (22,0) width 59: "summary"
+            RenderTableCell {TD} at (231,224) size 125x124 [border: (1px solid #000000)] [r=4 c=3 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (80,2) size 12x11: left
+                    RenderText {#text} at (22,0) size 59x17
+                      text run at (22,0) width 59: "summary"
+                RenderBlock {DETAILS} at (0,18) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (80,2) size 12x11: up
+                    RenderText {#text} at (22,0) size 59x17
+                      text run at (22,0) width 59: "summary"
+            RenderTableCell {TD} at (357,224) size 125x124 [border: (1px solid #000000)] [r=4 c=4 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (0,83) size 11x12: up
+                    RenderText {#text} at (0,25) size 18x59
+                      text run at (0,25) width 59: "summary"
+                RenderBlock {DETAILS} at (18,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (0,83) size 11x12: right
+                    RenderText {#text} at (0,25) size 18x59
+                      text run at (0,25) width 59: "summary"
+            RenderTableCell {TD} at (483,224) size 125x124 [border: (1px solid #000000)] [r=4 c=5 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (7,83) size 11x12: up
+                    RenderText {#text} at (0,25) size 17x59
+                      text run at (0,25) width 58: "summary"
+                RenderBlock {DETAILS} at (18,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (7,83) size 11x12: left
+                    RenderText {#text} at (0,25) size 17x59
+                      text run at (0,25) width 58: "summary"
+      RenderBlock (anonymous) at (0,1092) size 769x18
+        RenderBR {BR} at (0,0) size 0x17
+      RenderTable {TABLE} at (0,1110) size 612x352 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 610x350
+          RenderTableRow {TR} at (0,2) size 610x30
+            RenderTableCell {TH} at (2,2) size 606x30 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=6]
+              RenderText {#text} at (250,6) size 106x17
+                text run at (250,6) width 106: "text-align: right"
+          RenderTableRow {TR} at (0,34) size 610x30
+            RenderTableCell {TH} at (2,50) size 102x30 [border: (1px inset #808080)] [r=1 c=0 rs=2 cs=2]
+              RenderText {#text} at (48,6) size 5x17
+                text run at (48,6) width 5: " "
+            RenderTableCell {TH} at (105,34) size 503x30 [border: (1px inset #808080)] [r=1 c=2 rs=1 cs=4]
+              RenderText {#text} at (177,6) size 148x17
+                text run at (177,6) width 148: "-webkit-writing-mode"
+          RenderTableRow {TR} at (0,66) size 610x30
+            RenderTableCell {TH} at (105,66) size 125x30 [border: (1px inset #808080)] [r=2 c=2 rs=1 cs=1]
+              RenderText {#text} at (18,6) size 88x17
+                text run at (18,6) width 88: "horizontal-tb"
+            RenderTableCell {TH} at (231,66) size 125x30 [border: (1px inset #808080)] [r=2 c=3 rs=1 cs=1]
+              RenderText {#text} at (18,6) size 88x17
+                text run at (18,6) width 88: "horizontal-bt"
+            RenderTableCell {TH} at (357,66) size 125x30 [border: (1px inset #808080)] [r=2 c=4 rs=1 cs=1]
+              RenderText {#text} at (29,6) size 66x17
+                text run at (29,6) width 66: "vertical-lr"
+            RenderTableCell {TH} at (483,66) size 125x30 [border: (1px inset #808080)] [r=2 c=5 rs=1 cs=1]
+              RenderText {#text} at (29,6) size 66x17
+                text run at (29,6) width 66: "vertical-rl"
+          RenderTableRow {TR} at (0,98) size 610x124
+            RenderTableCell {TH} at (2,208) size 72x30 [border: (1px inset #808080)] [r=3 c=0 rs=4 cs=1]
+              RenderText {#text} at (6,6) size 60x17
+                text run at (6,6) width 60: "direction"
+            RenderTableCell {TH} at (75,145) size 29x30 [border: (1px inset #808080)] [r=3 c=1 rs=1 cs=1]
+              RenderText {#text} at (6,6) size 16x17
+                text run at (6,6) width 16: "ltr"
+            RenderTableCell {TD} at (105,98) size 125x124 [border: (1px solid #000000)] [r=3 c=2 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (45,4) size 11x11: right
+                    RenderText {#text} at (62,0) size 58x17
+                      text run at (62,0) width 58: "summary"
+                RenderBlock {DETAILS} at (0,18) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (45,4) size 11x11: down
+                    RenderText {#text} at (62,0) size 58x17
+                      text run at (62,0) width 58: "summary"
+            RenderTableCell {TD} at (231,98) size 125x124 [border: (1px solid #000000)] [r=3 c=3 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (45,2) size 11x11: right
+                    RenderText {#text} at (62,0) size 58x17
+                      text run at (62,0) width 58: "summary"
+                RenderBlock {DETAILS} at (0,18) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (45,2) size 11x11: up
+                    RenderText {#text} at (62,0) size 58x17
+                      text run at (62,0) width 58: "summary"
+            RenderTableCell {TD} at (357,98) size 125x124 [border: (1px solid #000000)] [r=3 c=4 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (0,51) size 11x11: down
+                    RenderText {#text} at (0,62) size 18x58
+                      text run at (0,62) width 59: "summary"
+                RenderBlock {DETAILS} at (18,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (0,51) size 11x11: right
+                    RenderText {#text} at (0,62) size 18x58
+                      text run at (0,62) width 59: "summary"
+            RenderTableCell {TD} at (483,98) size 125x124 [border: (1px solid #000000)] [r=3 c=5 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (7,51) size 11x11: down
+                    RenderText {#text} at (0,62) size 17x58
+                      text run at (0,62) width 58: "summary"
+                RenderBlock {DETAILS} at (18,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (7,51) size 11x11: left
+                    RenderText {#text} at (0,62) size 17x58
+                      text run at (0,62) width 58: "summary"
+          RenderTableRow {TR} at (0,224) size 610x124
+            RenderTableCell {TH} at (75,271) size 29x30 [border: (1px inset #808080)] [r=4 c=1 rs=1 cs=1]
+              RenderText {#text} at (6,6) size 16x17
+                text run at (6,6) width 16: "rtl"
+            RenderTableCell {TD} at (105,224) size 125x124 [border: (1px solid #000000)] [r=4 c=2 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (103,4) size 11x11: left
+                    RenderText {#text} at (45,0) size 59x17
+                      text run at (45,0) width 59: "summary"
+                RenderBlock {DETAILS} at (0,18) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (103,4) size 11x11: down
+                    RenderText {#text} at (45,0) size 59x17
+                      text run at (45,0) width 59: "summary"
+            RenderTableCell {TD} at (231,224) size 125x124 [border: (1px solid #000000)] [r=4 c=3 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (103,2) size 11x11: left
+                    RenderText {#text} at (45,0) size 59x17
+                      text run at (45,0) width 59: "summary"
+                RenderBlock {DETAILS} at (0,18) size 120x18
+                  RenderBlock {SUMMARY} at (0,0) size 120x18
+                    RenderDetailsMarker {DIV} at (103,2) size 11x11: up
+                    RenderText {#text} at (45,0) size 59x17
+                      text run at (45,0) width 59: "summary"
+            RenderTableCell {TD} at (357,224) size 125x124 [border: (1px solid #000000)] [r=4 c=4 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (0,109) size 11x11: up
+                    RenderText {#text} at (0,51) size 18x59
+                      text run at (0,51) width 59: "summary"
+                RenderBlock {DETAILS} at (18,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (0,109) size 11x11: right
+                    RenderText {#text} at (0,51) size 18x59
+                      text run at (0,51) width 59: "summary"
+            RenderTableCell {TD} at (483,224) size 125x124 [border: (1px solid #000000)] [r=4 c=5 rs=1 cs=1]
+              RenderBlock {DIV} at (2,2) size 120x120
+                RenderBlock {DETAILS} at (0,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (7,109) size 11x11: up
+                    RenderText {#text} at (0,51) size 17x59
+                      text run at (0,51) width 58: "summary"
+                RenderBlock {DETAILS} at (18,0) size 18x120
+                  RenderBlock {SUMMARY} at (0,0) size 18x120
+                    RenderDetailsMarker {DIV} at (7,109) size 11x11: left
+                    RenderText {#text} at (0,51) size 17x59
+                      text run at (0,51) width 58: "summary"
diff --git a/LayoutTests/platform/gtk/fast/multicol/tall-image-behavior-lr-mixed-expected.txt b/LayoutTests/platform/gtk/fast/multicol/tall-image-behavior-lr-mixed-expected.txt
new file mode 100644
index 0000000..ac4db8f
--- /dev/null
+++ b/LayoutTests/platform/gtk/fast/multicol/tall-image-behavior-lr-mixed-expected.txt
@@ -0,0 +1,25 @@
+layer at (0,0) size 785x888
+  RenderView at (0,0) size 785x600
+layer at (0,0) size 320x600
+  RenderBlock {HTML} at (0,0) size 320x600
+    RenderBody {BODY} at (8,8) size 304x584
+layer at (8,8) size 304x584
+  RenderBlock {DIV} at (0,0) size 304x584 [border: (2px solid #0000FF)]
+    RenderMultiColumnSet at (2,2) size 300x580
+layer at (10,10) size 650x282
+  RenderMultiColumnFlowThread at (2,2) size 650x282
+    RenderBlock {P} at (16,0) size 102x282
+      RenderText {#text} at (0,0) size 34x232
+        text run at (0,0) width 232: "This image should not be split across"
+        text run at (17,0) width 57: "columns."
+      RenderBR {BR} at (17,57) size 17x0
+      RenderText {#text} at (34,0) size 68x266
+        text run at (34,0) width 265: "The reason it should not be split is that the"
+        text run at (51,0) width 259: "line contains no text and so we should be"
+        text run at (68,0) width 266: "willing to allow it to sit at the top of a new"
+        text run at (85,0) width 34: "page."
+    RenderBlock (anonymous) at (134,0) size 516x282
+      RenderBlock {DIV} at (166,0) size 300x50 [bgcolor=#00FF00]
+      RenderText {#text} at (0,0) size 0x0
+      RenderBlock {DIV} at (466,0) size 50x282 [bgcolor=#800080]
+      RenderText {#text} at (0,0) size 0x0
diff --git a/LayoutTests/platform/gtk/fast/text/vertical-rl-rtl-linebreak-mixed-expected.txt b/LayoutTests/platform/gtk/fast/text/vertical-rl-rtl-linebreak-mixed-expected.txt
new file mode 100644
index 0000000..2ff1e4d
--- /dev/null
+++ b/LayoutTests/platform/gtk/fast/text/vertical-rl-rtl-linebreak-mixed-expected.txt
@@ -0,0 +1,13 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x234
+  RenderBlock {HTML} at (0,0) size 800x235
+    RenderBody {BODY} at (8,16) size 784x211
+      RenderBlock {P} at (0,0) size 784x36
+        RenderText {#text} at (0,0) size 760x35
+          text run at (0,0) width 760: "This tests line break on vertical text. The test should be run on a cold font cache and refreshing the page should not show"
+          text run at (0,18) width 67: "difference."
+      RenderBlock {DIV} at (0,52) size 98x159
+        RenderText {#text} at (0,2) size 46x157
+          text run at (0,2) width 156 RTL: "\x{5D0}\x{5E0}\x{5D9} \x{5D7}\x{5EA}\x{5D5}\x{5DC}. \x{5D0}\x{5D9}\x{5DF}"
+          text run at (23,86) width 72 RTL: "\x{5DC}\x{5D9} \x{5E9}\x{5DD}."
diff --git a/LayoutTests/platform/gtk/fast/writing-mode/background-vertical-lr-mixed-expected.txt b/LayoutTests/platform/gtk/fast/writing-mode/background-vertical-lr-mixed-expected.txt
new file mode 100644
index 0000000..eec45db
--- /dev/null
+++ b/LayoutTests/platform/gtk/fast/writing-mode/background-vertical-lr-mixed-expected.txt
@@ -0,0 +1,10 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 456x600
+  RenderBlock {HTML} at (0,0) size 456x600
+    RenderBody {BODY} at (8,8) size 440x584
+      RenderInline {SPAN} at (0,0) size 264x50
+        RenderBlock {DIV} at (135,50) size 0x50
+        RenderBR {BR} at (88,100) size 94x0
+        RenderBlock {DIV} at (305,50) size 0x50
+      RenderText {#text} at (0,0) size 0x0
diff --git a/LayoutTests/platform/gtk/fast/writing-mode/background-vertical-rl-mixed-expected.txt b/LayoutTests/platform/gtk/fast/writing-mode/background-vertical-rl-mixed-expected.txt
new file mode 100644
index 0000000..9241d77
--- /dev/null
+++ b/LayoutTests/platform/gtk/fast/writing-mode/background-vertical-rl-mixed-expected.txt
@@ -0,0 +1,10 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (344,0) size 456x600
+  RenderBlock {HTML} at (0,0) size 456x600
+    RenderBody {BODY} at (8,8) size 440x584
+      RenderInline {SPAN} at (0,0) size 264x50
+        RenderBlock {DIV} at (135,50) size 0x50
+        RenderBR {BR} at (88,100) size 94x0
+        RenderBlock {DIV} at (305,50) size 0x50
+      RenderText {#text} at (0,0) size 0x0
diff --git a/LayoutTests/platform/gtk/fast/writing-mode/basic-vertical-line-mixed-expected.txt b/LayoutTests/platform/gtk/fast/writing-mode/basic-vertical-line-mixed-expected.txt
new file mode 100644
index 0000000..0f16081
--- /dev/null
+++ b/LayoutTests/platform/gtk/fast/writing-mode/basic-vertical-line-mixed-expected.txt
@@ -0,0 +1,19 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584
+      RenderBlock {DIV} at (0,0) size 304x304 [border: (2px solid #800000)]
+        RenderInline {SPAN} at (0,0) size 17x220 [border: (5px solid #000000) none (5px solid #000000) none]
+          RenderImage {IMG} at (2,12) size 100x200 [bgcolor=#008000]
+        RenderText {#text} at (44,222) size 17x4
+          text run at (44,222) width 4: " "
+        RenderBR {BR} at (47,226) size 0x0
+        RenderInline {SPAN} at (0,0) size 17x220 [border: (5px solid #000000) none (5px solid #000000) none]
+          RenderImage {IMG} at (102,12) size 100x200 [bgcolor=#008000]
+        RenderText {#text} at (144,222) size 17x4
+          text run at (144,222) width 4: " "
+        RenderBR {BR} at (147,226) size 0x0
+        RenderInline {SPAN} at (0,0) size 17x220 [border: (5px solid #000000) none (5px solid #000000) none]
+          RenderImage {IMG} at (202,12) size 100x200 [bgcolor=#008000]
+        RenderText {#text} at (0,0) size 0x0
diff --git a/LayoutTests/platform/gtk/fast/writing-mode/border-styles-vertical-lr-mixed-expected.txt b/LayoutTests/platform/gtk/fast/writing-mode/border-styles-vertical-lr-mixed-expected.txt
new file mode 100644
index 0000000..a35f20b
--- /dev/null
+++ b/LayoutTests/platform/gtk/fast/writing-mode/border-styles-vertical-lr-mixed-expected.txt
@@ -0,0 +1,125 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (20,8) size 760x584
+      RenderBlock {DIV} at (0,20) size 256x544
+        RenderBlock {DIV} at (0,0) size 256x83
+          RenderInline {SPAN} at (0,0) size 247x83 [bgcolor=#DDDDDD] [border: (20px solid #808080)]
+            RenderText {#text} at (20,35) size 71x48
+              text run at (20,35) width 48: "   "
+            RenderBR {BR} at (34,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,83) size 17x4
+          text run at (183,83) width 4: " "
+        RenderBlock {DIV} at (0,87) size 256x83
+          RenderInline {SPAN} at (0,0) size 247x83 [bgcolor=#DDDDDD] [border: (20px groove #808080)]
+            RenderText {#text} at (20,35) size 71x48
+              text run at (20,35) width 48: "   "
+            RenderBR {BR} at (34,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,170) size 17x4
+          text run at (183,170) width 4: " "
+        RenderBlock {DIV} at (0,174) size 256x83
+          RenderInline {SPAN} at (0,0) size 247x83 [bgcolor=#DDDDDD] [border: (20px ridge #808080)]
+            RenderText {#text} at (20,35) size 71x48
+              text run at (20,35) width 48: "   "
+            RenderBR {BR} at (34,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,257) size 17x4
+          text run at (183,257) width 4: " "
+        RenderBlock {DIV} at (0,261) size 256x83
+          RenderInline {SPAN} at (0,0) size 247x83 [bgcolor=#DDDDDD] [border: (20px outset #808080)]
+            RenderText {#text} at (20,35) size 71x48
+              text run at (20,35) width 48: "   "
+            RenderBR {BR} at (34,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,344) size 17x4
+          text run at (183,344) width 4: " "
+        RenderBlock {DIV} at (0,348) size 256x83
+          RenderInline {SPAN} at (0,0) size 247x83 [bgcolor=#DDDDDD] [border: (20px inset #808080)]
+            RenderText {#text} at (20,35) size 71x48
+              text run at (20,35) width 48: "   "
+            RenderBR {BR} at (34,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,431) size 17x4
+          text run at (183,431) width 4: " "
+        RenderBlock {DIV} at (0,435) size 256x83
+          RenderInline {SPAN} at (0,0) size 247x83 [bgcolor=#DDDDDD] [border: (20px double #808080)]
+            RenderText {#text} at (20,35) size 71x48
+              text run at (20,35) width 48: "   "
+            RenderBR {BR} at (34,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (0,0) size 0x0
+      RenderBlock {DIV} at (276,20) size 256x544
+        RenderBlock {DIV} at (0,0) size 256x83
+          RenderInline {SPAN} at (0,0) size 247x83 [bgcolor=#DDDDDD] [border: (20px solid #808080)]
+            RenderText {#text} at (20,35) size 71x48
+              text run at (20,35) width 48: "   "
+            RenderBR {BR} at (34,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,83) size 17x4
+          text run at (183,83) width 4: " "
+        RenderBlock {DIV} at (0,87) size 256x83
+          RenderInline {SPAN} at (0,0) size 247x83 [bgcolor=#DDDDDD] [border: (20px groove #808080)]
+            RenderText {#text} at (20,35) size 71x48
+              text run at (20,35) width 48: "   "
+            RenderBR {BR} at (34,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,170) size 17x4
+          text run at (183,170) width 4: " "
+        RenderBlock {DIV} at (0,174) size 256x83
+          RenderInline {SPAN} at (0,0) size 247x83 [bgcolor=#DDDDDD] [border: (20px ridge #808080)]
+            RenderText {#text} at (20,35) size 71x48
+              text run at (20,35) width 48: "   "
+            RenderBR {BR} at (34,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,257) size 17x4
+          text run at (183,257) width 4: " "
+        RenderBlock {DIV} at (0,261) size 256x83
+          RenderInline {SPAN} at (0,0) size 247x83 [bgcolor=#DDDDDD] [border: (20px outset #808080)]
+            RenderText {#text} at (20,35) size 71x48
+              text run at (20,35) width 48: "   "
+            RenderBR {BR} at (34,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,344) size 17x4
+          text run at (183,344) width 4: " "
+        RenderBlock {DIV} at (0,348) size 256x83
+          RenderInline {SPAN} at (0,0) size 247x83 [bgcolor=#DDDDDD] [border: (20px inset #808080)]
+            RenderText {#text} at (20,35) size 71x48
+              text run at (20,35) width 48: "   "
+            RenderBR {BR} at (34,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,431) size 17x4
+          text run at (183,431) width 4: " "
+        RenderBlock {DIV} at (0,435) size 256x83
+          RenderInline {SPAN} at (0,0) size 247x83 [bgcolor=#DDDDDD] [border: (20px double #808080)]
+            RenderText {#text} at (20,35) size 71x48
+              text run at (20,35) width 48: "   "
+            RenderBR {BR} at (34,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (0,0) size 0x0
diff --git a/LayoutTests/platform/gtk/fast/writing-mode/border-styles-vertical-rl-mixed-expected.txt b/LayoutTests/platform/gtk/fast/writing-mode/border-styles-vertical-rl-mixed-expected.txt
new file mode 100644
index 0000000..7f1518d
--- /dev/null
+++ b/LayoutTests/platform/gtk/fast/writing-mode/border-styles-vertical-rl-mixed-expected.txt
@@ -0,0 +1,125 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (20,8) size 760x584
+      RenderBlock {DIV} at (0,20) size 256x544
+        RenderBlock {DIV} at (0,0) size 256x83
+          RenderInline {SPAN} at (0,0) size 239x83 [bgcolor=#DDDDDD] [border: (20px solid #808080)]
+            RenderText {#text} at (28,35) size 71x48
+              text run at (28,35) width 48: "   "
+            RenderBR {BR} at (85,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,83) size 17x4
+          text run at (183,83) width 4: " "
+        RenderBlock {DIV} at (0,87) size 256x83
+          RenderInline {SPAN} at (0,0) size 239x83 [bgcolor=#DDDDDD] [border: (20px groove #808080)]
+            RenderText {#text} at (28,35) size 71x48
+              text run at (28,35) width 48: "   "
+            RenderBR {BR} at (85,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,170) size 17x4
+          text run at (183,170) width 4: " "
+        RenderBlock {DIV} at (0,174) size 256x83
+          RenderInline {SPAN} at (0,0) size 239x83 [bgcolor=#DDDDDD] [border: (20px ridge #808080)]
+            RenderText {#text} at (28,35) size 71x48
+              text run at (28,35) width 48: "   "
+            RenderBR {BR} at (85,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,257) size 17x4
+          text run at (183,257) width 4: " "
+        RenderBlock {DIV} at (0,261) size 256x83
+          RenderInline {SPAN} at (0,0) size 239x83 [bgcolor=#DDDDDD] [border: (20px outset #808080)]
+            RenderText {#text} at (28,35) size 71x48
+              text run at (28,35) width 48: "   "
+            RenderBR {BR} at (85,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,344) size 17x4
+          text run at (183,344) width 4: " "
+        RenderBlock {DIV} at (0,348) size 256x83
+          RenderInline {SPAN} at (0,0) size 239x83 [bgcolor=#DDDDDD] [border: (20px inset #808080)]
+            RenderText {#text} at (28,35) size 71x48
+              text run at (28,35) width 48: "   "
+            RenderBR {BR} at (85,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,431) size 17x4
+          text run at (183,431) width 4: " "
+        RenderBlock {DIV} at (0,435) size 256x83
+          RenderInline {SPAN} at (0,0) size 239x83 [bgcolor=#DDDDDD] [border: (20px double #808080)]
+            RenderText {#text} at (28,35) size 71x48
+              text run at (28,35) width 48: "   "
+            RenderBR {BR} at (85,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (0,0) size 0x0
+      RenderBlock {DIV} at (276,20) size 256x544
+        RenderBlock {DIV} at (0,0) size 256x83
+          RenderInline {SPAN} at (0,0) size 239x83 [bgcolor=#DDDDDD] [border: (20px solid #808080)]
+            RenderText {#text} at (28,35) size 71x48
+              text run at (28,35) width 48: "   "
+            RenderBR {BR} at (85,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,83) size 17x4
+          text run at (183,83) width 4: " "
+        RenderBlock {DIV} at (0,87) size 256x83
+          RenderInline {SPAN} at (0,0) size 239x83 [bgcolor=#DDDDDD] [border: (20px groove #808080)]
+            RenderText {#text} at (28,35) size 71x48
+              text run at (28,35) width 48: "   "
+            RenderBR {BR} at (85,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,170) size 17x4
+          text run at (183,170) width 4: " "
+        RenderBlock {DIV} at (0,174) size 256x83
+          RenderInline {SPAN} at (0,0) size 239x83 [bgcolor=#DDDDDD] [border: (20px ridge #808080)]
+            RenderText {#text} at (28,35) size 71x48
+              text run at (28,35) width 48: "   "
+            RenderBR {BR} at (85,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,257) size 17x4
+          text run at (183,257) width 4: " "
+        RenderBlock {DIV} at (0,261) size 256x83
+          RenderInline {SPAN} at (0,0) size 239x83 [bgcolor=#DDDDDD] [border: (20px outset #808080)]
+            RenderText {#text} at (28,35) size 71x48
+              text run at (28,35) width 48: "   "
+            RenderBR {BR} at (85,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,344) size 17x4
+          text run at (183,344) width 4: " "
+        RenderBlock {DIV} at (0,348) size 256x83
+          RenderInline {SPAN} at (0,0) size 239x83 [bgcolor=#DDDDDD] [border: (20px inset #808080)]
+            RenderText {#text} at (28,35) size 71x48
+              text run at (28,35) width 48: "   "
+            RenderBR {BR} at (85,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (183,431) size 17x4
+          text run at (183,431) width 4: " "
+        RenderBlock {DIV} at (0,435) size 256x83
+          RenderInline {SPAN} at (0,0) size 239x83 [bgcolor=#DDDDDD] [border: (20px double #808080)]
+            RenderText {#text} at (28,35) size 71x48
+              text run at (28,35) width 48: "   "
+            RenderBR {BR} at (85,83) size 0x0
+            RenderText {#text} at (156,0) size 71x48
+              text run at (156,0) width 48: "   "
+          RenderText {#text} at (0,0) size 0x0
+        RenderText {#text} at (0,0) size 0x0
diff --git a/LayoutTests/platform/gtk/fast/writing-mode/vertical-baseline-alignment-mixed-expected.txt b/LayoutTests/platform/gtk/fast/writing-mode/vertical-baseline-alignment-mixed-expected.txt
new file mode 100644
index 0000000..fe9e088
--- /dev/null
+++ b/LayoutTests/platform/gtk/fast/writing-mode/vertical-baseline-alignment-mixed-expected.txt
@@ -0,0 +1,28 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (548,0) size 252x600
+  RenderBlock {HTML} at (0,0) size 252x600
+    RenderBody {BODY} at (24,8) size 204x584
+      RenderBlock {P} at (0,0) size 110x584
+        RenderInline {SPAN} at (0,0) size 26x102
+          RenderText {#text} at (15,0) size 26x102
+            text run at (15,0) width 102: "\x{7B2C}\x{4E00}\x{6BB5}\x{843D} "
+        RenderInline {SPAN} at (0,0) size 108x458
+          RenderText {#text} at (1,102) size 53x337
+            text run at (1,102) width 337: "PARAGRAPH 1 "
+          RenderBR {BR} at (1,438) size 53x1
+          RenderText {#text} at (56,0) size 53x294
+            text run at (56,0) width 294: "MORE TEXT. "
+          RenderInline {SPAN} at (0,0) size 14x165
+            RenderText {#text} at (76,293) size 14x165
+              text run at (76,293) width 164: "SHOULD NOT BE CENTERED."
+          RenderText {#text} at (0,0) size 0x0
+      RenderBlock {P} at (134,0) size 70x584
+        RenderInline {SPAN} at (0,0) size 26x469
+          RenderText {#text} at (22,0) size 26x102
+            text run at (22,0) width 102: "\x{7B2C}\x{4E8C}\x{6BB5}\x{843D} "
+          RenderInline {SPAN} at (0,0) size 53x367
+            RenderText {#text} at (8,102) size 53x337
+              text run at (8,102) width 337: "PARAGRAPH 2 "
+            RenderImage {IMG} at (0,438) size 70x31 [bgcolor=#008000]
+            RenderText {#text} at (0,0) size 0x0
diff --git a/LayoutTests/platform/gtk/fast/writing-mode/vertical-lr-replaced-selection-mixed-expected.txt b/LayoutTests/platform/gtk/fast/writing-mode/vertical-lr-replaced-selection-mixed-expected.txt
new file mode 100644
index 0000000..52ed501
--- /dev/null
+++ b/LayoutTests/platform/gtk/fast/writing-mode/vertical-lr-replaced-selection-mixed-expected.txt
@@ -0,0 +1,16 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 158x600
+  RenderBlock {HTML} at (0,0) size 158x600
+    RenderBody {BODY} at (8,8) size 142x584
+      RenderText {#text} at (1,0) size 40x391
+        text run at (1,0) width 391: "This is the first line of text."
+      RenderBR {BR} at (1,390) size 40x1
+      RenderImage {IMG} at (67,0) size 50x20 [bgcolor=#008000]
+      RenderText {#text} at (72,20) size 40x379
+        text run at (72,20) width 379: " This is the second line of "
+      RenderImage {IMG} at (42,398) size 100x21 [bgcolor=#800080]
+      RenderText {#text} at (72,418) size 40x73
+        text run at (72,418) width 72: " text."
+selection start: position 1 of child 0 {#text} of body
+selection end:   position 1 of child 3 {IMG} of body
diff --git a/LayoutTests/platform/gtk/fast/writing-mode/vertical-rl-replaced-selection-mixed-expected.txt b/LayoutTests/platform/gtk/fast/writing-mode/vertical-rl-replaced-selection-mixed-expected.txt
new file mode 100644
index 0000000..4121ab8
--- /dev/null
+++ b/LayoutTests/platform/gtk/fast/writing-mode/vertical-rl-replaced-selection-mixed-expected.txt
@@ -0,0 +1,16 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (642,0) size 158x600
+  RenderBlock {HTML} at (0,0) size 158x600
+    RenderBody {BODY} at (8,8) size 142x584
+      RenderText {#text} at (1,0) size 40x391
+        text run at (1,0) width 391: "This is the first line of text."
+      RenderBR {BR} at (1,390) size 40x1
+      RenderImage {IMG} at (67,0) size 50x20 [bgcolor=#008000]
+      RenderText {#text} at (72,20) size 40x379
+        text run at (72,20) width 379: " This is the second line of "
+      RenderImage {IMG} at (42,398) size 100x21 [bgcolor=#800080]
+      RenderText {#text} at (72,418) size 40x73
+        text run at (72,418) width 72: " text."
+selection start: position 1 of child 0 {#text} of body
+selection end:   position 1 of child 3 {IMG} of body