Update To 11.40.268.0
[platform/framework/web/crosswalk.git] / src / third_party / WebKit / LayoutTests / platform / win / css3 / flexbox / flexbox-baseline-expected.txt
index 2c4ae35..f92f6cb 100644 (file)
 layer at (0,0) size 800x600
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x502
-  RenderBlock {HTML} at (0,0) size 800x502
-layer at (0,0) size 800x502
-  RenderBody {BODY} at (0,0) size 800x502
+layer at (0,0) size 800x492
+  RenderBlock {HTML} at (0,0) size 800x492
+layer at (0,0) size 800x492
+  RenderBody {BODY} at (0,0) size 800x492
     RenderBlock {DIV} at (0,0) size 800x55
-      RenderText {#text} at (0,20) size 69x19
-        text run at (0,20) width 69: "before text "
-      RenderFlexibleBox {DIV} at (69,5) size 122x50 [bgcolor=#D3D3D3]
-        RenderBlock {DIV} at (0,30) size 37x20
-          RenderText {#text} at (0,0) size 37x19
-            text run at (0,0) width 37: "below"
-        RenderBlock {DIV} at (37,15) size 48x20
-          RenderText {#text} at (0,0) size 48x19
-            text run at (0,0) width 48: "baseline"
-        RenderBlock {DIV} at (85,0) size 37x20
-          RenderText {#text} at (0,0) size 37x19
-            text run at (0,0) width 37: "above"
-      RenderText {#text} at (191,20) size 57x19
-        text run at (191,20) width 57: " after text"
+      RenderText {#text} at (0,20) size 73x17
+        text run at (0,20) width 73: "before text "
+      RenderFlexibleBox {DIV} at (72.84,5) size 129.73x50 [bgcolor=#D3D3D3]
+        RenderBlock {DIV} at (0,32) size 39.11x18
+          RenderText {#text} at (0,0) size 40x17
+            text run at (0,0) width 40: "below"
+        RenderBlock {DIV} at (39.11,15) size 52.42x18
+          RenderText {#text} at (0,0) size 53x17
+            text run at (0,0) width 53: "baseline"
+        RenderBlock {DIV} at (91.53,0) size 38.20x18
+          RenderText {#text} at (0,0) size 39x17
+            text run at (0,0) width 39: "above"
+      RenderText {#text} at (202,20) size 62x17
+        text run at (202,20) width 62: " after text"
     RenderBlock {DIV} at (0,55) size 800x45
-      RenderText {#text} at (0,25) size 69x19
-        text run at (0,25) width 69: "before text "
-      RenderFlexibleBox {DIV} at (69,5) size 85x40 [bgcolor=#D3D3D3]
-        RenderBlock {DIV} at (0,20) size 48x20
-          RenderText {#text} at (0,0) size 48x19
-            text run at (0,0) width 48: "baseline"
-        RenderBlock {DIV} at (48,0) size 0x0
-        RenderBlock {DIV} at (48,0) size 37x20
-          RenderText {#text} at (0,0) size 37x19
-            text run at (0,0) width 37: "above"
-      RenderText {#text} at (154,25) size 57x19
-        text run at (154,25) width 57: " after text"
+      RenderText {#text} at (0,27) size 73x17
+        text run at (0,27) width 73: "before text "
+      RenderFlexibleBox {DIV} at (72.84,5) size 90.63x40 [bgcolor=#D3D3D3]
+        RenderBlock {DIV} at (0,22) size 52.42x18
+          RenderText {#text} at (0,0) size 53x17
+            text run at (0,0) width 53: "baseline"
+        RenderBlock {DIV} at (52.42,0) size 0x0
+        RenderBlock {DIV} at (52.42,0) size 38.20x18
+          RenderText {#text} at (0,0) size 39x17
+            text run at (0,0) width 39: "above"
+      RenderText {#text} at (163,27) size 62x17
+        text run at (163,27) width 62: " after text"
     RenderBlock {DIV} at (0,100) size 800x71
-      RenderText {#text} at (0,30) size 69x19
-        text run at (0,30) width 69: "before text "
-      RenderFlexibleBox {DIV} at (69,5) size 151x66.81 [bgcolor=#D3D3D3]
-        RenderBlock {H2} at (0,19.91) size 114x27
-          RenderText {#text} at (0,0) size 114x26
-            text run at (0,0) width 114: "h2 baseline"
-        RenderBlock {DIV} at (114,0) size 37x66.81
-          RenderText {#text} at (0,0) size 37x19
-            text run at (0,0) width 37: "above"
-      RenderText {#text} at (220,30) size 57x19
-        text run at (220,30) width 57: " after text"
+      RenderText {#text} at (0,31) size 73x17
+        text run at (0,31) width 73: "before text "
+      RenderFlexibleBox {DIV} at (72.84,5) size 152.23x66.81 [bgcolor=#D3D3D3]
+        RenderBlock {H2} at (0,19.91) size 114.03x27
+          RenderText {#text} at (0,0) size 115x26
+            text run at (0,0) width 115: "h2 baseline"
+        RenderBlock {DIV} at (114.03,0) size 38.20x66.81
+          RenderText {#text} at (0,0) size 39x17
+            text run at (0,0) width 39: "above"
+      RenderText {#text} at (225,31) size 62x17
+        text run at (225,31) width 62: " after text"
     RenderBlock {DIV} at (0,171) size 800x71
-      RenderText {#text} at (0,5) size 69x19
-        text run at (0,5) width 69: "before text "
-      RenderFlexibleBox {DIV} at (69,5) size 139x66.81 [bgcolor=#D3D3D3]
-        RenderBlock {DIV} at (0,0) size 48x66.81
-          RenderText {#text} at (0,0) size 48x19
-            text run at (0,0) width 48: "baseline"
-        RenderBlock {H2} at (48,19.91) size 91x27
-          RenderText {#text} at (0,0) size 91x26
-            text run at (0,0) width 91: "h2 below"
-      RenderText {#text} at (208,5) size 57x19
-        text run at (208,5) width 57: " after text"
+      RenderText {#text} at (0,5) size 73x17
+        text run at (0,5) width 73: "before text "
+      RenderFlexibleBox {DIV} at (72.84,5) size 143.78x66.81 [bgcolor=#D3D3D3]
+        RenderBlock {DIV} at (0,0) size 52.42x66.81
+          RenderText {#text} at (0,0) size 53x17
+            text run at (0,0) width 53: "baseline"
+        RenderBlock {H2} at (52.42,19.91) size 91.36x27
+          RenderText {#text} at (0,0) size 92x26
+            text run at (0,0) width 92: "h2 below"
+      RenderText {#text} at (216,5) size 62x17
+        text run at (216,5) width 62: " after text"
     RenderBlock {DIV} at (0,242) size 800x45
-      RenderText {#text} at (0,11) size 169x19
-        text run at (0,11) width 169: "should align with the middle "
-      RenderFlexibleBox {DIV} at (169,5) size 40x40 [bgcolor=#D3D3D3]
+      RenderText {#text} at (0,12) size 188x17
+        text run at (0,12) width 188: "should align with the middle "
+      RenderFlexibleBox {DIV} at (187.09,5) size 40x40 [bgcolor=#D3D3D3]
         RenderBlock {DIV} at (0,0) size 40x21 [border: none (1px solid #000000) none]
-      RenderText {#text} at (209,11) size 116x19
-        text run at (209,11) width 116: " of the grey flexbox"
-    RenderBlock {DIV} at (0,287) size 800x40
-      RenderText {#text} at (0,20) size 172x19
-        text run at (0,20) width 172: "should align with the bottom "
-      RenderFlexibleBox {DIV} at (172,5) size 30x30 [bgcolor=#D3D3D3]
-      RenderText {#text} at (202,20) size 116x19
-        text run at (202,20) width 116: " of the grey flexbox"
-    RenderBlock {DIV} at (0,327) size 800x45
-      RenderText {#text} at (0,5) size 69x19
-        text run at (0,5) width 69: "before text "
-      RenderFlexibleBox {DIV} at (69,5) size 48x40 [bgcolor=#D3D3D3]
-        RenderBlock {DIV} at (0,0) size 48x20
-          RenderText {#text} at (0,0) size 48x19
-            text run at (0,0) width 48: "baseline"
-        RenderBlock {DIV} at (0,20) size 48x20
-          RenderText {#text} at (0,0) size 37x19
-            text run at (0,0) width 37: "below"
-      RenderText {#text} at (117,5) size 57x19
-        text run at (117,5) width 57: " after text"
-    RenderBlock {DIV} at (0,372) size 800x45
-      RenderText {#text} at (0,25) size 69x19
-        text run at (0,25) width 69: "before text "
-      RenderFlexibleBox {DIV} at (69,5) size 48x40 [bgcolor=#D3D3D3]
-        RenderBlock {DIV} at (0,20) size 48x20
-          RenderText {#text} at (0,0) size 48x19
-            text run at (0,0) width 48: "baseline"
-        RenderBlock {DIV} at (0,0) size 48x20
-          RenderText {#text} at (0,0) size 37x19
-            text run at (0,0) width 37: "above"
-      RenderText {#text} at (117,25) size 57x19
-        text run at (117,25) width 57: " after text"
-    RenderBlock {DIV} at (0,417) size 800x45
-      RenderText {#text} at (0,10) size 169x19
-        text run at (0,10) width 169: "should align with the middle "
-      RenderFlexibleBox {DIV} at (169,5) size 40x40 [bgcolor=#D3D3D3]
+      RenderText {#text} at (227,12) size 127x17
+        text run at (227,12) width 127: " of the grey flexbox"
+    RenderBlock {DIV} at (0,287) size 800x39
+      RenderText {#text} at (0,21) size 188x17
+        text run at (0,21) width 188: "should align with the bottom "
+      RenderFlexibleBox {DIV} at (187.98,5) size 30x30 [bgcolor=#D3D3D3]
+      RenderText {#text} at (217,21) size 128x17
+        text run at (217,21) width 128: " of the grey flexbox"
+    RenderBlock {DIV} at (0,326) size 800x41
+      RenderText {#text} at (0,5) size 73x17
+        text run at (0,5) width 73: "before text "
+      RenderFlexibleBox {DIV} at (72.84,5) size 52.42x36 [bgcolor=#D3D3D3]
+        RenderBlock {DIV} at (0,0) size 52.42x18
+          RenderText {#text} at (0,0) size 53x17
+            text run at (0,0) width 53: "baseline"
+        RenderBlock {DIV} at (0,18) size 52.42x18
+          RenderText {#text} at (0,0) size 40x17
+            text run at (0,0) width 40: "below"
+      RenderText {#text} at (125,5) size 62x17
+        text run at (125,5) width 62: " after text"
+    RenderBlock {DIV} at (0,367) size 800x41
+      RenderText {#text} at (0,23) size 73x17
+        text run at (0,23) width 73: "before text "
+      RenderFlexibleBox {DIV} at (72.84,5) size 52.42x36 [bgcolor=#D3D3D3]
+        RenderBlock {DIV} at (0,18) size 52.42x18
+          RenderText {#text} at (0,0) size 53x17
+            text run at (0,0) width 53: "baseline"
+        RenderBlock {DIV} at (0,0) size 52.42x18
+          RenderText {#text} at (0,0) size 39x17
+            text run at (0,0) width 39: "above"
+      RenderText {#text} at (125,23) size 62x17
+        text run at (125,23) width 62: " after text"
+    RenderBlock {DIV} at (0,408) size 800x45
+      RenderText {#text} at (0,11) size 188x17
+        text run at (0,11) width 188: "should align with the middle "
+      RenderFlexibleBox {DIV} at (187.09,5) size 40x40 [bgcolor=#D3D3D3]
         RenderBlock {DIV} at (0,0) size 40x20.50 [border: none (1px solid #000000) none]
         RenderBlock {DIV} at (0,20.50) size 40x19.50
-      RenderText {#text} at (209,10) size 116x19
-        text run at (209,10) width 116: " of the grey flexbox"
-    RenderBlock {DIV} at (0,462) size 800x40
-      RenderText {#text} at (0,20) size 172x19
-        text run at (0,20) width 172: "should align with the bottom "
-      RenderFlexibleBox {DIV} at (172,5) size 30x30 [bgcolor=#D3D3D3]
-      RenderText {#text} at (202,20) size 116x19
-        text run at (202,20) width 116: " of the grey flexbox"
-layer at (400,0) size 360x424
-  RenderBlock (positioned) {DIV} at (400,0) size 360x424
-    RenderBlock {DIV} at (0,0) size 360x55
-      RenderText {#text} at (0,35) size 69x19
-        text run at (0,35) width 69: "before text "
-      RenderFlexibleBox {DIV} at (69,5) size 48x50 [bgcolor=#D3D3D3]
-        RenderBlock {DIV} at (0,30) size 48x20
-          RenderText {#text} at (0,0) size 48x19
-            text run at (0,0) width 48: "baseline"
-      RenderText {#text} at (117,35) size 57x19
-        text run at (117,35) width 57: " after text"
-    RenderBlock {DIV} at (0,55) size 360x45
-      RenderText {#text} at (0,5) size 69x19
-        text run at (0,5) width 69: "before text "
-      RenderFlexibleBox {DIV} at (69,5) size 85x40 [bgcolor=#D3D3D3]
-        RenderBlock {DIV} at (0,0) size 48x40
-          RenderText {#text} at (0,0) size 48x19
-            text run at (0,0) width 48: "baseline"
-        RenderBlock {DIV} at (48,20) size 37x20
-          RenderText {#text} at (0,0) size 37x19
-            text run at (0,0) width 37: "below"
-      RenderText {#text} at (154,5) size 57x19
-        text run at (154,5) width 57: " after text"
-    RenderBlock {DIV} at (0,100) size 360x45
-      RenderText {#text} at (0,15) size 69x19
-        text run at (0,15) width 69: "before text "
-      RenderBlock {DIV} at (69,0) size 153x45
-        RenderFlexibleBox {DIV} at (0,5) size 122x40 [bgcolor=#D3D3D3]
-          RenderBlock {DIV} at (0,0) size 37x40
-            RenderText {#text} at (0,0) size 37x19
-              text run at (0,0) width 37: "above"
-          RenderBlock {DIV} at (37,10) size 48x20
-            RenderText {#text} at (0,0) size 48x19
-              text run at (0,0) width 48: "baseline"
-          RenderBlock {DIV} at (85,0) size 37x40
-            RenderText {#text} at (0,0) size 37x19
-              text run at (0,0) width 37: "above"
-        RenderText {#text} at (122,15) size 31x19
-          text run at (122,15) width 31: " after"
-      RenderText {#text} at (222,15) size 26x19
-        text run at (222,15) width 26: " text"
-    RenderBlock {DIV} at (0,145) size 360x40
-      RenderText {#text} at (0,10) size 69x19
-        text run at (0,10) width 69: "before text "
-      RenderBlock {DIV} at (69,0) size 48x40
-        RenderFlexibleBox {DIV} at (0,10) size 48x30 [bgcolor=#808080]
-          RenderBlock (anonymous) at (0,0) size 48x30
-            RenderText {#text} at (0,0) size 48x19
-              text run at (0,0) width 48: "baseline"
-      RenderText {#text} at (117,10) size 57x19
-        text run at (117,10) width 57: " after text"
-    RenderTable {TABLE} at (0,190) size 229x76 [bgcolor=#D3D3D3]
-      RenderTableSection {TBODY} at (0,0) size 229x76
-        RenderTableRow {TR} at (0,2) size 229x72
-          RenderTableCell {TD} at (2,52) size 45x22 [r=0 c=0 rs=1 cs=1]
-            RenderText {#text} at (1,1) size 43x19
-              text run at (1,1) width 43: "bottom"
-          RenderTableCell {TD} at (49,32) size 50x22 [r=0 c=1 rs=1 cs=1]
-            RenderText {#text} at (1,1) size 48x19
-              text run at (1,1) width 48: "baseline"
-          RenderTableCell {TD} at (101,2) size 22x22 [r=0 c=2 rs=1 cs=1]
-            RenderText {#text} at (1,1) size 20x19
-              text run at (1,1) width 20: "top"
-          RenderTableCell {TD} at (125,22) size 50x52 [r=0 c=3 rs=1 cs=1]
-            RenderFlexibleBox {DIV} at (1,11) size 48x40 [bgcolor=#808080]
-              RenderBlock {DIV} at (0,0) size 48x20
-                RenderText {#text} at (0,0) size 48x19
-                  text run at (0,0) width 48: "baseline"
-              RenderBlock {DIV} at (0,20) size 48x20
-                RenderText {#text} at (0,0) size 37x19
-                  text run at (0,0) width 37: "below"
-          RenderTableCell {TD} at (177,2) size 50x52 [r=0 c=4 rs=1 cs=1]
-            RenderFlexibleBox {DIV} at (1,11) size 48x40 [bgcolor=#808080]
-              RenderBlock {DIV} at (0,20) size 48x20
-                RenderText {#text} at (0,0) size 48x19
-                  text run at (0,0) width 48: "baseline"
-              RenderBlock {DIV} at (0,0) size 48x20
-                RenderText {#text} at (0,0) size 37x19
-                  text run at (0,0) width 37: "above"
-    RenderTable {TABLE} at (0,271) size 280x83 [bgcolor=#D3D3D3]
-      RenderTableSection {TBODY} at (0,0) size 280x83
-        RenderTableRow {TR} at (0,2) size 280x79
-          RenderTableCell {TD} at (2,59) size 45x22 [r=0 c=0 rs=1 cs=1]
-            RenderText {#text} at (1,1) size 43x19
-              text run at (1,1) width 43: "bottom"
-          RenderTableCell {TD} at (49,37) size 50x22 [r=0 c=1 rs=1 cs=1]
-            RenderText {#text} at (1,1) size 48x19
-              text run at (1,1) width 48: "baseline"
-          RenderTableCell {TD} at (101,2) size 22x22 [r=0 c=2 rs=1 cs=1]
-            RenderText {#text} at (1,1) size 20x19
-              text run at (1,1) width 20: "top"
-          RenderTableCell {TD} at (125,2) size 153x78.81 [r=0 c=3 rs=1 cs=1]
-            RenderFlexibleBox {DIV} at (1,11) size 151x66.81 [bgcolor=#808080]
-              RenderBlock {H2} at (0,19.91) size 114x27
-                RenderText {#text} at (0,0) size 114x26
-                  text run at (0,0) width 114: "h2 baseline"
-              RenderBlock {DIV} at (114,0) size 37x66.81
-                RenderText {#text} at (0,0) size 37x19
-                  text run at (0,0) width 37: "above"
-    RenderBlock {DIV} at (0,354) size 360x70
-      RenderText {#text} at (0,20) size 69x19
-        text run at (0,20) width 69: "before text "
-      RenderFlexibleBox {DIV} at (69,5) size 167x65 [bgcolor=#D3D3D3]
-      RenderText {#text} at (236,20) size 57x19
-        text run at (236,20) width 57: " after text"
-layer at (469,359) size 167x65 clip at (469,359) size 152x65 scrollY 10 scrollHeight 75
-  RenderBlock {DIV} at (0,0) size 167x65
-    RenderText {#text} at (0,15) size 147x19
-      text run at (0,15) width 147: "The baseline is based on"
-    RenderBR {BR} at (147,15) size 0x19
-    RenderText {#text} at (0,35) size 152x19
-      text run at (0,35) width 152: "the non-scrolled position;"
-    RenderBR {BR} at (152,35) size 0x19
-    RenderText {#text} at (0,55) size 104x19
-      text run at (0,55) width 104: "this won't line up."
-layer at (469,5) size 50x20
-  RenderBlock (positioned) {DIV} at (69,5) size 50x20
-    RenderText {#text} at (0,0) size 50x19
-      text run at (0,0) width 50: "absolute"
+      RenderText {#text} at (227,11) size 127x17
+        text run at (227,11) width 127: " of the grey flexbox"
+    RenderBlock {DIV} at (0,453) size 800x39
+      RenderText {#text} at (0,21) size 188x17
+        text run at (0,21) width 188: "should align with the bottom "
+      RenderFlexibleBox {DIV} at (187.98,5) size 30x30 [bgcolor=#D3D3D3]
+      RenderText {#text} at (217,21) size 128x17
+        text run at (217,21) width 128: " of the grey flexbox"
+layer at (400,0) size 360x416
+  RenderBlock (positioned) {DIV} at (400,0) size 360x416
+    RenderBlock {DIV} at (0,0) size 360x53
+      RenderText {#text} at (0,35) size 73x17
+        text run at (0,35) width 73: "before text "
+      RenderFlexibleBox {DIV} at (72.84,5) size 52.42x48 [bgcolor=#D3D3D3]
+        RenderBlock {DIV} at (0,30) size 52.42x18
+          RenderText {#text} at (0,0) size 53x17
+            text run at (0,0) width 53: "baseline"
+      RenderText {#text} at (125,35) size 62x17
+        text run at (125,35) width 62: " after text"
+    RenderBlock {DIV} at (0,53) size 360x45
+      RenderText {#text} at (0,5) size 73x17
+        text run at (0,5) width 73: "before text "
+      RenderFlexibleBox {DIV} at (72.84,5) size 91.53x40 [bgcolor=#D3D3D3]
+        RenderBlock {DIV} at (0,0) size 52.42x40
+          RenderText {#text} at (0,0) size 53x17
+            text run at (0,0) width 53: "baseline"
+        RenderBlock {DIV} at (52.42,22) size 39.11x18
+          RenderText {#text} at (0,0) size 40x17
+            text run at (0,0) width 40: "below"
+      RenderText {#text} at (164,5) size 62x17
+        text run at (164,5) width 62: " after text"
+    RenderBlock {DIV} at (0,98) size 360x45
+      RenderText {#text} at (0,15) size 73x17
+        text run at (0,15) width 73: "before text "
+      RenderBlock {DIV} at (72.84,0) size 162.14x45
+        RenderFlexibleBox {DIV} at (0,5) size 128.83x40 [bgcolor=#D3D3D3]
+          RenderBlock {DIV} at (0,0) size 38.20x40
+            RenderText {#text} at (0,0) size 39x17
+              text run at (0,0) width 39: "above"
+          RenderBlock {DIV} at (38.20,10) size 52.42x18
+            RenderText {#text} at (0,0) size 53x17
+              text run at (0,0) width 53: "baseline"
+          RenderBlock {DIV} at (90.63,0) size 38.20x40
+            RenderText {#text} at (0,0) size 39x17
+              text run at (0,0) width 39: "above"
+        RenderText {#text} at (128,15) size 35x17
+          text run at (128,15) width 35: " after"
+      RenderText {#text} at (234,15) size 29x17
+        text run at (234,15) width 29: " text"
+    RenderBlock {DIV} at (0,143) size 360x40
+      RenderText {#text} at (0,10) size 73x17
+        text run at (0,10) width 73: "before text "
+      RenderBlock {DIV} at (72.84,0) size 52.42x40
+        RenderFlexibleBox {DIV} at (0,10) size 52.42x30 [bgcolor=#808080]
+          RenderBlock (anonymous) at (0,0) size 52.42x30
+            RenderText {#text} at (0,0) size 53x17
+              text run at (0,0) width 53: "baseline"
+      RenderText {#text} at (125,10) size 62x17
+        text run at (125,10) width 62: " after text"
+    RenderTable {TABLE} at (0,188) size 248x70 [bgcolor=#D3D3D3]
+      RenderTableSection {TBODY} at (0,0) size 248x70
+        RenderTableRow {TR} at (0,2) size 248x66
+          RenderTableCell {TD} at (2,48) size 48x20 [r=0 c=0 rs=1 cs=1]
+            RenderText {#text} at (1,1) size 46x17
+              text run at (1,1) width 46: "bottom"
+          RenderTableCell {TD} at (52,30) size 55x20 [r=0 c=1 rs=1 cs=1]
+            RenderText {#text} at (1,1) size 53x17
+              text run at (1,1) width 53: "baseline"
+          RenderTableCell {TD} at (109,2) size 23x20 [r=0 c=2 rs=1 cs=1]
+            RenderText {#text} at (1,1) size 21x17
+              text run at (1,1) width 21: "top"
+          RenderTableCell {TD} at (134,20) size 55x48 [r=0 c=3 rs=1 cs=1]
+            RenderFlexibleBox {DIV} at (1,11) size 53x36 [bgcolor=#808080]
+              RenderBlock {DIV} at (0,0) size 53x18
+                RenderText {#text} at (0,0) size 53x17
+                  text run at (0,0) width 53: "baseline"
+              RenderBlock {DIV} at (0,18) size 53x18
+                RenderText {#text} at (0,0) size 40x17
+                  text run at (0,0) width 40: "below"
+          RenderTableCell {TD} at (191,2) size 55x48 [r=0 c=4 rs=1 cs=1]
+            RenderFlexibleBox {DIV} at (1,11) size 53x36 [bgcolor=#808080]
+              RenderBlock {DIV} at (0,18) size 53x18
+                RenderText {#text} at (0,0) size 53x17
+                  text run at (0,0) width 53: "baseline"
+              RenderBlock {DIV} at (0,0) size 53x18
+                RenderText {#text} at (0,0) size 39x17
+                  text run at (0,0) width 39: "above"
+    RenderTable {TABLE} at (0,263) size 291x83 [bgcolor=#D3D3D3]
+      RenderTableSection {TBODY} at (0,0) size 291x83
+        RenderTableRow {TR} at (0,2) size 291x79
+          RenderTableCell {TD} at (2,61) size 48x20 [r=0 c=0 rs=1 cs=1]
+            RenderText {#text} at (1,1) size 46x17
+              text run at (1,1) width 46: "bottom"
+          RenderTableCell {TD} at (52,38) size 55x20 [r=0 c=1 rs=1 cs=1]
+            RenderText {#text} at (1,1) size 53x17
+              text run at (1,1) width 53: "baseline"
+          RenderTableCell {TD} at (109,2) size 23x20 [r=0 c=2 rs=1 cs=1]
+            RenderText {#text} at (1,1) size 21x17
+              text run at (1,1) width 21: "top"
+          RenderTableCell {TD} at (134,2) size 155x78.81 [r=0 c=3 rs=1 cs=1]
+            RenderFlexibleBox {DIV} at (1,11) size 153x66.81 [bgcolor=#808080]
+              RenderBlock {H2} at (0,19.91) size 114.03x27
+                RenderText {#text} at (0,0) size 115x26
+                  text run at (0,0) width 115: "h2 baseline"
+              RenderBlock {DIV} at (114.03,0) size 38.20x66.81
+                RenderText {#text} at (0,0) size 39x17
+                  text run at (0,0) width 39: "above"
+    RenderBlock {DIV} at (0,346) size 360x70
+      RenderText {#text} at (0,20) size 73x17
+        text run at (0,20) width 73: "before text "
+      RenderFlexibleBox {DIV} at (72.84,5) size 178.53x65 [bgcolor=#D3D3D3]
+      RenderText {#text} at (251,20) size 62x17
+        text run at (251,20) width 62: " after text"
+layer at (473,351) size 179x65 backgroundClip at (473,351) size 178x65 clip at (473,351) size 163x65 scrollY 4.00 scrollHeight 69
+  RenderBlock {DIV} at (0,0) size 178.53x65
+    RenderText {#text} at (0,15) size 157x17
+      text run at (0,15) width 157: "The baseline is based on"
+    RenderBR {BR} at (156,15) size 1x17
+    RenderText {#text} at (0,33) size 164x17
+      text run at (0,33) width 164: "the non-scrolled position;"
+    RenderBR {BR} at (163,33) size 1x17
+    RenderText {#text} at (0,51) size 114x17
+      text run at (0,51) width 114: "this won't line up."
+layer at (473,5) size 53x18
+  RenderBlock (positioned) {DIV} at (72.84,5) size 53.33x18
+    RenderText {#text} at (0,0) size 54x17
+      text run at (0,0) width 54: "absolute"