Update To 11.40.268.0
[platform/framework/web/crosswalk.git] / src / third_party / WebKit / LayoutTests / platform / mac / fast / block / float / shrink-to-avoid-float-complexity-expected.txt
index cca8943..016d83b 100644 (file)
-layer at (0,0) size 785x2083
+layer at (0,0) size 785x2029
   RenderView at (0,0) size 785x600
-layer at (0,0) size 785x2083
-  RenderBlock {HTML} at (0,0) size 785x2083.34
-    RenderBody {BODY} at (8,19.91) size 769x2047.44
-      RenderBlock {H2} at (0,0) size 769x28
-        RenderText {#text} at (0,0) size 149x28
+layer at (0,0) size 785x2029
+  RenderBlock {HTML} at (0,0) size 785x2029.34
+    RenderBody {BODY} at (8,19.91) size 769x1993.44
+      RenderBlock {H2} at (0,0) size 769x24
+        RenderText {#text} at (0,0) size 149x24
           text run at (0,0) width 149: "Test 1 (1 float)"
-      RenderBlock {HR} at (48,295.91) size 673x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {H2} at (0,345.91) size 769x28
-        RenderText {#text} at (0,0) size 149x28
+      RenderBlock {HR} at (48,291.91) size 673x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {H2} at (0,341.91) size 769x24
+        RenderText {#text} at (0,0) size 149x24
           text run at (0,0) width 149: "Test 2 (1 float)"
-      RenderBlock {HR} at (48,641.81) size 673x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {H2} at (0,691.81) size 769x28
-        RenderText {#text} at (0,0) size 149x28
+      RenderBlock {HR} at (48,633.81) size 673x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {H2} at (0,683.81) size 769x24
+        RenderText {#text} at (0,0) size 149x24
           text run at (0,0) width 149: "Test 3 (1 float)"
-      RenderBlock {HR} at (48,987.72) size 673x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {H2} at (0,1037.72) size 769x28
-        RenderText {#text} at (0,0) size 158x28
+      RenderBlock {HR} at (48,975.72) size 673x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {H2} at (0,1025.72) size 769x24
+        RenderText {#text} at (0,0) size 158x24
           text run at (0,0) width 158: "Test 4 (2 floats)"
-      RenderBlock {HR} at (48,1333.63) size 673x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {H2} at (0,1383.63) size 769x28
-        RenderText {#text} at (0,0) size 158x28
+      RenderBlock {HR} at (48,1317.63) size 673x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {H2} at (0,1367.63) size 769x24
+        RenderText {#text} at (0,0) size 158x24
           text run at (0,0) width 158: "Test 5 (2 floats)"
-      RenderBlock {HR} at (48,1679.53) size 673x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {H2} at (0,1729.53) size 769x28
-        RenderText {#text} at (0,0) size 158x28
+      RenderBlock {HR} at (48,1659.53) size 673x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {H2} at (0,1709.53) size 769x24
+        RenderText {#text} at (0,0) size 158x24
           text run at (0,0) width 158: "Test 6 (2 floats)"
-layer at (8,68) size 769x200
-  RenderBlock {DIV} at (0,47.91) size 769x200 [bgcolor=#C0C0C0]
+layer at (8,64) size 769x200
+  RenderBlock {DIV} at (0,43.91) size 769x200 [bgcolor=#C0C0C0]
     RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
-      RenderText {#text} at (36,36) size 120x54
-        text run at (36,36) width 120: "This yellow square"
-        text run at (36,54) width 120: "is floated left and it"
-        text run at (36,72) width 93: "has no margin."
-layer at (208,68) size 469x162
-  RenderBlock {DIV} at (200,0) size 469x162 [bgcolor=#FFA500]
-    RenderText {#text} at (0,0) size 140x18
-      text run at (0,0) width 140: "This orange rectangle:"
-    RenderBR {BR} at (140,0) size 0x18
-    RenderText {#text} at (0,18) size 94x18
-      text run at (0,18) width 94: "\x{2013} establishes a "
-    RenderInline {STRONG} at (0,0) size 193x18
-      RenderText {#text} at (94,18) size 193x18
-        text run at (94,18) width 193: "new block formating context"
-    RenderText {#text} at (287,18) size 404x36
-      text run at (287,18) width 117: " thanks to the CSS"
-      text run at (0,36) width 73: "declaration "
-    RenderInline {CODE} at (0,0) size 128x15
-      RenderText {#text} at (73,38) size 128x15
-        text run at (73,38) width 128: "overflow: hidden"
-    RenderText {#text} at (201,36) size 4x18
-      text run at (201,36) width 4: ";"
-    RenderBR {BR} at (205,36) size 0x18
-    RenderText {#text} at (0,54) size 327x18
-      text run at (0,54) width 327: "\x{2013} has a 100px left margin and a 100px right margin;"
-    RenderBR {BR} at (327,54) size 0x18
-    RenderBR {BR} at (0,72) size 0x18
-    RenderText {#text} at (0,90) size 140x18
-      text run at (0,90) width 140: "This orange rectangle:"
-    RenderBR {BR} at (140,90) size 0x18
-    RenderText {#text} at (0,108) size 94x18
-      text run at (0,108) width 94: "\x{2013} establishes a "
-    RenderInline {STRONG} at (0,0) size 193x18
-      RenderText {#text} at (94,108) size 193x18
-        text run at (94,108) width 193: "new block formating context"
-    RenderText {#text} at (287,108) size 404x36
-      text run at (287,108) width 117: " thanks to the CSS"
-      text run at (0,126) width 73: "declaration "
-    RenderInline {CODE} at (0,0) size 128x15
-      RenderText {#text} at (73,128) size 128x15
-        text run at (73,128) width 128: "overflow: hidden"
-    RenderText {#text} at (201,126) size 4x18
-      text run at (201,126) width 4: ";"
-    RenderBR {BR} at (205,126) size 0x18
-    RenderText {#text} at (0,144) size 327x18
-      text run at (0,144) width 327: "\x{2013} has a 100px left margin and a 100px right margin;"
-layer at (8,414) size 769x200
-  RenderBlock {DIV} at (0,393.81) size 769x200 [bgcolor=#C0C0C0]
+      RenderText {#text} at (36,36) size 125x48
+        text run at (36,36) width 122: "This yellow square"
+        text run at (36,52) width 125: "is floated left and it"
+        text run at (36,68) width 95: "has no margin."
+layer at (208,64) size 469x144
+  RenderBlock {DIV} at (200,0) size 469x144 [bgcolor=#FFA500]
+    RenderText {#text} at (0,0) size 144x16
+      text run at (0,0) width 144: "This orange rectangle:"
+    RenderBR {BR} at (143,0) size 1x16
+    RenderText {#text} at (0,16) size 97x16
+      text run at (0,16) width 97: "\x{2013} establishes a "
+    RenderInline {STRONG} at (0,0) size 196x16
+      RenderText {#text} at (96,16) size 196x16
+        text run at (96,16) width 196: "new block formating context"
+    RenderText {#text} at (291,16) size 410x32
+      text run at (291,16) width 119: " thanks to the CSS"
+      text run at (0,32) width 76: "declaration "
+    RenderInline {CODE} at (0,0) size 125x13
+      RenderText {#text} at (75,34) size 125x13
+        text run at (75,34) width 125: "overflow: hidden"
+    RenderText {#text} at (199,32) size 6x16
+      text run at (199,32) width 6: ";"
+    RenderBR {BR} at (204,32) size 1x16
+    RenderText {#text} at (0,48) size 334x16
+      text run at (0,48) width 334: "\x{2013} has a 100px left margin and a 100px right margin;"
+    RenderBR {BR} at (333,48) size 1x16
+    RenderBR {BR} at (0,64) size 0x16
+    RenderText {#text} at (0,80) size 144x16
+      text run at (0,80) width 144: "This orange rectangle:"
+    RenderBR {BR} at (143,80) size 1x16
+    RenderText {#text} at (0,96) size 97x16
+      text run at (0,96) width 97: "\x{2013} establishes a "
+    RenderInline {STRONG} at (0,0) size 196x16
+      RenderText {#text} at (96,96) size 196x16
+        text run at (96,96) width 196: "new block formating context"
+    RenderText {#text} at (291,96) size 410x32
+      text run at (291,96) width 119: " thanks to the CSS"
+      text run at (0,112) width 76: "declaration "
+    RenderInline {CODE} at (0,0) size 125x13
+      RenderText {#text} at (75,114) size 125x13
+        text run at (75,114) width 125: "overflow: hidden"
+    RenderText {#text} at (199,112) size 6x16
+      text run at (199,112) width 6: ";"
+    RenderBR {BR} at (204,112) size 1x16
+    RenderText {#text} at (0,128) size 334x16
+      text run at (0,128) width 334: "\x{2013} has a 100px left margin and a 100px right margin;"
+layer at (8,406) size 769x200
+  RenderBlock {DIV} at (0,385.81) size 769x200 [bgcolor=#C0C0C0]
     RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
-      RenderText {#text} at (36,36) size 120x54
-        text run at (36,36) width 120: "This yellow square"
-        text run at (36,54) width 120: "is floated left and it"
-        text run at (36,72) width 93: "has no margin."
-layer at (208,414) size 569x162
-  RenderBlock {DIV} at (200,0) size 569x162 [bgcolor=#FFA500]
-    RenderText {#text} at (0,0) size 140x18
-      text run at (0,0) width 140: "This orange rectangle:"
-    RenderBR {BR} at (140,0) size 0x18
-    RenderText {#text} at (0,18) size 94x18
-      text run at (0,18) width 94: "\x{2013} establishes a "
-    RenderInline {STRONG} at (0,0) size 193x18
-      RenderText {#text} at (94,18) size 193x18
-        text run at (94,18) width 193: "new block formating context"
-    RenderText {#text} at (287,18) size 194x18
-      text run at (287,18) width 194: " thanks to the CSS declaration "
-    RenderInline {CODE} at (0,0) size 553x33
-      RenderText {#text} at (481,20) size 553x33
-        text run at (481,20) width 72: "overflow:"
-        text run at (0,38) width 48: "hidden"
-    RenderText {#text} at (48,36) size 4x18
-      text run at (48,36) width 4: ";"
-    RenderBR {BR} at (52,36) size 0x18
-    RenderText {#text} at (0,54) size 164x18
-      text run at (0,54) width 164: "\x{2013} has a 200px left margin;"
-    RenderBR {BR} at (164,54) size 0x18
-    RenderBR {BR} at (0,72) size 0x18
-    RenderText {#text} at (0,90) size 140x18
-      text run at (0,90) width 140: "This orange rectangle:"
-    RenderBR {BR} at (140,90) size 0x18
-    RenderText {#text} at (0,108) size 94x18
-      text run at (0,108) width 94: "\x{2013} establishes a "
-    RenderInline {STRONG} at (0,0) size 193x18
-      RenderText {#text} at (94,108) size 193x18
-        text run at (94,108) width 193: "new block formating context"
-    RenderText {#text} at (287,108) size 194x18
-      text run at (287,108) width 194: " thanks to the CSS declaration "
-    RenderInline {CODE} at (0,0) size 553x33
-      RenderText {#text} at (481,110) size 553x33
-        text run at (481,110) width 72: "overflow:"
-        text run at (0,128) width 48: "hidden"
-    RenderText {#text} at (48,126) size 4x18
-      text run at (48,126) width 4: ";"
-    RenderBR {BR} at (52,126) size 0x18
-    RenderText {#text} at (0,144) size 164x18
-      text run at (0,144) width 164: "\x{2013} has a 200px left margin;"
-layer at (8,760) size 769x200
-  RenderBlock {DIV} at (0,739.72) size 769x200 [bgcolor=#C0C0C0]
+      RenderText {#text} at (36,36) size 125x48
+        text run at (36,36) width 122: "This yellow square"
+        text run at (36,52) width 125: "is floated left and it"
+        text run at (36,68) width 95: "has no margin."
+layer at (208,406) size 569x144
+  RenderBlock {DIV} at (200,0) size 569x144 [bgcolor=#FFA500]
+    RenderText {#text} at (0,0) size 144x16
+      text run at (0,0) width 144: "This orange rectangle:"
+    RenderBR {BR} at (143,0) size 1x16
+    RenderText {#text} at (0,16) size 97x16
+      text run at (0,16) width 97: "\x{2013} establishes a "
+    RenderInline {STRONG} at (0,0) size 196x16
+      RenderText {#text} at (96,16) size 196x16
+        text run at (96,16) width 196: "new block formating context"
+    RenderText {#text} at (291,16) size 198x16
+      text run at (291,16) width 198: " thanks to the CSS declaration "
+    RenderInline {CODE} at (0,0) size 560x29
+      RenderText {#text} at (488,18) size 560x29
+        text run at (488,18) width 72: "overflow:"
+        text run at (0,34) width 47: "hidden"
+    RenderText {#text} at (46,32) size 6x16
+      text run at (46,32) width 6: ";"
+    RenderBR {BR} at (51,32) size 1x16
+    RenderText {#text} at (0,48) size 168x16
+      text run at (0,48) width 168: "\x{2013} has a 200px left margin;"
+    RenderBR {BR} at (167,48) size 1x16
+    RenderBR {BR} at (0,64) size 0x16
+    RenderText {#text} at (0,80) size 144x16
+      text run at (0,80) width 144: "This orange rectangle:"
+    RenderBR {BR} at (143,80) size 1x16
+    RenderText {#text} at (0,96) size 97x16
+      text run at (0,96) width 97: "\x{2013} establishes a "
+    RenderInline {STRONG} at (0,0) size 196x16
+      RenderText {#text} at (96,96) size 196x16
+        text run at (96,96) width 196: "new block formating context"
+    RenderText {#text} at (291,96) size 198x16
+      text run at (291,96) width 198: " thanks to the CSS declaration "
+    RenderInline {CODE} at (0,0) size 560x29
+      RenderText {#text} at (488,98) size 560x29
+        text run at (488,98) width 72: "overflow:"
+        text run at (0,114) width 47: "hidden"
+    RenderText {#text} at (46,112) size 6x16
+      text run at (46,112) width 6: ";"
+    RenderBR {BR} at (51,112) size 1x16
+    RenderText {#text} at (0,128) size 168x16
+      text run at (0,128) width 168: "\x{2013} has a 200px left margin;"
+layer at (8,748) size 769x200
+  RenderBlock {DIV} at (0,727.72) size 769x200 [bgcolor=#C0C0C0]
     RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
-      RenderText {#text} at (36,36) size 125x72
-        text run at (36,36) width 120: "This yellow square"
-        text run at (36,54) width 119: "is a floated left and"
-        text run at (36,72) width 125: "it has a right margin"
-        text run at (36,90) width 61: "of 100px."
-layer at (308,760) size 369x162
-  RenderBlock {DIV} at (300,0) size 369x162 [bgcolor=#FFA500]
-    RenderText {#text} at (0,0) size 140x18
-      text run at (0,0) width 140: "This orange rectangle:"
-    RenderBR {BR} at (140,0) size 0x18
-    RenderText {#text} at (0,18) size 94x18
-      text run at (0,18) width 94: "\x{2013} establishes a "
-    RenderInline {STRONG} at (0,0) size 193x18
-      RenderText {#text} at (94,18) size 193x18
-        text run at (94,18) width 193: "new block formating context"
-    RenderText {#text} at (287,18) size 348x36
-      text run at (287,18) width 61: " thanks to"
-      text run at (0,36) width 129: "the CSS declaration "
-    RenderInline {CODE} at (0,0) size 128x15
-      RenderText {#text} at (129,38) size 128x15
-        text run at (129,38) width 128: "overflow: hidden"
-    RenderText {#text} at (257,36) size 4x18
-      text run at (257,36) width 4: ";"
-    RenderBR {BR} at (261,36) size 0x18
-    RenderText {#text} at (0,54) size 311x18
-      text run at (0,54) width 311: "\x{2013} has a 0px left margin and a 100px right margin;"
-    RenderBR {BR} at (311,54) size 0x18
-    RenderBR {BR} at (0,72) size 0x18
-    RenderText {#text} at (0,90) size 140x18
-      text run at (0,90) width 140: "This orange rectangle:"
-    RenderBR {BR} at (140,90) size 0x18
-    RenderText {#text} at (0,108) size 94x18
-      text run at (0,108) width 94: "\x{2013} establishes a "
-    RenderInline {STRONG} at (0,0) size 193x18
-      RenderText {#text} at (94,108) size 193x18
-        text run at (94,108) width 193: "new block formating context"
-    RenderText {#text} at (287,108) size 348x36
-      text run at (287,108) width 61: " thanks to"
-      text run at (0,126) width 129: "the CSS declaration "
-    RenderInline {CODE} at (0,0) size 128x15
-      RenderText {#text} at (129,128) size 128x15
-        text run at (129,128) width 128: "overflow: hidden"
-    RenderText {#text} at (257,126) size 4x18
-      text run at (257,126) width 4: ";"
-    RenderBR {BR} at (261,126) size 0x18
-    RenderText {#text} at (0,144) size 311x18
-      text run at (0,144) width 311: "\x{2013} has a 0px left margin and a 100px right margin;"
-layer at (8,1106) size 769x200
-  RenderBlock {DIV} at (0,1085.63) size 769x200 [bgcolor=#C0C0C0]
+      RenderText {#text} at (36,36) size 123x64
+        text run at (36,36) width 122: "This yellow square"
+        text run at (36,52) width 123: "is a floated left and"
+        text run at (36,68) width 80: "it has a right"
+        text run at (36,84) width 111: "margin of 100px."
+layer at (308,748) size 369x144
+  RenderBlock {DIV} at (300,0) size 369x144 [bgcolor=#FFA500]
+    RenderText {#text} at (0,0) size 144x16
+      text run at (0,0) width 144: "This orange rectangle:"
+    RenderBR {BR} at (143,0) size 1x16
+    RenderText {#text} at (0,16) size 97x16
+      text run at (0,16) width 97: "\x{2013} establishes a "
+    RenderInline {STRONG} at (0,0) size 196x16
+      RenderText {#text} at (96,16) size 196x16
+        text run at (96,16) width 196: "new block formating context"
+    RenderText {#text} at (291,16) size 354x32
+      text run at (291,16) width 63: " thanks to"
+      text run at (0,32) width 132: "the CSS declaration "
+    RenderInline {CODE} at (0,0) size 125x13
+      RenderText {#text} at (131,34) size 125x13
+        text run at (131,34) width 125: "overflow: hidden"
+    RenderText {#text} at (255,32) size 6x16
+      text run at (255,32) width 6: ";"
+    RenderBR {BR} at (260,32) size 1x16
+    RenderText {#text} at (0,48) size 318x16
+      text run at (0,48) width 318: "\x{2013} has a 0px left margin and a 100px right margin;"
+    RenderBR {BR} at (317,48) size 1x16
+    RenderBR {BR} at (0,64) size 0x16
+    RenderText {#text} at (0,80) size 144x16
+      text run at (0,80) width 144: "This orange rectangle:"
+    RenderBR {BR} at (143,80) size 1x16
+    RenderText {#text} at (0,96) size 97x16
+      text run at (0,96) width 97: "\x{2013} establishes a "
+    RenderInline {STRONG} at (0,0) size 196x16
+      RenderText {#text} at (96,96) size 196x16
+        text run at (96,96) width 196: "new block formating context"
+    RenderText {#text} at (291,96) size 354x32
+      text run at (291,96) width 63: " thanks to"
+      text run at (0,112) width 132: "the CSS declaration "
+    RenderInline {CODE} at (0,0) size 125x13
+      RenderText {#text} at (131,114) size 125x13
+        text run at (131,114) width 125: "overflow: hidden"
+    RenderText {#text} at (255,112) size 6x16
+      text run at (255,112) width 6: ";"
+    RenderBR {BR} at (260,112) size 1x16
+    RenderText {#text} at (0,128) size 318x16
+      text run at (0,128) width 318: "\x{2013} has a 0px left margin and a 100px right margin;"
+layer at (8,1090) size 769x200
+  RenderBlock {DIV} at (0,1069.63) size 769x200 [bgcolor=#C0C0C0]
     RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
-      RenderText {#text} at (36,36) size 120x54
-        text run at (36,36) width 120: "This yellow square"
-        text run at (36,54) width 120: "is floated left and it"
-        text run at (36,72) width 93: "has no margin."
+      RenderText {#text} at (36,36) size 125x48
+        text run at (36,36) width 122: "This yellow square"
+        text run at (36,52) width 125: "is floated left and it"
+        text run at (36,68) width 95: "has no margin."
     RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
-      RenderText {#text} at (36,36) size 128x54
-        text run at (36,36) width 120: "This yellow square"
-        text run at (36,54) width 128: "is a floated right and"
-        text run at (36,72) width 105: "it has no margin."
-layer at (208,1106) size 369x162
-  RenderBlock {DIV} at (200,0) size 369x162 [bgcolor=#FFA500]
-    RenderText {#text} at (0,0) size 140x18
-      text run at (0,0) width 140: "This orange rectangle:"
-    RenderBR {BR} at (140,0) size 0x18
-    RenderText {#text} at (0,18) size 94x18
-      text run at (0,18) width 94: "\x{2013} establishes a "
-    RenderInline {STRONG} at (0,0) size 193x18
-      RenderText {#text} at (94,18) size 193x18
-        text run at (94,18) width 193: "new block formating context"
-    RenderText {#text} at (287,18) size 348x36
-      text run at (287,18) width 61: " thanks to"
-      text run at (0,36) width 129: "the CSS declaration "
-    RenderInline {CODE} at (0,0) size 128x15
-      RenderText {#text} at (129,38) size 128x15
-        text run at (129,38) width 128: "overflow: hidden"
-    RenderText {#text} at (257,36) size 4x18
-      text run at (257,36) width 4: ";"
-    RenderBR {BR} at (261,36) size 0x18
-    RenderText {#text} at (0,54) size 327x18
-      text run at (0,54) width 327: "\x{2013} has a 100px left margin and a 100px right margin;"
-    RenderBR {BR} at (327,54) size 0x18
-    RenderBR {BR} at (0,72) size 0x18
-    RenderText {#text} at (0,90) size 140x18
-      text run at (0,90) width 140: "This orange rectangle:"
-    RenderBR {BR} at (140,90) size 0x18
-    RenderText {#text} at (0,108) size 94x18
-      text run at (0,108) width 94: "\x{2013} establishes a "
-    RenderInline {STRONG} at (0,0) size 193x18
-      RenderText {#text} at (94,108) size 193x18
-        text run at (94,108) width 193: "new block formating context"
-    RenderText {#text} at (287,108) size 348x36
-      text run at (287,108) width 61: " thanks to"
-      text run at (0,126) width 129: "the CSS declaration "
-    RenderInline {CODE} at (0,0) size 128x15
-      RenderText {#text} at (129,128) size 128x15
-        text run at (129,128) width 128: "overflow: hidden"
-    RenderText {#text} at (257,126) size 4x18
-      text run at (257,126) width 4: ";"
-    RenderBR {BR} at (261,126) size 0x18
-    RenderText {#text} at (0,144) size 327x18
-      text run at (0,144) width 327: "\x{2013} has a 100px left margin and a 100px right margin;"
-layer at (8,1451) size 769x200
-  RenderBlock {DIV} at (0,1431.53) size 769x200 [bgcolor=#C0C0C0]
+      RenderText {#text} at (36,36) size 122x64
+        text run at (36,36) width 122: "This yellow square"
+        text run at (36,52) width 105: "is a floated right"
+        text run at (36,68) width 82: "and it has no"
+        text run at (36,84) width 50: "margin."
+layer at (208,1090) size 369x144
+  RenderBlock {DIV} at (200,0) size 369x144 [bgcolor=#FFA500]
+    RenderText {#text} at (0,0) size 144x16
+      text run at (0,0) width 144: "This orange rectangle:"
+    RenderBR {BR} at (143,0) size 1x16
+    RenderText {#text} at (0,16) size 97x16
+      text run at (0,16) width 97: "\x{2013} establishes a "
+    RenderInline {STRONG} at (0,0) size 196x16
+      RenderText {#text} at (96,16) size 196x16
+        text run at (96,16) width 196: "new block formating context"
+    RenderText {#text} at (291,16) size 354x32
+      text run at (291,16) width 63: " thanks to"
+      text run at (0,32) width 132: "the CSS declaration "
+    RenderInline {CODE} at (0,0) size 125x13
+      RenderText {#text} at (131,34) size 125x13
+        text run at (131,34) width 125: "overflow: hidden"
+    RenderText {#text} at (255,32) size 6x16
+      text run at (255,32) width 6: ";"
+    RenderBR {BR} at (260,32) size 1x16
+    RenderText {#text} at (0,48) size 334x16
+      text run at (0,48) width 334: "\x{2013} has a 100px left margin and a 100px right margin;"
+    RenderBR {BR} at (333,48) size 1x16
+    RenderBR {BR} at (0,64) size 0x16
+    RenderText {#text} at (0,80) size 144x16
+      text run at (0,80) width 144: "This orange rectangle:"
+    RenderBR {BR} at (143,80) size 1x16
+    RenderText {#text} at (0,96) size 97x16
+      text run at (0,96) width 97: "\x{2013} establishes a "
+    RenderInline {STRONG} at (0,0) size 196x16
+      RenderText {#text} at (96,96) size 196x16
+        text run at (96,96) width 196: "new block formating context"
+    RenderText {#text} at (291,96) size 354x32
+      text run at (291,96) width 63: " thanks to"
+      text run at (0,112) width 132: "the CSS declaration "
+    RenderInline {CODE} at (0,0) size 125x13
+      RenderText {#text} at (131,114) size 125x13
+        text run at (131,114) width 125: "overflow: hidden"
+    RenderText {#text} at (255,112) size 6x16
+      text run at (255,112) width 6: ";"
+    RenderBR {BR} at (260,112) size 1x16
+    RenderText {#text} at (0,128) size 334x16
+      text run at (0,128) width 334: "\x{2013} has a 100px left margin and a 100px right margin;"
+layer at (8,1431) size 769x200
+  RenderBlock {DIV} at (0,1411.53) size 769x200 [bgcolor=#C0C0C0]
     RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
-      RenderText {#text} at (36,36) size 120x54
-        text run at (36,36) width 120: "This yellow square"
-        text run at (36,54) width 120: "is floated left and it"
-        text run at (36,72) width 93: "has no margin."
+      RenderText {#text} at (36,36) size 125x48
+        text run at (36,36) width 122: "This yellow square"
+        text run at (36,52) width 125: "is floated left and it"
+        text run at (36,68) width 95: "has no margin."
     RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
-      RenderText {#text} at (36,36) size 128x54
-        text run at (36,36) width 120: "This yellow square"
-        text run at (36,54) width 128: "is a floated right and"
-        text run at (36,72) width 105: "it has no margin."
-layer at (208,1451) size 369x162
-  RenderBlock {DIV} at (200,0) size 369x162 [bgcolor=#FFA500]
-    RenderText {#text} at (0,0) size 140x18
-      text run at (0,0) width 140: "This orange rectangle:"
-    RenderBR {BR} at (140,0) size 0x18
-    RenderText {#text} at (0,18) size 94x18
-      text run at (0,18) width 94: "\x{2013} establishes a "
-    RenderInline {STRONG} at (0,0) size 193x18
-      RenderText {#text} at (94,18) size 193x18
-        text run at (94,18) width 193: "new block formating context"
-    RenderText {#text} at (287,18) size 348x36
-      text run at (287,18) width 61: " thanks to"
-      text run at (0,36) width 129: "the CSS declaration "
-    RenderInline {CODE} at (0,0) size 128x15
-      RenderText {#text} at (129,38) size 128x15
-        text run at (129,38) width 128: "overflow: hidden"
-    RenderText {#text} at (257,36) size 4x18
-      text run at (257,36) width 4: ";"
-    RenderBR {BR} at (261,36) size 0x18
-    RenderText {#text} at (0,54) size 173x18
-      text run at (0,54) width 173: "\x{2013} has a 200px right margin;"
-    RenderBR {BR} at (173,54) size 0x18
-    RenderBR {BR} at (0,72) size 0x18
-    RenderText {#text} at (0,90) size 140x18
-      text run at (0,90) width 140: "This orange rectangle:"
-    RenderBR {BR} at (140,90) size 0x18
-    RenderText {#text} at (0,108) size 94x18
-      text run at (0,108) width 94: "\x{2013} establishes a "
-    RenderInline {STRONG} at (0,0) size 193x18
-      RenderText {#text} at (94,108) size 193x18
-        text run at (94,108) width 193: "new block formating context"
-    RenderText {#text} at (287,108) size 348x36
-      text run at (287,108) width 61: " thanks to"
-      text run at (0,126) width 129: "the CSS declaration "
-    RenderInline {CODE} at (0,0) size 128x15
-      RenderText {#text} at (129,128) size 128x15
-        text run at (129,128) width 128: "overflow: hidden"
-    RenderText {#text} at (257,126) size 4x18
-      text run at (257,126) width 4: ";"
-    RenderBR {BR} at (261,126) size 0x18
-    RenderText {#text} at (0,144) size 173x18
-      text run at (0,144) width 173: "\x{2013} has a 200px right margin;"
-layer at (8,1797) size 769x270
-  RenderBlock {DIV} at (0,1777.44) size 769x270 [bgcolor=#C0C0C0]
+      RenderText {#text} at (36,36) size 122x64
+        text run at (36,36) width 122: "This yellow square"
+        text run at (36,52) width 105: "is a floated right"
+        text run at (36,68) width 82: "and it has no"
+        text run at (36,84) width 50: "margin."
+layer at (208,1431) size 369x144
+  RenderBlock {DIV} at (200,0) size 369x144 [bgcolor=#FFA500]
+    RenderText {#text} at (0,0) size 144x16
+      text run at (0,0) width 144: "This orange rectangle:"
+    RenderBR {BR} at (143,0) size 1x16
+    RenderText {#text} at (0,16) size 97x16
+      text run at (0,16) width 97: "\x{2013} establishes a "
+    RenderInline {STRONG} at (0,0) size 196x16
+      RenderText {#text} at (96,16) size 196x16
+        text run at (96,16) width 196: "new block formating context"
+    RenderText {#text} at (291,16) size 354x32
+      text run at (291,16) width 63: " thanks to"
+      text run at (0,32) width 132: "the CSS declaration "
+    RenderInline {CODE} at (0,0) size 125x13
+      RenderText {#text} at (131,34) size 125x13
+        text run at (131,34) width 125: "overflow: hidden"
+    RenderText {#text} at (255,32) size 6x16
+      text run at (255,32) width 6: ";"
+    RenderBR {BR} at (260,32) size 1x16
+    RenderText {#text} at (0,48) size 177x16
+      text run at (0,48) width 177: "\x{2013} has a 200px right margin;"
+    RenderBR {BR} at (176,48) size 1x16
+    RenderBR {BR} at (0,64) size 0x16
+    RenderText {#text} at (0,80) size 144x16
+      text run at (0,80) width 144: "This orange rectangle:"
+    RenderBR {BR} at (143,80) size 1x16
+    RenderText {#text} at (0,96) size 97x16
+      text run at (0,96) width 97: "\x{2013} establishes a "
+    RenderInline {STRONG} at (0,0) size 196x16
+      RenderText {#text} at (96,96) size 196x16
+        text run at (96,96) width 196: "new block formating context"
+    RenderText {#text} at (291,96) size 354x32
+      text run at (291,96) width 63: " thanks to"
+      text run at (0,112) width 132: "the CSS declaration "
+    RenderInline {CODE} at (0,0) size 125x13
+      RenderText {#text} at (131,114) size 125x13
+        text run at (131,114) width 125: "overflow: hidden"
+    RenderText {#text} at (255,112) size 6x16
+      text run at (255,112) width 6: ";"
+    RenderBR {BR} at (260,112) size 1x16
+    RenderText {#text} at (0,128) size 177x16
+      text run at (0,128) width 177: "\x{2013} has a 200px right margin;"
+layer at (8,1773) size 769x240
+  RenderBlock {DIV} at (0,1753.44) size 769x240 [bgcolor=#C0C0C0]
     RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
-      RenderText {#text} at (36,36) size 120x72
-        text run at (36,36) width 120: "This yellow square"
-        text run at (36,54) width 120: "is floated left and it"
-        text run at (36,72) width 113: "has a right margin"
-        text run at (36,90) width 61: "of 100px."
+      RenderText {#text} at (36,36) size 125x64
+        text run at (36,36) width 122: "This yellow square"
+        text run at (36,52) width 125: "is floated left and it"
+        text run at (36,68) width 116: "has a right margin"
+        text run at (36,84) width 62: "of 100px."
     RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
-      RenderText {#text} at (36,36) size 120x72
-        text run at (36,36) width 120: "This yellow square"
-        text run at (36,54) width 117: "is floated right and"
-        text run at (36,72) width 116: "it has a left margin"
-        text run at (36,90) width 61: "of 100px."
-layer at (308,1797) size 169x270
-  RenderBlock {DIV} at (300,0) size 169x270 [bgcolor=#FFA500]
-    RenderText {#text} at (0,0) size 140x18
-      text run at (0,0) width 140: "This orange rectangle:"
-    RenderBR {BR} at (140,0) size 0x18
-    RenderText {#text} at (0,18) size 94x18
-      text run at (0,18) width 94: "\x{2013} establishes a "
-    RenderInline {STRONG} at (0,0) size 163x36
-      RenderText {#text} at (94,18) size 163x36
-        text run at (94,18) width 69: "new block"
-        text run at (0,36) width 120: "formating context"
-    RenderText {#text} at (120,36) size 165x36
-      text run at (120,36) width 45: " thanks"
-      text run at (0,54) width 141: "to the CSS declaration"
-    RenderInline {CODE} at (0,0) size 128x15
-      RenderText {#text} at (0,74) size 128x15
-        text run at (0,74) width 128: "overflow: hidden"
-    RenderText {#text} at (128,72) size 4x18
-      text run at (128,72) width 4: ";"
-    RenderBR {BR} at (132,72) size 0x18
-    RenderText {#text} at (0,90) size 147x36
-      text run at (0,90) width 144: "\x{2013} has a 0px left margin"
-      text run at (0,108) width 147: "and a 0px right margin;"
-    RenderBR {BR} at (147,108) size 0x18
-    RenderBR {BR} at (0,126) size 0x18
-    RenderText {#text} at (0,144) size 140x18
-      text run at (0,144) width 140: "This orange rectangle:"
-    RenderBR {BR} at (140,144) size 0x18
-    RenderText {#text} at (0,162) size 94x18
-      text run at (0,162) width 94: "\x{2013} establishes a "
-    RenderInline {STRONG} at (0,0) size 163x36
-      RenderText {#text} at (94,162) size 163x36
-        text run at (94,162) width 69: "new block"
-        text run at (0,180) width 120: "formating context"
-    RenderText {#text} at (120,180) size 165x36
-      text run at (120,180) width 45: " thanks"
-      text run at (0,198) width 141: "to the CSS declaration"
-    RenderInline {CODE} at (0,0) size 128x15
-      RenderText {#text} at (0,218) size 128x15
-        text run at (0,218) width 128: "overflow: hidden"
-    RenderText {#text} at (128,216) size 4x18
-      text run at (128,216) width 4: ";"
-    RenderBR {BR} at (132,216) size 0x18
-    RenderText {#text} at (0,234) size 147x36
-      text run at (0,234) width 144: "\x{2013} has a 0px left margin"
-      text run at (0,252) width 147: "and a 0px right margin;"
+      RenderText {#text} at (36,36) size 122x64
+        text run at (36,36) width 122: "This yellow square"
+        text run at (36,52) width 121: "is floated right and"
+        text run at (36,68) width 120: "it has a left margin"
+        text run at (36,84) width 62: "of 100px."
+layer at (308,1773) size 169x240
+  RenderBlock {DIV} at (300,0) size 169x240 [bgcolor=#FFA500]
+    RenderText {#text} at (0,0) size 144x16
+      text run at (0,0) width 144: "This orange rectangle:"
+    RenderBR {BR} at (143,0) size 1x16
+    RenderText {#text} at (0,16) size 97x16
+      text run at (0,16) width 97: "\x{2013} establishes a "
+    RenderInline {STRONG} at (0,0) size 166x32
+      RenderText {#text} at (96,16) size 166x32
+        text run at (96,16) width 70: "new block"
+        text run at (0,32) width 123: "formating context"
+    RenderText {#text} at (122,32) size 168x32
+      text run at (122,32) width 46: " thanks"
+      text run at (0,48) width 144: "to the CSS declaration"
+    RenderInline {CODE} at (0,0) size 125x13
+      RenderText {#text} at (0,66) size 125x13
+        text run at (0,66) width 125: "overflow: hidden"
+    RenderText {#text} at (124,64) size 6x16
+      text run at (124,64) width 6: ";"
+    RenderBR {BR} at (129,64) size 1x16
+    RenderText {#text} at (0,80) size 151x32
+      text run at (0,80) width 148: "\x{2013} has a 0px left margin"
+      text run at (0,96) width 151: "and a 0px right margin;"
+    RenderBR {BR} at (150,96) size 1x16
+    RenderBR {BR} at (0,112) size 0x16
+    RenderText {#text} at (0,128) size 144x16
+      text run at (0,128) width 144: "This orange rectangle:"
+    RenderBR {BR} at (143,128) size 1x16
+    RenderText {#text} at (0,144) size 97x16
+      text run at (0,144) width 97: "\x{2013} establishes a "
+    RenderInline {STRONG} at (0,0) size 166x32
+      RenderText {#text} at (96,144) size 166x32
+        text run at (96,144) width 70: "new block"
+        text run at (0,160) width 123: "formating context"
+    RenderText {#text} at (122,160) size 168x32
+      text run at (122,160) width 46: " thanks"
+      text run at (0,176) width 144: "to the CSS declaration"
+    RenderInline {CODE} at (0,0) size 125x13
+      RenderText {#text} at (0,194) size 125x13
+        text run at (0,194) width 125: "overflow: hidden"
+    RenderText {#text} at (124,192) size 6x16
+      text run at (124,192) width 6: ";"
+    RenderBR {BR} at (129,192) size 1x16
+    RenderText {#text} at (0,208) size 151x32
+      text run at (0,208) width 148: "\x{2013} has a 0px left margin"
+      text run at (0,224) width 151: "and a 0px right margin;"