2009-08-31 Andras Becsi <becsi.andras@stud.u-szeged.hu>
authorzoltan@webkit.org <zoltan@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 31 Aug 2009 12:50:15 +0000 (12:50 +0000)
committerzoltan@webkit.org <zoltan@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 31 Aug 2009 12:50:15 +0000 (12:50 +0000)
        Reviewed by Ariya Hidayat.

        [Qt] Update outdated font metrics in the remaining css1 tests. All tests pass.

        * platform/qt/Skipped:
        * platform/qt/css1/text_properties/letter_spacing-expected.txt:
        * platform/qt/css1/text_properties/line_height-expected.txt:
        * platform/qt/css1/text_properties/text_align-expected.txt:
        * platform/qt/css1/text_properties/text_decoration-expected.txt:
        * platform/qt/css1/text_properties/text_indent-expected.txt:
        * platform/qt/css1/text_properties/text_transform-expected.txt:
        * platform/qt/css1/text_properties/vertical_align-expected.txt:
        * platform/qt/css1/text_properties/word_spacing-expected.txt:
        * platform/qt/css1/units/color_units-expected.txt:
        * platform/qt/css1/units/length_units-expected.txt:
        * platform/qt/css1/units/percentage_units-expected.txt:
        * platform/qt/css1/units/urls-expected.txt:

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@47894 268f45cc-cd09-0410-ab3c-d52691b4dbfc

14 files changed:
LayoutTests/ChangeLog
LayoutTests/platform/qt/Skipped
LayoutTests/platform/qt/css1/text_properties/letter_spacing-expected.txt
LayoutTests/platform/qt/css1/text_properties/line_height-expected.txt
LayoutTests/platform/qt/css1/text_properties/text_align-expected.txt
LayoutTests/platform/qt/css1/text_properties/text_decoration-expected.txt
LayoutTests/platform/qt/css1/text_properties/text_indent-expected.txt
LayoutTests/platform/qt/css1/text_properties/text_transform-expected.txt
LayoutTests/platform/qt/css1/text_properties/vertical_align-expected.txt
LayoutTests/platform/qt/css1/text_properties/word_spacing-expected.txt
LayoutTests/platform/qt/css1/units/color_units-expected.txt
LayoutTests/platform/qt/css1/units/length_units-expected.txt
LayoutTests/platform/qt/css1/units/percentage_units-expected.txt
LayoutTests/platform/qt/css1/units/urls-expected.txt

index 3a5d8cc..db62ace 100644 (file)
@@ -2,6 +2,26 @@
 
         Reviewed by Ariya Hidayat.
 
+        [Qt] Update outdated font metrics in the remaining css1 tests. All tests pass.
+
+        * platform/qt/Skipped:
+        * platform/qt/css1/text_properties/letter_spacing-expected.txt:
+        * platform/qt/css1/text_properties/line_height-expected.txt:
+        * platform/qt/css1/text_properties/text_align-expected.txt:
+        * platform/qt/css1/text_properties/text_decoration-expected.txt:
+        * platform/qt/css1/text_properties/text_indent-expected.txt:
+        * platform/qt/css1/text_properties/text_transform-expected.txt:
+        * platform/qt/css1/text_properties/vertical_align-expected.txt:
+        * platform/qt/css1/text_properties/word_spacing-expected.txt:
+        * platform/qt/css1/units/color_units-expected.txt:
+        * platform/qt/css1/units/length_units-expected.txt:
+        * platform/qt/css1/units/percentage_units-expected.txt:
+        * platform/qt/css1/units/urls-expected.txt:
+
+2009-08-31  Andras Becsi  <becsi.andras@stud.u-szeged.hu>
+
+        Reviewed by Ariya Hidayat.
+
         [Qt] Update font metrics for these css1 tests.
 
         * platform/qt/Skipped:
index 59de3d6..a279889 100644 (file)
@@ -1095,18 +1095,6 @@ fast/loader/stop-provisional-loads.html
 # Skip tests with metrics for now
 animations/animation-drt-api.html
 animations/animation-drt-api-multiple-keyframes.html
-css1/text_properties/letter_spacing.html
-css1/text_properties/line_height.html
-css1/text_properties/text_align.html
-css1/text_properties/text_decoration.html
-css1/text_properties/text_indent.html
-css1/text_properties/text_transform.html
-css1/text_properties/vertical_align.html
-css1/text_properties/word_spacing.html
-css1/units/color_units.html
-css1/units/length_units.html
-css1/units/percentage_units.html
-css1/units/urls.html
 css2.1/css1_forward_compatible_parsing.html
 css2.1/t010403-shand-border-00-c.html
 css2.1/t010403-shand-font-00-b.html
index 7e2cd84..5f337a7 100644 (file)
-layer at (0,0) size 800x1390
+layer at (0,0) size 800x1224
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1390
-  RenderBlock {HTML} at (0,0) size 800x1390
-    RenderBody {BODY} at (8,8) size 784x1374 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x209
-        RenderText {#text} at (0,0) size 203x209
-          text run at (0,0) width 171: ".one {letter-spacing: 0.3in;}"
-          text run at (171,0) width 0: " "
-          text run at (0,19) width 177: ".two {letter-spacing: 0.5cm;}"
-          text run at (177,19) width 0: " "
-          text run at (0,38) width 181: ".three {letter-spacing: 5mm;}"
-          text run at (181,38) width 0: " "
-          text run at (0,57) width 161: ".four {letter-spacing: 3pt;}"
-          text run at (161,57) width 0: " "
-          text run at (0,76) width 181: ".five {letter-spacing: 0.25pc;}"
-          text run at (181,76) width 0: " "
-          text run at (0,95) width 161: ".six {letter-spacing: 1em;}"
-          text run at (161,95) width 0: " "
-          text run at (0,114) width 177: ".seven {letter-spacing: 1ex;}"
-          text run at (177,114) width 0: " "
-          text run at (0,133) width 170: ".eight {letter-spacing: 5px;}"
-          text run at (170,133) width 0: " "
-          text run at (0,152) width 187: ".nine {letter-spacing: normal;}"
-          text run at (187,152) width 0: " "
-          text run at (0,171) width 172: ".ten {letter-spacing: 300%;}"
-          text run at (172,171) width 0: " "
-          text run at (0,190) width 203: ".eleven {letter-spacing: -0.1em;}"
-          text run at (203,190) width 0: " "
-      RenderBlock {HR} at (0,256) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,272) size 784x76
-        RenderText {#text} at (0,0) size 699x76
-          text run at (0,0) width 671: "This letters in this"
-          text run at (0,19) width 699: "sentence should have"
-          text run at (0,38) width 664: "extra space between"
-          text run at (0,57) width 176: "them."
-      RenderBlock {P} at (0,362) size 784x57
-        RenderText {#text} at (0,0) size 771x57
-          text run at (0,0) width 695: "This letters in this sentence"
-          text run at (0,19) width 771: "should have extra space between"
-          text run at (0,38) width 126: "them."
-      RenderBlock {P} at (0,433) size 784x57
-        RenderText {#text} at (0,0) size 771x57
-          text run at (0,0) width 695: "This letters in this sentence"
-          text run at (0,19) width 771: "should have extra space between"
-          text run at (0,38) width 126: "them."
-      RenderBlock {P} at (0,504) size 784x19
-        RenderText {#text} at (0,0) size 698x19
-          text run at (0,0) width 698: "This letters in this sentence should have extra space between them."
-      RenderBlock {P} at (0,537) size 784x19
-        RenderText {#text} at (0,0) size 698x19
-          text run at (0,0) width 698: "This letters in this sentence should have extra space between them."
-      RenderBlock {P} at (0,570) size 784x38
-        RenderText {#text} at (0,0) size 723x38
-          text run at (0,0) width 723: "This letters in this sentence should"
-          text run at (0,19) width 627: "have extra space between them."
-      RenderBlock {P} at (0,622) size 784x38
-        RenderText {#text} at (0,0) size 703x38
-          text run at (0,0) width 703: "This letters in this sentence should have extra space"
-          text run at (0,19) width 185: "between them."
-      RenderBlock {P} at (0,674) size 784x38
-        RenderText {#text} at (0,0) size 765x38
-          text run at (0,0) width 765: "This letters in this sentence should have extra space between them,"
-          text run at (0,19) width 438: "but the last few words in the sentence "
-        RenderInline {SPAN} at (0,0) size 180x19
-          RenderText {#text} at (438,19) size 180x19
-            text run at (438,19) width 180: "should show normal spacing"
-        RenderText {#text} at (618,19) size 9x19
-          text run at (618,19) width 9: "."
-      RenderBlock {P} at (0,726) size 784x38
-        RenderText {#text} at (0,0) size 747x38
-          text run at (0,0) width 747: "This letters in this sentence should have normal space between them, since percentage values are not allowed on this"
-          text run at (0,19) width 57: "property."
-      RenderBlock {P} at (0,778) size 784x19
-        RenderText {#text} at (0,0) size 653x19
-          text run at (0,0) width 653: "This letters in this sentence should have reduced space between them, since negative values are allowed on this property."
-      RenderTable {TABLE} at (0,811) size 784x563 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x561
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x533
-            RenderTableCell {TD} at (0,281) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+layer at (0,0) size 800x1224
+  RenderBlock {HTML} at (0,0) size 800x1224
+    RenderBody {BODY} at (8,8) size 784x1208 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x187
+        RenderText {#text} at (0,0) size 184x187
+          text run at (0,0) width 155: ".one {letter-spacing: 0.3in;}"
+          text run at (155,0) width 0: " "
+          text run at (0,17) width 162: ".two {letter-spacing: 0.5cm;}"
+          text run at (162,17) width 0: " "
+          text run at (0,34) width 164: ".three {letter-spacing: 5mm;}"
+          text run at (164,34) width 0: " "
+          text run at (0,51) width 146: ".four {letter-spacing: 3pt;}"
+          text run at (146,51) width 0: " "
+          text run at (0,68) width 166: ".five {letter-spacing: 0.25pc;}"
+          text run at (166,68) width 0: " "
+          text run at (0,85) width 148: ".six {letter-spacing: 1em;}"
+          text run at (148,85) width 0: " "
+          text run at (0,102) width 162: ".seven {letter-spacing: 1ex;}"
+          text run at (162,102) width 0: " "
+          text run at (0,119) width 155: ".eight {letter-spacing: 5px;}"
+          text run at (155,119) width 0: " "
+          text run at (0,136) width 169: ".nine {letter-spacing: normal;}"
+          text run at (169,136) width 0: " "
+          text run at (0,153) width 157: ".ten {letter-spacing: 300%;}"
+          text run at (157,153) width 0: " "
+          text run at (0,170) width 184: ".eleven {letter-spacing: -0.1em;}"
+          text run at (184,170) width 0: " "
+      RenderBlock {HR} at (0,230) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,245) size 784x68
+        RenderText {#text} at (0,0) size 687x68
+          text run at (0,0) width 664: "This letters in this"
+          text run at (0,17) width 687: "sentence should have"
+          text run at (0,34) width 652: "extra space between"
+          text run at (0,51) width 173: "them."
+      RenderBlock {P} at (0,326) size 784x51
+        RenderText {#text} at (0,0) size 752x51
+          text run at (0,0) width 683: "This letters in this sentence"
+          text run at (0,17) width 752: "should have extra space between"
+          text run at (0,34) width 123: "them."
+      RenderBlock {P} at (0,390) size 784x51
+        RenderText {#text} at (0,0) size 752x51
+          text run at (0,0) width 683: "This letters in this sentence"
+          text run at (0,17) width 752: "should have extra space between"
+          text run at (0,34) width 123: "them."
+      RenderBlock {P} at (0,454) size 784x17
+        RenderText {#text} at (0,0) size 664x17
+          text run at (0,0) width 664: "This letters in this sentence should have extra space between them."
+      RenderBlock {P} at (0,484) size 784x17
+        RenderText {#text} at (0,0) size 664x17
+          text run at (0,0) width 664: "This letters in this sentence should have extra space between them."
+      RenderBlock {P} at (0,514) size 784x34
+        RenderText {#text} at (0,0) size 768x34
+          text run at (0,0) width 768: "This letters in this sentence should have"
+          text run at (0,17) width 482: "extra space between them."
+      RenderBlock {P} at (0,561) size 784x34
+        RenderText {#text} at (0,0) size 678x34
+          text run at (0,0) width 678: "This letters in this sentence should have extra space"
+          text run at (0,17) width 176: "between them."
+      RenderBlock {P} at (0,608) size 784x34
+        RenderText {#text} at (0,0) size 773x34
+          text run at (0,0) width 773: "This letters in this sentence should have extra space between them, but"
+          text run at (0,17) width 377: "the last few words in the sentence "
+        RenderInline {SPAN} at (0,0) size 164x17
+          RenderText {#text} at (377,17) size 164x17
+            text run at (377,17) width 164: "should show normal spacing"
+        RenderText {#text} at (541,17) size 9x17
+          text run at (541,17) width 9: "."
+      RenderBlock {P} at (0,655) size 784x17
+        RenderText {#text} at (0,0) size 740x17
+          text run at (0,0) width 740: "This letters in this sentence should have normal space between them, since percentage values are not allowed on this property."
+      RenderBlock {P} at (0,685) size 784x17
+        RenderText {#text} at (0,0) size 589x17
+          text run at (0,0) width 589: "This letters in this sentence should have reduced space between them, since negative values are allowed on this property."
+      RenderTable {TABLE} at (0,715) size 784x493 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x491
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x465
+            RenderTableCell {TD} at (0,246) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x533 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x76
-                RenderText {#text} at (0,0) size 699x76
-                  text run at (0,0) width 671: "This letters in this"
-                  text run at (0,19) width 699: "sentence should have"
-                  text run at (0,38) width 664: "extra space between"
-                  text run at (0,57) width 176: "them."
-              RenderBlock {P} at (4,94) size 762x57
-                RenderText {#text} at (0,0) size 695x57
-                  text run at (0,0) width 695: "This letters in this sentence"
-                  text run at (0,19) width 569: "should have extra space"
-                  text run at (0,38) width 328: "between them."
-              RenderBlock {P} at (4,165) size 762x57
-                RenderText {#text} at (0,0) size 695x57
-                  text run at (0,0) width 695: "This letters in this sentence"
-                  text run at (0,19) width 569: "should have extra space"
-                  text run at (0,38) width 328: "between them."
-              RenderBlock {P} at (4,236) size 762x19
-                RenderText {#text} at (0,0) size 698x19
-                  text run at (0,0) width 698: "This letters in this sentence should have extra space between them."
-              RenderBlock {P} at (4,269) size 762x19
-                RenderText {#text} at (0,0) size 698x19
-                  text run at (0,0) width 698: "This letters in this sentence should have extra space between them."
-              RenderBlock {P} at (4,302) size 762x38
-                RenderText {#text} at (0,0) size 723x38
-                  text run at (0,0) width 723: "This letters in this sentence should"
-                  text run at (0,19) width 627: "have extra space between them."
-              RenderBlock {P} at (4,354) size 762x38
-                RenderText {#text} at (0,0) size 703x38
-                  text run at (0,0) width 703: "This letters in this sentence should have extra space"
-                  text run at (0,19) width 185: "between them."
-              RenderBlock {P} at (4,406) size 762x38
-                RenderText {#text} at (0,0) size 695x38
-                  text run at (0,0) width 695: "This letters in this sentence should have extra space between"
-                  text run at (0,19) width 508: "them, but the last few words in the sentence "
-                RenderInline {SPAN} at (0,0) size 180x19
-                  RenderText {#text} at (508,19) size 180x19
-                    text run at (508,19) width 180: "should show normal spacing"
-                RenderText {#text} at (688,19) size 9x19
-                  text run at (688,19) width 9: "."
-              RenderBlock {P} at (4,458) size 762x38
-                RenderText {#text} at (0,0) size 747x38
-                  text run at (0,0) width 747: "This letters in this sentence should have normal space between them, since percentage values are not allowed on this"
-                  text run at (0,19) width 57: "property."
-              RenderBlock {P} at (4,510) size 762x19
-                RenderText {#text} at (0,0) size 653x19
-                  text run at (0,0) width 653: "This letters in this sentence should have reduced space between them, since negative values are allowed on this property."
+            RenderTableCell {TD} at (12,26) size 770x465 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x68
+                RenderText {#text} at (0,0) size 687x68
+                  text run at (0,0) width 664: "This letters in this"
+                  text run at (0,17) width 687: "sentence should have"
+                  text run at (0,34) width 652: "extra space between"
+                  text run at (0,51) width 173: "them."
+              RenderBlock {P} at (4,85) size 762x51
+                RenderText {#text} at (0,0) size 752x51
+                  text run at (0,0) width 683: "This letters in this sentence"
+                  text run at (0,17) width 752: "should have extra space between"
+                  text run at (0,34) width 123: "them."
+              RenderBlock {P} at (4,149) size 762x51
+                RenderText {#text} at (0,0) size 752x51
+                  text run at (0,0) width 683: "This letters in this sentence"
+                  text run at (0,17) width 752: "should have extra space between"
+                  text run at (0,34) width 123: "them."
+              RenderBlock {P} at (4,213) size 762x17
+                RenderText {#text} at (0,0) size 664x17
+                  text run at (0,0) width 664: "This letters in this sentence should have extra space between them."
+              RenderBlock {P} at (4,243) size 762x17
+                RenderText {#text} at (0,0) size 664x17
+                  text run at (0,0) width 664: "This letters in this sentence should have extra space between them."
+              RenderBlock {P} at (4,273) size 762x34
+                RenderText {#text} at (0,0) size 671x34
+                  text run at (0,0) width 671: "This letters in this sentence should"
+                  text run at (0,17) width 579: "have extra space between them."
+              RenderBlock {P} at (4,320) size 762x34
+                RenderText {#text} at (0,0) size 678x34
+                  text run at (0,0) width 678: "This letters in this sentence should have extra space"
+                  text run at (0,17) width 176: "between them."
+              RenderBlock {P} at (4,367) size 762x34
+                RenderText {#text} at (0,0) size 731x34
+                  text run at (0,0) width 731: "This letters in this sentence should have extra space between them,"
+                  text run at (0,17) width 419: "but the last few words in the sentence "
+                RenderInline {SPAN} at (0,0) size 164x17
+                  RenderText {#text} at (419,17) size 164x17
+                    text run at (419,17) width 164: "should show normal spacing"
+                RenderText {#text} at (583,17) size 9x17
+                  text run at (583,17) width 9: "."
+              RenderBlock {P} at (4,414) size 762x17
+                RenderText {#text} at (0,0) size 740x17
+                  text run at (0,0) width 740: "This letters in this sentence should have normal space between them, since percentage values are not allowed on this property."
+              RenderBlock {P} at (4,444) size 762x17
+                RenderText {#text} at (0,0) size 589x17
+                  text run at (0,0) width 589: "This letters in this sentence should have reduced space between them, since negative values are allowed on this property."
index 8c4568d..b4438d2 100644 (file)
-layer at (0,0) size 800x2939
+layer at (0,0) size 800x2901
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x2939
-  RenderBlock {HTML} at (0,0) size 800x2939
-    RenderBody {BODY} at (8,8) size 784x2923 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x266
-        RenderText {#text} at (0,0) size 309x266
-          text run at (0,0) width 252: ".one {line-height: 0.5in; font-size: 12px;}"
-          text run at (252,0) width 0: " "
-          text run at (0,19) width 246: ".two {line-height: 2cm; font-size: 12px;}"
-          text run at (246,19) width 0: " "
-          text run at (0,38) width 270: ".three {line-height: 20mm; font-size: 12px;}"
-          text run at (270,38) width 0: " "
-          text run at (0,57) width 250: ".four {line-height: 24pt; font-size: 12px;}"
-          text run at (250,57) width 0: " "
-          text run at (0,76) width 242: ".five {line-height: 2pc; font-size: 12px;}"
-          text run at (242,76) width 0: " "
-          text run at (0,95) width 242: ".six {line-height: 2em; font-size: 12px;}"
-          text run at (242,95) width 0: " "
-          text run at (0,114) width 258: ".seven {line-height: 3ex; font-size: 12px;}"
-          text run at (258,114) width 0: " "
-          text run at (0,133) width 264: ".eight {line-height: 200%; font-size: 12px;}"
-          text run at (264,133) width 0: " "
-          text run at (0,152) width 232: ".nine {line-height: 2; font-size: 12px;}"
-          text run at (232,152) width 0: " "
-          text run at (0,171) width 248: ".ten {line-height: 50px; font-size: 12px;}"
-          text run at (248,171) width 0: " "
-          text run at (0,190) width 272: ".eleven {line-height: -1em; font-size: 12px;}"
-          text run at (272,190) width 0: " "
-          text run at (0,209) width 309: "TABLE .ten {line-height: normal; font-size: 12px;}"
-          text run at (309,209) width 0: " "
-          text run at (0,228) width 193: "DIV {background-color: silver;}"
-          text run at (193,228) width 0: " "
-          text run at (0,247) width 242: "SPAN.color {background-color: silver;}"
-          text run at (242,247) width 0: " "
-      RenderBlock {HR} at (0,313) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,327) size 784x48
-        RenderText {#text} at (0,15) size 588x17
-          text run at (0,15) width 588: "This sentence should have a line-height of half an inch, which should cause extra spacing between the lines."
-      RenderBlock {P} at (0,387) size 784x75
-        RenderText {#text} at (0,29) size 610x17
+layer at (0,0) size 800x2901
+  RenderBlock {HTML} at (0,0) size 800x2901
+    RenderBody {BODY} at (8,8) size 784x2885 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x238
+        RenderText {#text} at (0,0) size 284x238
+          text run at (0,0) width 230: ".one {line-height: 0.5in; font-size: 12px;}"
+          text run at (230,0) width 0: " "
+          text run at (0,17) width 226: ".two {line-height: 2cm; font-size: 12px;}"
+          text run at (226,17) width 0: " "
+          text run at (0,34) width 246: ".three {line-height: 20mm; font-size: 12px;}"
+          text run at (246,34) width 0: " "
+          text run at (0,51) width 228: ".four {line-height: 24pt; font-size: 12px;}"
+          text run at (228,51) width 0: " "
+          text run at (0,68) width 223: ".five {line-height: 2pc; font-size: 12px;}"
+          text run at (223,68) width 0: " "
+          text run at (0,85) width 223: ".six {line-height: 2em; font-size: 12px;}"
+          text run at (223,85) width 0: " "
+          text run at (0,102) width 237: ".seven {line-height: 3ex; font-size: 12px;}"
+          text run at (237,102) width 0: " "
+          text run at (0,119) width 242: ".eight {line-height: 200%; font-size: 12px;}"
+          text run at (242,119) width 0: " "
+          text run at (0,136) width 212: ".nine {line-height: 2; font-size: 12px;}"
+          text run at (212,136) width 0: " "
+          text run at (0,153) width 227: ".ten {line-height: 50px; font-size: 12px;}"
+          text run at (227,153) width 0: " "
+          text run at (0,170) width 248: ".eleven {line-height: -1em; font-size: 12px;}"
+          text run at (248,170) width 0: " "
+          text run at (0,187) width 284: "TABLE .ten {line-height: normal; font-size: 12px;}"
+          text run at (284,187) width 0: " "
+          text run at (0,204) width 176: "DIV {background-color: silver;}"
+          text run at (176,204) width 0: " "
+          text run at (0,221) width 222: "SPAN.color {background-color: silver;}"
+          text run at (222,221) width 0: " "
+      RenderBlock {HR} at (0,281) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,295) size 784x48
+        RenderText {#text} at (0,16) size 588x16
+          text run at (0,16) width 588: "This sentence should have a line-height of half an inch, which should cause extra spacing between the lines."
+      RenderBlock {P} at (0,355) size 784x75
+        RenderText {#text} at (0,29) size 610x16
           text run at (0,29) width 610: "This sentence should have a line-height of two centimeters, which should cause extra spacing between the lines."
-      RenderBlock {P} at (0,474) size 784x75
-        RenderText {#text} at (0,29) size 622x17
+      RenderBlock {P} at (0,442) size 784x75
+        RenderText {#text} at (0,29) size 622x16
           text run at (0,29) width 622: "This sentence should have a line-height of twenty millimeters, which should cause extra spacing between the lines."
-      RenderBlock {P} at (0,561) size 784x32
-        RenderText {#text} at (0,7) size 621x17
-          text run at (0,7) width 621: "This sentence should have a line-height of twenty-four points, which should cause extra spacing between the lines."
-      RenderBlock {P} at (0,605) size 784x32
-        RenderText {#text} at (0,7) size 576x17
-          text run at (0,7) width 576: "This sentence should have a line-height of two picas, which should cause extra spacing between the lines."
-      RenderBlock {P} at (0,649) size 784x24
-        RenderText {#text} at (0,3) size 564x17
-          text run at (0,3) width 564: "This sentence should have a line-height of two em, which should cause extra spacing between the lines."
-      RenderBlock {P} at (0,685) size 784x18
-        RenderText {#text} at (0,0) size 569x17
-          text run at (0,0) width 569: "This sentence should have a line-height of three ex, which should cause extra spacing between the lines."
-      RenderBlock {P} at (0,715) size 784x24
-        RenderText {#text} at (0,3) size 621x17
-          text run at (0,3) width 621: "This sentence should have a line-height of twice the font size, which should cause extra spacing between the lines."
-      RenderBlock {DIV} at (0,751) size 784x168 [bgcolor=#C0C0C0]
+      RenderBlock {P} at (0,529) size 784x32
+        RenderText {#text} at (0,8) size 621x16
+          text run at (0,8) width 621: "This sentence should have a line-height of twenty-four points, which should cause extra spacing between the lines."
+      RenderBlock {P} at (0,573) size 784x32
+        RenderText {#text} at (0,8) size 576x16
+          text run at (0,8) width 576: "This sentence should have a line-height of two picas, which should cause extra spacing between the lines."
+      RenderBlock {P} at (0,617) size 784x24
+        RenderText {#text} at (0,4) size 564x16
+          text run at (0,4) width 564: "This sentence should have a line-height of two em, which should cause extra spacing between the lines."
+      RenderBlock {P} at (0,653) size 784x18
+        RenderText {#text} at (0,1) size 569x16
+          text run at (0,1) width 569: "This sentence should have a line-height of three ex, which should cause extra spacing between the lines."
+      RenderBlock {P} at (0,683) size 784x24
+        RenderText {#text} at (0,4) size 621x16
+          text run at (0,4) width 621: "This sentence should have a line-height of twice the font size, which should cause extra spacing between the lines."
+      RenderBlock {DIV} at (0,719) size 784x168 [bgcolor=#C0C0C0]
         RenderBlock (anonymous) at (0,0) size 784x24
-          RenderText {#text} at (0,3) size 670x17
-            text run at (0,3) width 670: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
+          RenderText {#text} at (0,4) size 670x16
+            text run at (0,4) width 670: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
         RenderBlock {P} at (0,48) size 784x72
-          RenderText {#text} at (0,-3) size 740x79
+          RenderText {#text} at (0,-3) size 740x78
             text run at (0,-3) width 740: "This sentence should have a line-height of twice the DIV's font size, or"
             text run at (0,21) width 736: "28px; this should not cause extra spacing between the lines, since the"
             text run at (0,45) width 560: "line-height and font-size should have the same value."
         RenderBlock (anonymous) at (0,144) size 784x24
-          RenderText {#text} at (0,3) size 691x17
-            text run at (0,3) width 691: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
-      RenderBlock {P} at (0,931) size 784x24
-        RenderText {#text} at (0,3) size 621x17
-          text run at (0,3) width 621: "This sentence should have a line-height of twice the font size, which should cause extra spacing between the lines."
-      RenderBlock {DIV} at (0,967) size 784x288 [bgcolor=#C0C0C0]
+          RenderText {#text} at (0,4) size 691x16
+            text run at (0,4) width 691: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
+      RenderBlock {P} at (0,899) size 784x24
+        RenderText {#text} at (0,4) size 621x16
+          text run at (0,4) width 621: "This sentence should have a line-height of twice the font size, which should cause extra spacing between the lines."
+      RenderBlock {DIV} at (0,935) size 784x288 [bgcolor=#C0C0C0]
         RenderBlock (anonymous) at (0,0) size 784x24
-          RenderText {#text} at (0,3) size 670x17
-            text run at (0,3) width 670: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
+          RenderText {#text} at (0,4) size 670x16
+            text run at (0,4) width 670: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
         RenderBlock {P} at (0,48) size 784x192
-          RenderText {#text} at (0,8) size 763x175
-            text run at (0,8) width 739: "This sentence should have a line-height of twice the font size, which is"
-            text run at (0,56) width 738: "200% normal thanks to an inline style; this should cause extra spacing"
-            text run at (0,104) width 763: "between the lines, as the font-size will be 28px and the line-height will be"
-            text run at (0,152) width 58: "56px."
+          RenderText {#text} at (0,9) size 763x174
+            text run at (0,9) width 739: "This sentence should have a line-height of twice the font size, which is"
+            text run at (0,57) width 738: "200% normal thanks to an inline style; this should cause extra spacing"
+            text run at (0,105) width 763: "between the lines, as the font-size will be 28px and the line-height will be"
+            text run at (0,153) width 58: "56px."
         RenderBlock (anonymous) at (0,264) size 784x24
-          RenderText {#text} at (0,3) size 691x17
-            text run at (0,3) width 691: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
-      RenderBlock {P} at (0,1267) size 784x100
-        RenderText {#text} at (0,16) size 754x67
-          text run at (0,16) width 681: "This paragraph should have a line-height of 50 pixels in the first section, which should cause extra spacing between the lines. "
-          text run at (681,16) width 73: "In the second"
-          text run at (0,66) width 309: "section (within the table) its line-height should be normal."
-      RenderBlock {P} at (0,1379) size 784x17
-        RenderText {#text} at (0,0) size 585x17
+          RenderText {#text} at (0,4) size 691x16
+            text run at (0,4) width 691: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
+      RenderBlock {P} at (0,1235) size 784x100
+        RenderText {#text} at (0,17) size 754x66
+          text run at (0,17) width 681: "This paragraph should have a line-height of 50 pixels in the first section, which should cause extra spacing between the lines. "
+          text run at (681,17) width 73: "In the second"
+          text run at (0,67) width 309: "section (within the table) its line-height should be normal."
+      RenderBlock {P} at (0,1347) size 784x16
+        RenderText {#text} at (0,0) size 585x16
           text run at (0,0) width 585: "This sentence should have a normal line-height, because negative values are not permitted for this property."
-      RenderBlock {P} at (0,1408) size 784x225
-        RenderInline {SPAN} at (0,0) size 765x167 [bgcolor=#C0C0C0]
-          RenderText {#text} at (0,29) size 765x167
+      RenderBlock {P} at (0,1375) size 784x225
+        RenderInline {SPAN} at (0,0) size 765x166 [bgcolor=#C0C0C0]
+          RenderText {#text} at (0,29) size 765x166
             text run at (0,29) width 757: "This sentence should have a line-height of two centimeters, which should cause extra spacing between the lines. The text has a background"
             text run at (0,104) width 765: "color of silver, but no padding or border. The background color has been set on an inline element and should therefore only cover the text, not"
             text run at (0,179) width 113: "the interline spacing."
         RenderText {#text} at (0,0) size 0x0
-      RenderTable {TABLE} at (0,1645) size 784x1278 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x1276
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x1248
-            RenderTableCell {TD} at (0,638) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+      RenderTable {TABLE} at (0,1612) size 784x1273 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x1271
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x1245
+            RenderTableCell {TD} at (0,636) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x1248 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 770x1245 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x48
-                RenderText {#text} at (0,15) size 588x17
-                  text run at (0,15) width 588: "This sentence should have a line-height of half an inch, which should cause extra spacing between the lines."
+                RenderText {#text} at (0,16) size 588x16
+                  text run at (0,16) width 588: "This sentence should have a line-height of half an inch, which should cause extra spacing between the lines."
               RenderBlock {P} at (4,64) size 762x75
-                RenderText {#text} at (0,29) size 610x17
+                RenderText {#text} at (0,29) size 610x16
                   text run at (0,29) width 610: "This sentence should have a line-height of two centimeters, which should cause extra spacing between the lines."
               RenderBlock {P} at (4,151) size 762x75
-                RenderText {#text} at (0,29) size 622x17
+                RenderText {#text} at (0,29) size 622x16
                   text run at (0,29) width 622: "This sentence should have a line-height of twenty millimeters, which should cause extra spacing between the lines."
               RenderBlock {P} at (4,238) size 762x32
-                RenderText {#text} at (0,7) size 621x17
-                  text run at (0,7) width 621: "This sentence should have a line-height of twenty-four points, which should cause extra spacing between the lines."
+                RenderText {#text} at (0,8) size 621x16
+                  text run at (0,8) width 621: "This sentence should have a line-height of twenty-four points, which should cause extra spacing between the lines."
               RenderBlock {P} at (4,282) size 762x32
-                RenderText {#text} at (0,7) size 576x17
-                  text run at (0,7) width 576: "This sentence should have a line-height of two picas, which should cause extra spacing between the lines."
+                RenderText {#text} at (0,8) size 576x16
+                  text run at (0,8) width 576: "This sentence should have a line-height of two picas, which should cause extra spacing between the lines."
               RenderBlock {P} at (4,326) size 762x24
-                RenderText {#text} at (0,3) size 564x17
-                  text run at (0,3) width 564: "This sentence should have a line-height of two em, which should cause extra spacing between the lines."
+                RenderText {#text} at (0,4) size 564x16
+                  text run at (0,4) width 564: "This sentence should have a line-height of two em, which should cause extra spacing between the lines."
               RenderBlock {P} at (4,362) size 762x18
-                RenderText {#text} at (0,0) size 569x17
-                  text run at (0,0) width 569: "This sentence should have a line-height of three ex, which should cause extra spacing between the lines."
+                RenderText {#text} at (0,1) size 569x16
+                  text run at (0,1) width 569: "This sentence should have a line-height of three ex, which should cause extra spacing between the lines."
               RenderBlock {P} at (4,392) size 762x24
-                RenderText {#text} at (0,3) size 621x17
-                  text run at (0,3) width 621: "This sentence should have a line-height of twice the font size, which should cause extra spacing between the lines."
+                RenderText {#text} at (0,4) size 621x16
+                  text run at (0,4) width 621: "This sentence should have a line-height of twice the font size, which should cause extra spacing between the lines."
               RenderBlock {DIV} at (4,428) size 762x168 [bgcolor=#C0C0C0]
                 RenderBlock (anonymous) at (0,0) size 762x24
-                  RenderText {#text} at (0,3) size 670x17
-                    text run at (0,3) width 670: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
+                  RenderText {#text} at (0,4) size 670x16
+                    text run at (0,4) width 670: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
                 RenderBlock {P} at (0,48) size 762x72
-                  RenderText {#text} at (0,-3) size 740x79
+                  RenderText {#text} at (0,-3) size 740x78
                     text run at (0,-3) width 740: "This sentence should have a line-height of twice the DIV's font size, or"
                     text run at (0,21) width 736: "28px; this should not cause extra spacing between the lines, since the"
                     text run at (0,45) width 560: "line-height and font-size should have the same value."
                 RenderBlock (anonymous) at (0,144) size 762x24
-                  RenderText {#text} at (0,3) size 691x17
-                    text run at (0,3) width 691: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
+                  RenderText {#text} at (0,4) size 691x16
+                    text run at (0,4) width 691: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
               RenderBlock {P} at (4,608) size 762x24
-                RenderText {#text} at (0,3) size 621x17
-                  text run at (0,3) width 621: "This sentence should have a line-height of twice the font size, which should cause extra spacing between the lines."
+                RenderText {#text} at (0,4) size 621x16
+                  text run at (0,4) width 621: "This sentence should have a line-height of twice the font size, which should cause extra spacing between the lines."
               RenderBlock {DIV} at (4,644) size 762x288 [bgcolor=#C0C0C0]
                 RenderBlock (anonymous) at (0,0) size 762x24
-                  RenderText {#text} at (0,3) size 670x17
-                    text run at (0,3) width 670: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
+                  RenderText {#text} at (0,4) size 670x16
+                    text run at (0,4) width 670: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
                 RenderBlock {P} at (0,48) size 762x192
-                  RenderText {#text} at (0,8) size 739x175
-                    text run at (0,8) width 739: "This sentence should have a line-height of twice the font size, which is"
-                    text run at (0,56) width 738: "200% normal thanks to an inline style; this should cause extra spacing"
-                    text run at (0,104) width 730: "between the lines, as the font-size will be 28px and the line-height will"
-                    text run at (0,152) width 91: "be 56px."
+                  RenderText {#text} at (0,9) size 739x174
+                    text run at (0,9) width 739: "This sentence should have a line-height of twice the font size, which is"
+                    text run at (0,57) width 738: "200% normal thanks to an inline style; this should cause extra spacing"
+                    text run at (0,105) width 730: "between the lines, as the font-size will be 28px and the line-height will"
+                    text run at (0,153) width 91: "be 56px."
                 RenderBlock (anonymous) at (0,264) size 762x24
-                  RenderText {#text} at (0,3) size 691x17
-                    text run at (0,3) width 691: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
-              RenderBlock {P} at (4,944) size 762x34
-                RenderText {#text} at (0,0) size 754x34
+                  RenderText {#text} at (0,4) size 691x16
+                    text run at (0,4) width 691: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
+              RenderBlock {P} at (4,944) size 762x32
+                RenderText {#text} at (0,0) size 754x32
                   text run at (0,0) width 681: "This paragraph should have a line-height of 50 pixels in the first section, which should cause extra spacing between the lines. "
                   text run at (681,0) width 73: "In the second"
-                  text run at (0,17) width 309: "section (within the table) its line-height should be normal."
-              RenderBlock {P} at (4,990) size 762x17
-                RenderText {#text} at (0,0) size 585x17
+                  text run at (0,16) width 309: "section (within the table) its line-height should be normal."
+              RenderBlock {P} at (4,988) size 762x16
+                RenderText {#text} at (0,0) size 585x16
                   text run at (0,0) width 585: "This sentence should have a normal line-height, because negative values are not permitted for this property."
-              RenderBlock {P} at (4,1019) size 762x225
-                RenderInline {SPAN} at (0,0) size 757x167 [bgcolor=#C0C0C0]
-                  RenderText {#text} at (0,29) size 757x167
+              RenderBlock {P} at (4,1016) size 762x225
+                RenderInline {SPAN} at (0,0) size 757x166 [bgcolor=#C0C0C0]
+                  RenderText {#text} at (0,29) size 757x166
                     text run at (0,29) width 757: "This sentence should have a line-height of two centimeters, which should cause extra spacing between the lines. The text has a background"
                     text run at (0,104) width 745: "color of silver, but no padding or border. The background color has been set on an inline element and should therefore only cover the text,"
                     text run at (0,179) width 133: "not the interline spacing."
index 27ddbb7..4a30c64 100644 (file)
@@ -3,58 +3,56 @@ layer 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 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x95
-        RenderText {#text} at (0,0) size 161x95
-          text run at (0,0) width 131: ".one {text-align: left;}"
-          text run at (131,0) width 0: " "
-          text run at (0,19) width 138: ".two {text-align: right;}"
-          text run at (138,19) width 0: " "
-          text run at (0,38) width 161: ".three {text-align: center;}"
-          text run at (161,38) width 0: " "
-          text run at (0,57) width 149: ".four {text-align: justify;}"
-          text run at (149,57) width 0: " "
-          text run at (0,76) width 0: " "
-      RenderBlock {HR} at (0,142) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,158) size 784x19
-        RenderText {#text} at (0,0) size 235x19
-          text run at (0,0) width 235: "This sentence should be left-justified."
-      RenderBlock {P} at (0,191) size 784x19
-        RenderText {#text} at (540,0) size 244x19
-          text run at (540,0) width 244: "This sentence should be right-justified."
-      RenderBlock {P} at (0,224) size 784x19
-        RenderText {#text} at (282,0) size 219x19
-          text run at (282,0) width 219: "This sentence should be centered."
-      RenderBlock {P} at (0,257) size 784x57
-        RenderText {#text} at (0,0) size 784x57
-          text run at (0,0) width 784: "This sentence should be fully justified, which means that the right and left margins of this paragraph should line up, no"
-          text run at (0,19) width 784: "matter how long the paragraph becomes; the exception, of course, is the last line, which should be left-justified in Western"
-          text run at (0,38) width 70: "languages."
-      RenderTable {TABLE} at (0,328) size 784x194 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x192
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x164
-            RenderTableCell {TD} at (0,96) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x85
+        RenderText {#text} at (0,0) size 146x85
+          text run at (0,0) width 120: ".one {text-align: left;}"
+          text run at (120,0) width 0: " "
+          text run at (0,17) width 126: ".two {text-align: right;}"
+          text run at (126,17) width 0: " "
+          text run at (0,34) width 146: ".three {text-align: center;}"
+          text run at (146,34) width 0: " "
+          text run at (0,51) width 138: ".four {text-align: justify;}"
+          text run at (138,51) width 0: " "
+          text run at (0,68) width 0: " "
+      RenderBlock {HR} at (0,128) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,143) size 784x17
+        RenderText {#text} at (0,0) size 217x17
+          text run at (0,0) width 217: "This sentence should be left-justified."
+      RenderBlock {P} at (0,173) size 784x17
+        RenderText {#text} at (560,0) size 224x17
+          text run at (560,0) width 224: "This sentence should be right-justified."
+      RenderBlock {P} at (0,203) size 784x17
+        RenderText {#text} at (292,0) size 200x17
+          text run at (292,0) width 200: "This sentence should be centered."
+      RenderBlock {P} at (0,233) size 784x34
+        RenderText {#text} at (0,0) size 784x34
+          text run at (0,0) width 784: "This sentence should be fully justified, which means that the right and left margins of this paragraph should line up, no matter how long"
+          text run at (0,17) width 678: "the paragraph becomes; the exception, of course, is the last line, which should be left-justified in Western languages."
+      RenderTable {TABLE} at (0,280) size 784x160 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x158
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x132
+            RenderTableCell {TD} at (0,79) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x164 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x19
-                RenderText {#text} at (0,0) size 235x19
-                  text run at (0,0) width 235: "This sentence should be left-justified."
-              RenderBlock {P} at (4,37) size 762x19
-                RenderText {#text} at (518,0) size 244x19
-                  text run at (518,0) width 244: "This sentence should be right-justified."
-              RenderBlock {P} at (4,70) size 762x19
-                RenderText {#text} at (271,0) size 219x19
-                  text run at (271,0) width 219: "This sentence should be centered."
-              RenderBlock {P} at (4,103) size 762x57
-                RenderText {#text} at (0,0) size 762x57
-                  text run at (0,0) width 762: "This sentence should be fully justified, which means that the right and left margins of this paragraph should line up, no"
-                  text run at (0,19) width 762: "matter how long the paragraph becomes; the exception, of course, is the last line, which should be left-justified in"
-                  text run at (0,38) width 127: "Western languages."
+            RenderTableCell {TD} at (12,26) size 770x132 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x17
+                RenderText {#text} at (0,0) size 217x17
+                  text run at (0,0) width 217: "This sentence should be left-justified."
+              RenderBlock {P} at (4,34) size 762x17
+                RenderText {#text} at (538,0) size 224x17
+                  text run at (538,0) width 224: "This sentence should be right-justified."
+              RenderBlock {P} at (4,64) size 762x17
+                RenderText {#text} at (281,0) size 200x17
+                  text run at (281,0) width 200: "This sentence should be centered."
+              RenderBlock {P} at (4,94) size 762x34
+                RenderText {#text} at (0,0) size 762x34
+                  text run at (0,0) width 762: "This sentence should be fully justified, which means that the right and left margins of this paragraph should line up, no matter how"
+                  text run at (0,17) width 706: "long the paragraph becomes; the exception, of course, is the last line, which should be left-justified in Western languages."
index 629019a..e5cbbdc 100644 (file)
-layer at (0,0) size 800x1177
+layer at (0,0) size 800x1018
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1177
-  RenderBlock {HTML} at (0,0) size 800x1177
-    RenderBody {BODY} at (8,8) size 784x1161 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x152
-        RenderText {#text} at (0,0) size 356x152
-          text run at (0,0) width 208: ".one {text-decoration: underline;}"
-          text run at (208,0) width 0: " "
-          text run at (0,19) width 197: ".two {text-decoration: overline;}"
-          text run at (197,19) width 0: " "
-          text run at (0,38) width 234: ".three {text-decoration: line-through;}"
-          text run at (234,38) width 0: " "
-          text run at (0,57) width 179: ".four {text-decoration: blink;}"
-          text run at (179,57) width 0: " "
-          text run at (0,76) width 188: "B.five {text-decoration: none;}"
-          text run at (188,76) width 0: " "
-          text run at (0,95) width 255: ".six {text-decoration: underline overline;}"
-          text run at (255,95) width 0: " "
-          text run at (0,114) width 356: ".seven {text-decoration: underline overline line-through;}"
-          text run at (356,114) width 0: " "
-          text run at (0,133) width 0: " "
-      RenderBlock {HR} at (0,199) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,215) size 784x19
-        RenderText {#text} at (0,0) size 230x19
-          text run at (0,0) width 230: "This sentence should be underlined."
-      RenderBlock {P} at (0,248) size 784x19
-        RenderText {#text} at (0,0) size 221x19
-          text run at (0,0) width 221: "This sentence should be overlined."
-      RenderBlock {P} at (0,281) size 784x19
-        RenderText {#text} at (0,0) size 339x19
-          text run at (0,0) width 339: "This sentence should have stricken text (linethrough)."
-      RenderBlock {P} at (0,314) size 784x19
-        RenderText {#text} at (0,0) size 586x19
-          text run at (0,0) width 208: "This element should be blinking. "
-          text run at (208,0) width 378: "(It is not required, however, that UAs support this behavior.)"
-      RenderBlock {P} at (0,347) size 784x39
-        RenderText {#text} at (0,0) size 511x19
-          text run at (0,0) width 293: "The text in this element should be underlined. "
-          text run at (293,0) width 218: "The boldfaced text in this element "
-        RenderInline {B} at (0,0) size 180x20
-          RenderText {#text} at (511,0) size 180x20
-            text run at (511,0) width 180: "should also be underlined"
-        RenderText {#text} at (691,0) size 740x39
-          text run at (691,0) width 8: ". "
-          text run at (699,0) width 41: "This is"
-          text run at (0,20) width 721: "because the parent's underline will 'span' the boldfaced text, even if the inline element has no underline of its own."
-      RenderBlock {P} at (0,400) size 784x19
-        RenderText {#text} at (0,0) size 320x19
-          text run at (0,0) width 320: "This sentence should be underlined and overlined."
-      RenderBlock {P} at (0,433) size 784x19
-        RenderText {#text} at (0,0) size 381x19
-          text run at (0,0) width 381: "This sentence should be underlined, overlined, and stricken."
-      RenderBlock {P} at (0,466) size 784x0
-      RenderBlock {P} at (0,466) size 784x38
-        RenderText {#text} at (0,0) size 776x38
-          text run at (0,0) width 776: "There should be nothing visible between this sentence and the one above (there is an empty paragraph element with class"
-          text run at (0,19) width 63: "of seven)."
-      RenderBlock {P} at (0,518) size 784x59
-        RenderText {#text} at (0,1) size 644x19
-          text run at (0,1) width 644: "Text decorations only apply to the text of an element, so the image at the end of this sentence should "
-        RenderInline {EM} at (0,0) size 20x19
-          RenderText {#text} at (644,1) size 20x19
-            text run at (644,1) width 20: "not"
-        RenderText {#text} at (664,1) size 90x19
-          text run at (664,1) width 90: " be overlined: "
-        RenderImage {IMG} at (754,0) size 15x15
-        RenderText {#text} at (769,1) size 773x58
-          text run at (769,1) width 4: "."
-          text run at (0,21) width 740: "The underline of the parent element should hold true beneath the image, however, since text-decoration 'spans' child"
-          text run at (0,40) width 62: "elements."
-      RenderBlock {P} at (0,591) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 103x19
-          text run at (0,0) width 103: "The underlining "
-        RenderInline {SPAN} at (0,0) size 99x19 [color=#0000FF]
-          RenderText {#text} at (103,0) size 99x19
-            text run at (103,0) width 99: "in this sentence"
-        RenderText {#text} at (202,0) size 238x19
-          text run at (202,0) width 238: " should be green, no matter what the "
-        RenderInline {SPAN} at (0,0) size 109x19 [color=#000000]
-          RenderText {#text} at (440,0) size 109x19
-            text run at (440,0) width 109: "text color may be"
-        RenderText {#text} at (549,0) size 4x19
-          text run at (549,0) width 4: "."
-      RenderBlock {P} at (0,624) size 784x38
-        RenderText {#text} at (0,0) size 111x19
-          text run at (0,0) width 111: "The colors of the "
-        RenderInline {SPAN} at (0,0) size 70x19 [color=#800080]
-          RenderText {#text} at (111,0) size 70x19
-            text run at (111,0) width 70: "underlining"
-        RenderText {#text} at (181,0) size 19x19
-          text run at (181,0) width 19: " in "
-        RenderInline {SPAN} at (0,0) size 84x19 [color=#0000FF]
-          RenderText {#text} at (200,0) size 84x19
-            text run at (200,0) width 84: "this sentence"
-        RenderText {#text} at (284,0) size 70x19
-          text run at (284,0) width 70: " should be "
-        RenderInline {SPAN} at (0,0) size 218x19 [color=#808080]
-          RenderText {#text} at (354,0) size 218x19
-            text run at (354,0) width 218: "the same as that of the parent text"
-        RenderText {#text} at (572,0) size 748x38
-          text run at (572,0) width 176: " (that is, the first word in the"
-          text run at (0,19) width 214: "sentence, which should be black)."
-      RenderTable {TABLE} at (0,676) size 784x485 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x483
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x455
-            RenderTableCell {TD} at (0,242) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+layer at (0,0) size 800x1018
+  RenderBlock {HTML} at (0,0) size 800x1018
+    RenderBody {BODY} at (8,8) size 784x1002 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x136
+        RenderText {#text} at (0,0) size 321x136
+          text run at (0,0) width 187: ".one {text-decoration: underline;}"
+          text run at (187,0) width 0: " "
+          text run at (0,17) width 179: ".two {text-decoration: overline;}"
+          text run at (179,17) width 0: " "
+          text run at (0,34) width 210: ".three {text-decoration: line-through;}"
+          text run at (210,34) width 0: " "
+          text run at (0,51) width 163: ".four {text-decoration: blink;}"
+          text run at (163,51) width 0: " "
+          text run at (0,68) width 172: "B.five {text-decoration: none;}"
+          text run at (172,68) width 0: " "
+          text run at (0,85) width 232: ".six {text-decoration: underline overline;}"
+          text run at (232,85) width 0: " "
+          text run at (0,102) width 321: ".seven {text-decoration: underline overline line-through;}"
+          text run at (321,102) width 0: " "
+          text run at (0,119) width 0: " "
+      RenderBlock {HR} at (0,179) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,194) size 784x17
+        RenderText {#text} at (0,0) size 209x17
+          text run at (0,0) width 209: "This sentence should be underlined."
+      RenderBlock {P} at (0,224) size 784x17
+        RenderText {#text} at (0,0) size 202x17
+          text run at (0,0) width 202: "This sentence should be overlined."
+      RenderBlock {P} at (0,254) size 784x17
+        RenderText {#text} at (0,0) size 311x17
+          text run at (0,0) width 311: "This sentence should have stricken text (linethrough)."
+      RenderBlock {P} at (0,284) size 784x17
+        RenderText {#text} at (0,0) size 537x17
+          text run at (0,0) width 191: "This element should be blinking. "
+          text run at (191,0) width 346: "(It is not required, however, that UAs support this behavior.)"
+      RenderBlock {P} at (0,314) size 784x35
+        RenderText {#text} at (0,0) size 469x17
+          text run at (0,0) width 268: "The text in this element should be underlined. "
+          text run at (268,0) width 201: "The boldfaced text in this element "
+        RenderInline {B} at (0,0) size 163x17
+          RenderText {#text} at (469,0) size 163x17
+            text run at (469,0) width 163: "should also be underlined"
+        RenderText {#text} at (632,0) size 754x35
+          text run at (632,0) width 8: ". "
+          text run at (640,0) width 114: "This is because the"
+          text run at (0,18) width 583: "parent's underline will 'span' the boldfaced text, even if the inline element has no underline of its own."
+      RenderBlock {P} at (0,362) size 784x17
+        RenderText {#text} at (0,0) size 290x17
+          text run at (0,0) width 290: "This sentence should be underlined and overlined."
+      RenderBlock {P} at (0,392) size 784x17
+        RenderText {#text} at (0,0) size 348x17
+          text run at (0,0) width 348: "This sentence should be underlined, overlined, and stricken."
+      RenderBlock {P} at (0,422) size 784x0
+      RenderBlock {P} at (0,422) size 784x17
+        RenderText {#text} at (0,0) size 769x17
+          text run at (0,0) width 769: "There should be nothing visible between this sentence and the one above (there is an empty paragraph element with class of seven)."
+      RenderBlock {P} at (0,452) size 784x36
+        RenderText {#text} at (0,2) size 594x17
+          text run at (0,2) width 594: "Text decorations only apply to the text of an element, so the image at the end of this sentence should "
+        RenderInline {EM} at (0,0) size 18x17
+          RenderText {#text} at (594,2) size 18x17
+            text run at (594,2) width 18: "not"
+        RenderText {#text} at (612,2) size 82x17
+          text run at (612,2) width 82: " be overlined: "
+        RenderImage {IMG} at (694,0) size 15x15
+        RenderText {#text} at (709,2) size 739x34
+          text run at (709,2) width 8: ". "
+          text run at (717,2) width 22: "The"
+          text run at (0,19) width 706: "underline of the parent element should hold true beneath the image, however, since text-decoration 'spans' child elements."
+      RenderBlock {P} at (0,501) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 92x17
+          text run at (0,0) width 92: "The underlining "
+        RenderInline {SPAN} at (0,0) size 92x17 [color=#0000FF]
+          RenderText {#text} at (92,0) size 92x17
+            text run at (92,0) width 92: "in this sentence"
+        RenderText {#text} at (184,0) size 216x17
+          text run at (184,0) width 216: " should be green, no matter what the "
+        RenderInline {SPAN} at (0,0) size 101x17 [color=#000000]
+          RenderText {#text} at (400,0) size 101x17
+            text run at (400,0) width 101: "text color may be"
+        RenderText {#text} at (501,0) size 4x17
+          text run at (501,0) width 4: "."
+      RenderBlock {P} at (0,531) size 784x34
+        RenderText {#text} at (0,0) size 102x17
+          text run at (0,0) width 102: "The colors of the "
+        RenderInline {SPAN} at (0,0) size 62x17 [color=#800080]
+          RenderText {#text} at (102,0) size 62x17
+            text run at (102,0) width 62: "underlining"
+        RenderText {#text} at (164,0) size 18x17
+          text run at (164,0) width 18: " in "
+        RenderInline {SPAN} at (0,0) size 78x17 [color=#0000FF]
+          RenderText {#text} at (182,0) size 78x17
+            text run at (182,0) width 78: "this sentence"
+        RenderText {#text} at (260,0) size 64x17
+          text run at (260,0) width 64: " should be "
+        RenderInline {SPAN} at (0,0) size 201x17 [color=#808080]
+          RenderText {#text} at (324,0) size 201x17
+            text run at (324,0) width 201: "the same as that of the parent text"
+        RenderText {#text} at (525,0) size 749x34
+          text run at (525,0) width 224: " (that is, the first word in the sentence,"
+          text run at (0,17) width 136: "which should be black)."
+      RenderTable {TABLE} at (0,578) size 784x424 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x422
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x396
+            RenderTableCell {TD} at (0,211) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x455 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x19
-                RenderText {#text} at (0,0) size 230x19
-                  text run at (0,0) width 230: "This sentence should be underlined."
-              RenderBlock {P} at (4,37) size 762x19
-                RenderText {#text} at (0,0) size 221x19
-                  text run at (0,0) width 221: "This sentence should be overlined."
-              RenderBlock {P} at (4,70) size 762x19
-                RenderText {#text} at (0,0) size 339x19
-                  text run at (0,0) width 339: "This sentence should have stricken text (linethrough)."
-              RenderBlock {P} at (4,103) size 762x19
-                RenderText {#text} at (0,0) size 586x19
-                  text run at (0,0) width 208: "This element should be blinking. "
-                  text run at (208,0) width 378: "(It is not required, however, that UAs support this behavior.)"
-              RenderBlock {P} at (4,136) size 762x39
-                RenderText {#text} at (0,0) size 511x19
-                  text run at (0,0) width 293: "The text in this element should be underlined. "
-                  text run at (293,0) width 218: "The boldfaced text in this element "
-                RenderInline {B} at (0,0) size 180x20
-                  RenderText {#text} at (511,0) size 180x20
-                    text run at (511,0) width 180: "should also be underlined"
-                RenderText {#text} at (691,0) size 740x39
-                  text run at (691,0) width 8: ". "
-                  text run at (699,0) width 41: "This is"
-                  text run at (0,20) width 721: "because the parent's underline will 'span' the boldfaced text, even if the inline element has no underline of its own."
-              RenderBlock {P} at (4,189) size 762x19
-                RenderText {#text} at (0,0) size 320x19
-                  text run at (0,0) width 320: "This sentence should be underlined and overlined."
-              RenderBlock {P} at (4,222) size 762x19
-                RenderText {#text} at (0,0) size 381x19
-                  text run at (0,0) width 381: "This sentence should be underlined, overlined, and stricken."
-              RenderBlock {P} at (4,255) size 762x0
-              RenderBlock {P} at (4,255) size 762x38
-                RenderText {#text} at (0,0) size 740x38
-                  text run at (0,0) width 740: "There should be nothing visible between this sentence and the one above (there is an empty paragraph element with"
-                  text run at (0,19) width 99: "class of seven)."
-              RenderBlock {P} at (4,307) size 762x59
-                RenderText {#text} at (0,0) size 644x19
-                  text run at (0,0) width 644: "Text decorations only apply to the text of an element, so the image at the end of this sentence should "
-                RenderInline {EM} at (0,0) size 20x19
-                  RenderText {#text} at (644,0) size 20x19
-                    text run at (644,0) width 20: "not"
-                RenderText {#text} at (664,0) size 90x19
-                  text run at (664,0) width 90: " be overlined: "
-                RenderImage {IMG} at (0,20) size 15x15
-                RenderText {#text} at (15,21) size 730x38
-                  text run at (15,21) width 8: ". "
-                  text run at (23,21) width 707: "The underline of the parent element should hold true beneath the image, however, since text-decoration 'spans'"
-                  text run at (0,40) width 95: "child elements."
-              RenderBlock {P} at (4,380) size 762x19 [color=#008000]
-                RenderText {#text} at (0,0) size 103x19
-                  text run at (0,0) width 103: "The underlining "
-                RenderInline {SPAN} at (0,0) size 99x19 [color=#0000FF]
-                  RenderText {#text} at (103,0) size 99x19
-                    text run at (103,0) width 99: "in this sentence"
-                RenderText {#text} at (202,0) size 238x19
-                  text run at (202,0) width 238: " should be green, no matter what the "
-                RenderInline {SPAN} at (0,0) size 109x19 [color=#000000]
-                  RenderText {#text} at (440,0) size 109x19
-                    text run at (440,0) width 109: "text color may be"
-                RenderText {#text} at (549,0) size 4x19
-                  text run at (549,0) width 4: "."
-              RenderBlock {P} at (4,413) size 762x38
-                RenderText {#text} at (0,0) size 111x19
-                  text run at (0,0) width 111: "The colors of the "
-                RenderInline {SPAN} at (0,0) size 70x19 [color=#800080]
-                  RenderText {#text} at (111,0) size 70x19
-                    text run at (111,0) width 70: "underlining"
-                RenderText {#text} at (181,0) size 19x19
-                  text run at (181,0) width 19: " in "
-                RenderInline {SPAN} at (0,0) size 84x19 [color=#0000FF]
-                  RenderText {#text} at (200,0) size 84x19
-                    text run at (200,0) width 84: "this sentence"
-                RenderText {#text} at (284,0) size 70x19
-                  text run at (284,0) width 70: " should be "
-                RenderInline {SPAN} at (0,0) size 218x19 [color=#808080]
-                  RenderText {#text} at (354,0) size 218x19
-                    text run at (354,0) width 218: "the same as that of the parent text"
-                RenderText {#text} at (572,0) size 748x38
-                  text run at (572,0) width 176: " (that is, the first word in the"
-                  text run at (0,19) width 214: "sentence, which should be black)."
+            RenderTableCell {TD} at (12,26) size 770x396 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x17
+                RenderText {#text} at (0,0) size 209x17
+                  text run at (0,0) width 209: "This sentence should be underlined."
+              RenderBlock {P} at (4,34) size 762x17
+                RenderText {#text} at (0,0) size 202x17
+                  text run at (0,0) width 202: "This sentence should be overlined."
+              RenderBlock {P} at (4,64) size 762x17
+                RenderText {#text} at (0,0) size 311x17
+                  text run at (0,0) width 311: "This sentence should have stricken text (linethrough)."
+              RenderBlock {P} at (4,94) size 762x17
+                RenderText {#text} at (0,0) size 537x17
+                  text run at (0,0) width 191: "This element should be blinking. "
+                  text run at (191,0) width 346: "(It is not required, however, that UAs support this behavior.)"
+              RenderBlock {P} at (4,124) size 762x35
+                RenderText {#text} at (0,0) size 469x17
+                  text run at (0,0) width 268: "The text in this element should be underlined. "
+                  text run at (268,0) width 201: "The boldfaced text in this element "
+                RenderInline {B} at (0,0) size 163x17
+                  RenderText {#text} at (469,0) size 163x17
+                    text run at (469,0) width 163: "should also be underlined"
+                RenderText {#text} at (632,0) size 754x35
+                  text run at (632,0) width 8: ". "
+                  text run at (640,0) width 114: "This is because the"
+                  text run at (0,18) width 583: "parent's underline will 'span' the boldfaced text, even if the inline element has no underline of its own."
+              RenderBlock {P} at (4,172) size 762x17
+                RenderText {#text} at (0,0) size 290x17
+                  text run at (0,0) width 290: "This sentence should be underlined and overlined."
+              RenderBlock {P} at (4,202) size 762x17
+                RenderText {#text} at (0,0) size 348x17
+                  text run at (0,0) width 348: "This sentence should be underlined, overlined, and stricken."
+              RenderBlock {P} at (4,232) size 762x0
+              RenderBlock {P} at (4,232) size 762x34
+                RenderText {#text} at (0,0) size 722x34
+                  text run at (0,0) width 722: "There should be nothing visible between this sentence and the one above (there is an empty paragraph element with class of"
+                  text run at (0,17) width 43: "seven)."
+              RenderBlock {P} at (4,279) size 762x36
+                RenderText {#text} at (0,2) size 594x17
+                  text run at (0,2) width 594: "Text decorations only apply to the text of an element, so the image at the end of this sentence should "
+                RenderInline {EM} at (0,0) size 18x17
+                  RenderText {#text} at (594,2) size 18x17
+                    text run at (594,2) width 18: "not"
+                RenderText {#text} at (612,2) size 82x17
+                  text run at (612,2) width 82: " be overlined: "
+                RenderImage {IMG} at (694,0) size 15x15
+                RenderText {#text} at (709,2) size 739x34
+                  text run at (709,2) width 8: ". "
+                  text run at (717,2) width 22: "The"
+                  text run at (0,19) width 706: "underline of the parent element should hold true beneath the image, however, since text-decoration 'spans' child elements."
+              RenderBlock {P} at (4,328) size 762x17 [color=#008000]
+                RenderText {#text} at (0,0) size 92x17
+                  text run at (0,0) width 92: "The underlining "
+                RenderInline {SPAN} at (0,0) size 92x17 [color=#0000FF]
+                  RenderText {#text} at (92,0) size 92x17
+                    text run at (92,0) width 92: "in this sentence"
+                RenderText {#text} at (184,0) size 216x17
+                  text run at (184,0) width 216: " should be green, no matter what the "
+                RenderInline {SPAN} at (0,0) size 101x17 [color=#000000]
+                  RenderText {#text} at (400,0) size 101x17
+                    text run at (400,0) width 101: "text color may be"
+                RenderText {#text} at (501,0) size 4x17
+                  text run at (501,0) width 4: "."
+              RenderBlock {P} at (4,358) size 762x34
+                RenderText {#text} at (0,0) size 102x17
+                  text run at (0,0) width 102: "The colors of the "
+                RenderInline {SPAN} at (0,0) size 62x17 [color=#800080]
+                  RenderText {#text} at (102,0) size 62x17
+                    text run at (102,0) width 62: "underlining"
+                RenderText {#text} at (164,0) size 18x17
+                  text run at (164,0) width 18: " in "
+                RenderInline {SPAN} at (0,0) size 78x17 [color=#0000FF]
+                  RenderText {#text} at (182,0) size 78x17
+                    text run at (182,0) width 78: "this sentence"
+                RenderText {#text} at (260,0) size 64x17
+                  text run at (260,0) width 64: " should be "
+                RenderInline {SPAN} at (0,0) size 201x17 [color=#808080]
+                  RenderText {#text} at (324,0) size 201x17
+                    text run at (324,0) width 201: "the same as that of the parent text"
+                RenderText {#text} at (525,0) size 749x34
+                  text run at (525,0) width 224: " (that is, the first word in the sentence,"
+                  text run at (0,17) width 136: "which should be black)."
index 4729a4d..ae9c11b 100644 (file)
-layer at (0,0) size 800x1282
+layer at (0,0) size 800x1161
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1282
-  RenderBlock {HTML} at (0,0) size 800x1282
-    RenderBody {BODY} at (8,8) size 784x1266 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x209
-        RenderText {#text} at (0,0) size 313x209
-          text run at (0,0) width 275: ".one {text-indent: 0.5in; background: aqua;}"
-          text run at (275,0) width 0: " "
-          text run at (0,19) width 269: ".two {text-indent: 2cm; background: aqua;}"
-          text run at (269,19) width 0: " "
-          text run at (0,38) width 293: ".three {text-indent: 20mm; background: aqua;}"
-          text run at (293,38) width 0: " "
-          text run at (0,57) width 273: ".four {text-indent: 24pt; background: aqua;}"
-          text run at (273,57) width 0: " "
-          text run at (0,76) width 265: ".five {text-indent: 2pc; background: aqua;}"
-          text run at (265,76) width 0: " "
-          text run at (0,95) width 265: ".six {text-indent: 2em; background: aqua;}"
-          text run at (265,95) width 0: " "
-          text run at (0,114) width 281: ".seven {text-indent: 2ex; background: aqua;}"
-          text run at (281,114) width 0: " "
-          text run at (0,133) width 279: ".eight {text-indent: 50%; background: aqua;}"
-          text run at (279,133) width 0: " "
-          text run at (0,152) width 278: ".nine {text-indent: 25px; background: aqua;}"
-          text run at (278,152) width 0: " "
-          text run at (0,171) width 313: "blockquote {text-indent: 50%; background: aqua;}"
-          text run at (313,171) width 0: " "
-          text run at (0,190) width 0: " "
-      RenderBlock {HR} at (0,256) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,272) size 784x19 [bgcolor=#00FFFF]
-        RenderText {#text} at (48,0) size 388x19
-          text run at (48,0) width 388: "The first line of this sentence should be indented half an inch."
-      RenderBlock {P} at (0,305) size 784x19 [bgcolor=#00FFFF]
-        RenderText {#text} at (75,0) size 415x19
-          text run at (75,0) width 415: "The first line of this sentence should be indented two centimeters."
-      RenderBlock {P} at (0,338) size 784x19 [bgcolor=#00FFFF]
-        RenderText {#text} at (75,0) size 428x19
-          text run at (75,0) width 428: "The first line of this sentence should be indented twenty millimeters."
-      RenderBlock {P} at (0,371) size 784x19 [bgcolor=#00FFFF]
-        RenderText {#text} at (32,0) size 428x19
-          text run at (32,0) width 428: "The first line of this sentence should be indented twenty-four points."
-      RenderBlock {P} at (0,404) size 784x19 [bgcolor=#00FFFF]
-        RenderText {#text} at (32,0) size 374x19
-          text run at (32,0) width 374: "The first line of this sentence should be indented two picas."
-      RenderBlock {P} at (0,437) size 784x19 [bgcolor=#00FFFF]
-        RenderText {#text} at (28,0) size 361x19
-          text run at (28,0) width 361: "The first line of this sentence should be indented two em."
-      RenderBlock {P} at (0,470) size 784x19 [bgcolor=#00FFFF]
-        RenderText {#text} at (14,0) size 356x19
-          text run at (14,0) width 356: "The first line of this sentence should be indented two ex."
-      RenderBlock {P} at (0,503) size 784x38 [bgcolor=#00FFFF]
-        RenderText {#text} at (392,0) size 751x38
-          text run at (392,0) width 359: "The first line of this sentence should be indented halfway"
-          text run at (0,19) width 561: "across the page, but the rest of it should be flush with the normal left margin of the page."
-      RenderBlock {P} at (0,555) size 784x38 [bgcolor=#00FFFF]
-        RenderText {#text} at (25,0) size 771x38
-          text run at (25,0) width 746: "The first line of this sentence should be indented 25 pixels, but the rest of it should be flush with the normal left margin"
-          text run at (0,19) width 76: "of the page."
-      RenderBlock {P} at (0,607) size 784x58 [bgcolor=#00FFFF]
-        RenderText {#text} at (48,0) size 416x19
-          text run at (48,0) width 416: "Only the first line of this sentence should be indented half an inch,"
-        RenderBR {BR} at (464,14) size 0x0
-        RenderText {#text} at (0,19) size 264x19
-          text run at (0,19) width 264: "no matter where the lines might start, and"
-        RenderBR {BR} at (264,33) size 0x0
-        RenderInline {EM} at (0,0) size 199x19
-          RenderText {#text} at (0,38) size 199x19
-            text run at (0,38) width 199: "regardless of any other markup"
-        RenderText {#text} at (199,38) size 147x19
-          text run at (199,38) width 147: " which may be present."
-      RenderBlock {BLOCKQUOTE} at (40,679) size 704x57 [bgcolor=#00FFFF]
-        RenderText {#text} at (392,0) size 628x57
-          text run at (392,0) width 223: "In the first half of the test page, this"
-          text run at (0,19) width 628: "BLOCKQUOTE element should have a text indent equal to 50% of the BODY element's width, since"
-          text run at (0,38) width 477: "BLOCKQUOTE is a child of BODY; in the second half, it is a child of TABLE."
-      RenderTable {TABLE} at (0,750) size 784x516 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x514
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x486
-            RenderTableCell {TD} at (0,257) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+layer at (0,0) size 800x1161
+  RenderBlock {HTML} at (0,0) size 800x1161
+    RenderBody {BODY} at (8,8) size 784x1145 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x187
+        RenderText {#text} at (0,0) size 285x187
+          text run at (0,0) width 249: ".one {text-indent: 0.5in; background: aqua;}"
+          text run at (249,0) width 0: " "
+          text run at (0,17) width 245: ".two {text-indent: 2cm; background: aqua;}"
+          text run at (245,17) width 0: " "
+          text run at (0,34) width 265: ".three {text-indent: 20mm; background: aqua;}"
+          text run at (265,34) width 0: " "
+          text run at (0,51) width 247: ".four {text-indent: 24pt; background: aqua;}"
+          text run at (247,51) width 0: " "
+          text run at (0,68) width 242: ".five {text-indent: 2pc; background: aqua;}"
+          text run at (242,68) width 0: " "
+          text run at (0,85) width 242: ".six {text-indent: 2em; background: aqua;}"
+          text run at (242,85) width 0: " "
+          text run at (0,102) width 256: ".seven {text-indent: 2ex; background: aqua;}"
+          text run at (256,102) width 0: " "
+          text run at (0,119) width 254: ".eight {text-indent: 50%; background: aqua;}"
+          text run at (254,119) width 0: " "
+          text run at (0,136) width 252: ".nine {text-indent: 25px; background: aqua;}"
+          text run at (252,136) width 0: " "
+          text run at (0,153) width 285: "blockquote {text-indent: 50%; background: aqua;}"
+          text run at (285,153) width 0: " "
+          text run at (0,170) width 0: " "
+      RenderBlock {HR} at (0,230) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,245) size 784x17 [bgcolor=#00FFFF]
+        RenderText {#text} at (48,0) size 357x17
+          text run at (48,0) width 357: "The first line of this sentence should be indented half an inch."
+      RenderBlock {P} at (0,275) size 784x17 [bgcolor=#00FFFF]
+        RenderText {#text} at (75,0) size 382x17
+          text run at (75,0) width 382: "The first line of this sentence should be indented two centimeters."
+      RenderBlock {P} at (0,305) size 784x17 [bgcolor=#00FFFF]
+        RenderText {#text} at (75,0) size 395x17
+          text run at (75,0) width 395: "The first line of this sentence should be indented twenty millimeters."
+      RenderBlock {P} at (0,335) size 784x17 [bgcolor=#00FFFF]
+        RenderText {#text} at (32,0) size 393x17
+          text run at (32,0) width 393: "The first line of this sentence should be indented twenty-four points."
+      RenderBlock {P} at (0,365) size 784x17 [bgcolor=#00FFFF]
+        RenderText {#text} at (32,0) size 345x17
+          text run at (32,0) width 345: "The first line of this sentence should be indented two picas."
+      RenderBlock {P} at (0,395) size 784x17 [bgcolor=#00FFFF]
+        RenderText {#text} at (26,0) size 332x17
+          text run at (26,0) width 332: "The first line of this sentence should be indented two em."
+      RenderBlock {P} at (0,425) size 784x17 [bgcolor=#00FFFF]
+        RenderText {#text} at (14,0) size 328x17
+          text run at (14,0) width 328: "The first line of this sentence should be indented two ex."
+      RenderBlock {P} at (0,455) size 784x34 [bgcolor=#00FFFF]
+        RenderText {#text} at (392,0) size 765x34
+          text run at (392,0) width 373: "The first line of this sentence should be indented halfway across"
+          text run at (0,17) width 472: "the page, but the rest of it should be flush with the normal left margin of the page."
+      RenderBlock {P} at (0,502) size 784x34 [bgcolor=#00FFFF]
+        RenderText {#text} at (25,0) size 749x34
+          text run at (25,0) width 724: "The first line of this sentence should be indented 25 pixels, but the rest of it should be flush with the normal left margin of the"
+          text run at (0,17) width 32: "page."
+      RenderBlock {P} at (0,549) size 784x51 [bgcolor=#00FFFF]
+        RenderText {#text} at (48,0) size 384x17
+          text run at (48,0) width 384: "Only the first line of this sentence should be indented half an inch,"
+        RenderBR {BR} at (432,13) size 0x0
+        RenderText {#text} at (0,17) size 241x17
+          text run at (0,17) width 241: "no matter where the lines might start, and"
+        RenderBR {BR} at (241,30) size 0x0
+        RenderInline {EM} at (0,0) size 180x17
+          RenderText {#text} at (0,34) size 180x17
+            text run at (0,34) width 180: "regardless of any other markup"
+        RenderText {#text} at (180,34) size 135x17
+          text run at (180,34) width 135: " which may be present."
+      RenderBlock {BLOCKQUOTE} at (40,613) size 704x51 [bgcolor=#00FFFF]
+        RenderText {#text} at (392,0) size 696x51
+          text run at (392,0) width 302: "In the first half of the test page, this BLOCKQUOTE"
+          text run at (0,17) width 696: "element should have a text indent equal to 50% of the BODY element's width, since BLOCKQUOTE is a child of BODY;"
+          text run at (0,34) width 239: "in the second half, it is a child of TABLE."
+      RenderTable {TABLE} at (0,677) size 784x468 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x466
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x440
+            RenderTableCell {TD} at (0,233) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x486 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x19 [bgcolor=#00FFFF]
-                RenderText {#text} at (48,0) size 388x19
-                  text run at (48,0) width 388: "The first line of this sentence should be indented half an inch."
-              RenderBlock {P} at (4,37) size 762x19 [bgcolor=#00FFFF]
-                RenderText {#text} at (75,0) size 415x19
-                  text run at (75,0) width 415: "The first line of this sentence should be indented two centimeters."
-              RenderBlock {P} at (4,70) size 762x19 [bgcolor=#00FFFF]
-                RenderText {#text} at (75,0) size 428x19
-                  text run at (75,0) width 428: "The first line of this sentence should be indented twenty millimeters."
-              RenderBlock {P} at (4,103) size 762x19 [bgcolor=#00FFFF]
-                RenderText {#text} at (32,0) size 428x19
-                  text run at (32,0) width 428: "The first line of this sentence should be indented twenty-four points."
-              RenderBlock {P} at (4,136) size 762x19 [bgcolor=#00FFFF]
-                RenderText {#text} at (32,0) size 374x19
-                  text run at (32,0) width 374: "The first line of this sentence should be indented two picas."
-              RenderBlock {P} at (4,169) size 762x19 [bgcolor=#00FFFF]
-                RenderText {#text} at (28,0) size 361x19
-                  text run at (28,0) width 361: "The first line of this sentence should be indented two em."
-              RenderBlock {P} at (4,202) size 762x19 [bgcolor=#00FFFF]
-                RenderText {#text} at (14,0) size 356x19
-                  text run at (14,0) width 356: "The first line of this sentence should be indented two ex."
-              RenderBlock {P} at (4,235) size 762x38 [bgcolor=#00FFFF]
-                RenderText {#text} at (381,0) size 740x38
-                  text run at (381,0) width 359: "The first line of this sentence should be indented halfway"
-                  text run at (0,19) width 561: "across the page, but the rest of it should be flush with the normal left margin of the page."
-              RenderBlock {P} at (4,287) size 762x38 [bgcolor=#00FFFF]
-                RenderText {#text} at (25,0) size 723x38
-                  text run at (25,0) width 698: "The first line of this sentence should be indented 25 pixels, but the rest of it should be flush with the normal left"
-                  text run at (0,19) width 124: "margin of the page."
-              RenderBlock {P} at (4,339) size 762x58 [bgcolor=#00FFFF]
-                RenderText {#text} at (48,0) size 416x19
-                  text run at (48,0) width 416: "Only the first line of this sentence should be indented half an inch,"
-                RenderBR {BR} at (464,14) size 0x0
-                RenderText {#text} at (0,19) size 264x19
-                  text run at (0,19) width 264: "no matter where the lines might start, and"
-                RenderBR {BR} at (264,33) size 0x0
-                RenderInline {EM} at (0,0) size 199x19
-                  RenderText {#text} at (0,38) size 199x19
-                    text run at (0,38) width 199: "regardless of any other markup"
-                RenderText {#text} at (199,38) size 147x19
-                  text run at (199,38) width 147: " which may be present."
-              RenderBlock {BLOCKQUOTE} at (44,411) size 682x57 [bgcolor=#00FFFF]
-                RenderText {#text} at (381,0) size 628x57
-                  text run at (381,0) width 223: "In the first half of the test page, this"
-                  text run at (0,19) width 628: "BLOCKQUOTE element should have a text indent equal to 50% of the BODY element's width, since"
-                  text run at (0,38) width 477: "BLOCKQUOTE is a child of BODY; in the second half, it is a child of TABLE."
+            RenderTableCell {TD} at (12,26) size 770x440 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x17 [bgcolor=#00FFFF]
+                RenderText {#text} at (48,0) size 357x17
+                  text run at (48,0) width 357: "The first line of this sentence should be indented half an inch."
+              RenderBlock {P} at (4,34) size 762x17 [bgcolor=#00FFFF]
+                RenderText {#text} at (75,0) size 382x17
+                  text run at (75,0) width 382: "The first line of this sentence should be indented two centimeters."
+              RenderBlock {P} at (4,64) size 762x17 [bgcolor=#00FFFF]
+                RenderText {#text} at (75,0) size 395x17
+                  text run at (75,0) width 395: "The first line of this sentence should be indented twenty millimeters."
+              RenderBlock {P} at (4,94) size 762x17 [bgcolor=#00FFFF]
+                RenderText {#text} at (32,0) size 393x17
+                  text run at (32,0) width 393: "The first line of this sentence should be indented twenty-four points."
+              RenderBlock {P} at (4,124) size 762x17 [bgcolor=#00FFFF]
+                RenderText {#text} at (32,0) size 345x17
+                  text run at (32,0) width 345: "The first line of this sentence should be indented two picas."
+              RenderBlock {P} at (4,154) size 762x17 [bgcolor=#00FFFF]
+                RenderText {#text} at (26,0) size 332x17
+                  text run at (26,0) width 332: "The first line of this sentence should be indented two em."
+              RenderBlock {P} at (4,184) size 762x17 [bgcolor=#00FFFF]
+                RenderText {#text} at (14,0) size 328x17
+                  text run at (14,0) width 328: "The first line of this sentence should be indented two ex."
+              RenderBlock {P} at (4,214) size 762x34 [bgcolor=#00FFFF]
+                RenderText {#text} at (381,0) size 754x34
+                  text run at (381,0) width 373: "The first line of this sentence should be indented halfway across"
+                  text run at (0,17) width 472: "the page, but the rest of it should be flush with the normal left margin of the page."
+              RenderBlock {P} at (4,261) size 762x34 [bgcolor=#00FFFF]
+                RenderText {#text} at (25,0) size 749x34
+                  text run at (25,0) width 724: "The first line of this sentence should be indented 25 pixels, but the rest of it should be flush with the normal left margin of the"
+                  text run at (0,17) width 32: "page."
+              RenderBlock {P} at (4,308) size 762x51 [bgcolor=#00FFFF]
+                RenderText {#text} at (48,0) size 384x17
+                  text run at (48,0) width 384: "Only the first line of this sentence should be indented half an inch,"
+                RenderBR {BR} at (432,13) size 0x0
+                RenderText {#text} at (0,17) size 241x17
+                  text run at (0,17) width 241: "no matter where the lines might start, and"
+                RenderBR {BR} at (241,30) size 0x0
+                RenderInline {EM} at (0,0) size 180x17
+                  RenderText {#text} at (0,34) size 180x17
+                    text run at (0,34) width 180: "regardless of any other markup"
+                RenderText {#text} at (180,34) size 135x17
+                  text run at (180,34) width 135: " which may be present."
+              RenderBlock {BLOCKQUOTE} at (44,372) size 682x51 [bgcolor=#00FFFF]
+                RenderText {#text} at (381,0) size 674x51
+                  text run at (381,0) width 208: "In the first half of the test page, this"
+                  text run at (0,17) width 674: "BLOCKQUOTE element should have a text indent equal to 50% of the BODY element's width, since BLOCKQUOTE"
+                  text run at (0,34) width 355: "is a child of BODY; in the second half, it is a child of TABLE."
index 9d86ed3..6ee21f6 100644 (file)
-layer at (0,0) size 800x737
+layer at (0,0) size 800x618
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x737
-  RenderBlock {HTML} at (0,0) size 800x737
-    RenderBody {BODY} at (8,8) size 784x721 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x95
-        RenderText {#text} at (0,0) size 210x95
-          text run at (0,0) width 167: ".ttn {text-transform: none;}"
-          text run at (167,0) width 0: " "
-          text run at (0,19) width 201: ".cap {text-transform: capitalize;}"
-          text run at (201,19) width 0: " "
-          text run at (0,38) width 210: ".upp {text-transform: uppercase;}"
-          text run at (210,38) width 0: " "
-          text run at (0,57) width 204: ".low {text-transform: lowercase;}"
-          text run at (204,57) width 0: " "
-          text run at (0,76) width 0: " "
-      RenderBlock {HR} at (0,142) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,158) size 784x19
-        RenderText {#text} at (0,0) size 783x19
-          text run at (0,0) width 783: "This page tests the 'text-transform' property of CSS1. This paragraph has no text transformation and should appear normal."
-      RenderBlock {P} at (0,191) size 784x57
-        RenderText {#text} at (0,0) size 774x57
-          text run at (0,0) width 770: "This Paragraph Is Capitalized And The First Letter In Each Word Should Therefore Appear In Uppercase. Words That Are"
-          text run at (0,19) width 774: "In Uppercase In The Source (E.G. USA) Should Remain So. There Should Be A Capital Letter After A Non-Breaking Space"
-          text run at (0,38) width 433: "(&Nbsp;). Both Those Characters Appear In The Previous Sentence."
-      RenderBlock {P} at (0,262) size 784x38
-        RenderText {#text} at (0,0) size 748x38
-          text run at (0,0) width 748: "Words with inline elements inside them should only capitalize the first letter of the word. Therefore, the last word in this"
-          text run at (0,19) width 310: "sentence should have one, and only one, capital "
-        RenderInline {SPAN} at (0,0) size 37x19
-          RenderText {#text} at (310,19) size 16x19
-            text run at (310,19) width 16: "Le"
-          RenderInline {SPAN} at (0,0) size 8x19
-            RenderText {#text} at (326,19) size 8x19
-              text run at (326,19) width 8: "tt"
-          RenderText {#text} at (334,19) size 13x19
-            text run at (334,19) width 13: "er"
-        RenderText {#text} at (347,19) size 4x19
-          text run at (347,19) width 4: "."
-      RenderBlock {P} at (0,314) size 784x57
-        RenderText {#text} at (0,0) size 695x38
-          text run at (0,0) width 695: "THIS PARAGRAPH IS UPPERCASED AND SMALL CHARACTERS IN THE SOURCE (E.G. A AND \x{C5}) SHOULD"
-          text run at (0,19) width 259: "THEREFORE APPEAR IN UPPERCASE. "
-          text run at (259,19) width 251: "IN THE LAST SENTENCE, HOWEVER, "
-        RenderInline {SPAN} at (0,0) size 723x38
-          RenderText {#text} at (510,19) size 723x38
-            text run at (510,19) width 213: "the last eight words should not be"
-            text run at (0,38) width 67: "uppercase"
-        RenderText {#text} at (67,38) size 4x19
-          text run at (67,38) width 4: "."
-      RenderBlock {P} at (0,385) size 784x19
-        RenderText {#text} at (0,0) size 746x19
-          text run at (0,0) width 746: "this paragraph is lowercased and capital characters in the source (e.g. a and \x{E5}) should therefore appear in lowercase."
-      RenderTable {TABLE} at (0,418) size 784x303 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x301
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x273
-            RenderTableCell {TD} at (0,151) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+layer at (0,0) size 800x618
+  RenderBlock {HTML} at (0,0) size 800x618
+    RenderBody {BODY} at (8,8) size 784x602 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x85
+        RenderText {#text} at (0,0) size 190x85
+          text run at (0,0) width 152: ".ttn {text-transform: none;}"
+          text run at (152,0) width 0: " "
+          text run at (0,17) width 185: ".cap {text-transform: capitalize;}"
+          text run at (185,17) width 0: " "
+          text run at (0,34) width 190: ".upp {text-transform: uppercase;}"
+          text run at (190,34) width 0: " "
+          text run at (0,51) width 186: ".low {text-transform: lowercase;}"
+          text run at (186,51) width 0: " "
+          text run at (0,68) width 0: " "
+      RenderBlock {HR} at (0,128) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,143) size 784x17
+        RenderText {#text} at (0,0) size 712x17
+          text run at (0,0) width 712: "This page tests the 'text-transform' property of CSS1. This paragraph has no text transformation and should appear normal."
+      RenderBlock {P} at (0,173) size 784x51
+        RenderText {#text} at (0,0) size 783x51
+          text run at (0,0) width 783: "This Paragraph Is Capitalized And The First Letter In Each Word Should Therefore Appear In Uppercase. Words That Are In Uppercase"
+          text run at (0,17) width 761: "In The Source (E.G. USA) Should Remain So. There Should Be A Capital Letter After A Non-Breaking Space (&Nbsp;). Both Those"
+          text run at (0,34) width 267: "Characters Appear In The Previous Sentence."
+      RenderBlock {P} at (0,237) size 784x34
+        RenderText {#text} at (0,0) size 745x34
+          text run at (0,0) width 745: "Words with inline elements inside them should only capitalize the first letter of the word. Therefore, the last word in this sentence"
+          text run at (0,17) width 227: "should have one, and only one, capital "
+        RenderInline {SPAN} at (0,0) size 33x17
+          RenderText {#text} at (227,17) size 14x17
+            text run at (227,17) width 14: "Le"
+          RenderInline {SPAN} at (0,0) size 8x17
+            RenderText {#text} at (241,17) size 8x17
+              text run at (241,17) width 8: "tt"
+          RenderText {#text} at (249,17) size 11x17
+            text run at (249,17) width 11: "er"
+        RenderText {#text} at (260,17) size 4x17
+          text run at (260,17) width 4: "."
+      RenderBlock {P} at (0,284) size 784x34
+        RenderText {#text} at (0,0) size 741x34
+          text run at (0,0) width 741: "THIS PARAGRAPH IS UPPERCASED AND SMALL CHARACTERS IN THE SOURCE (E.G. A AND \x{C5}) SHOULD THEREFORE"
+          text run at (0,17) width 164: "APPEAR IN UPPERCASE. "
+          text run at (164,17) width 238: "IN THE LAST SENTENCE, HOWEVER, "
+        RenderInline {SPAN} at (0,0) size 259x17
+          RenderText {#text} at (402,17) size 259x17
+            text run at (402,17) width 259: "the last eight words should not be uppercase"
+        RenderText {#text} at (661,17) size 4x17
+          text run at (661,17) width 4: "."
+      RenderBlock {P} at (0,331) size 784x17
+        RenderText {#text} at (0,0) size 677x17
+          text run at (0,0) width 677: "this paragraph is lowercased and capital characters in the source (e.g. a and \x{E5}) should therefore appear in lowercase."
+      RenderTable {TABLE} at (0,361) size 784x241 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x239
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x213
+            RenderTableCell {TD} at (0,120) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x273 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x38
-                RenderText {#text} at (0,0) size 731x38
-                  text run at (0,0) width 731: "This page tests the 'text-transform' property of CSS1. This paragraph has no text transformation and should appear"
-                  text run at (0,19) width 48: "normal."
-              RenderBlock {P} at (4,56) size 762x57
-                RenderText {#text} at (0,0) size 744x57
-                  text run at (0,0) width 744: "This Paragraph Is Capitalized And The First Letter In Each Word Should Therefore Appear In Uppercase. Words That"
-                  text run at (0,19) width 700: "Are In Uppercase In The Source (E.G. USA) Should Remain So. There Should Be A Capital Letter After A Non-"
-                  text run at (0,38) width 537: "Breaking Space (&Nbsp;). Both Those Characters Appear In The Previous Sentence."
-              RenderBlock {P} at (4,127) size 762x38
-                RenderText {#text} at (0,0) size 748x38
-                  text run at (0,0) width 748: "Words with inline elements inside them should only capitalize the first letter of the word. Therefore, the last word in this"
-                  text run at (0,19) width 310: "sentence should have one, and only one, capital "
-                RenderInline {SPAN} at (0,0) size 37x19
-                  RenderText {#text} at (310,19) size 16x19
-                    text run at (310,19) width 16: "Le"
-                  RenderInline {SPAN} at (0,0) size 8x19
-                    RenderText {#text} at (326,19) size 8x19
-                      text run at (326,19) width 8: "tt"
-                  RenderText {#text} at (334,19) size 13x19
-                    text run at (334,19) width 13: "er"
-                RenderText {#text} at (347,19) size 4x19
-                  text run at (347,19) width 4: "."
-              RenderBlock {P} at (4,179) size 762x57
-                RenderText {#text} at (0,0) size 695x38
-                  text run at (0,0) width 695: "THIS PARAGRAPH IS UPPERCASED AND SMALL CHARACTERS IN THE SOURCE (E.G. A AND \x{C5}) SHOULD"
-                  text run at (0,19) width 259: "THEREFORE APPEAR IN UPPERCASE. "
-                  text run at (259,19) width 251: "IN THE LAST SENTENCE, HOWEVER, "
-                RenderInline {SPAN} at (0,0) size 723x38
-                  RenderText {#text} at (510,19) size 723x38
-                    text run at (510,19) width 213: "the last eight words should not be"
-                    text run at (0,38) width 67: "uppercase"
-                RenderText {#text} at (67,38) size 4x19
-                  text run at (67,38) width 4: "."
-              RenderBlock {P} at (4,250) size 762x19
-                RenderText {#text} at (0,0) size 746x19
-                  text run at (0,0) width 746: "this paragraph is lowercased and capital characters in the source (e.g. a and \x{E5}) should therefore appear in lowercase."
+            RenderTableCell {TD} at (12,26) size 770x213 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x17
+                RenderText {#text} at (0,0) size 712x17
+                  text run at (0,0) width 712: "This page tests the 'text-transform' property of CSS1. This paragraph has no text transformation and should appear normal."
+              RenderBlock {P} at (4,34) size 762x51
+                RenderText {#text} at (0,0) size 756x51
+                  text run at (0,0) width 717: "This Paragraph Is Capitalized And The First Letter In Each Word Should Therefore Appear In Uppercase. Words That Are In"
+                  text run at (0,17) width 756: "Uppercase In The Source (E.G. USA) Should Remain So. There Should Be A Capital Letter After A Non-Breaking Space (&Nbsp;)."
+                  text run at (0,34) width 338: "Both Those Characters Appear In The Previous Sentence."
+              RenderBlock {P} at (4,98) size 762x34
+                RenderText {#text} at (0,0) size 745x34
+                  text run at (0,0) width 745: "Words with inline elements inside them should only capitalize the first letter of the word. Therefore, the last word in this sentence"
+                  text run at (0,17) width 227: "should have one, and only one, capital "
+                RenderInline {SPAN} at (0,0) size 33x17
+                  RenderText {#text} at (227,17) size 14x17
+                    text run at (227,17) width 14: "Le"
+                  RenderInline {SPAN} at (0,0) size 8x17
+                    RenderText {#text} at (241,17) size 8x17
+                      text run at (241,17) width 8: "tt"
+                  RenderText {#text} at (249,17) size 11x17
+                    text run at (249,17) width 11: "er"
+                RenderText {#text} at (260,17) size 4x17
+                  text run at (260,17) width 4: "."
+              RenderBlock {P} at (4,145) size 762x34
+                RenderText {#text} at (0,0) size 741x34
+                  text run at (0,0) width 741: "THIS PARAGRAPH IS UPPERCASED AND SMALL CHARACTERS IN THE SOURCE (E.G. A AND \x{C5}) SHOULD THEREFORE"
+                  text run at (0,17) width 164: "APPEAR IN UPPERCASE. "
+                  text run at (164,17) width 238: "IN THE LAST SENTENCE, HOWEVER, "
+                RenderInline {SPAN} at (0,0) size 259x17
+                  RenderText {#text} at (402,17) size 259x17
+                    text run at (402,17) width 259: "the last eight words should not be uppercase"
+                RenderText {#text} at (661,17) size 4x17
+                  text run at (661,17) width 4: "."
+              RenderBlock {P} at (4,192) size 762x17
+                RenderText {#text} at (0,0) size 677x17
+                  text run at (0,0) width 677: "this paragraph is lowercased and capital characters in the source (e.g. a and \x{E5}) should therefore appear in lowercase."
index b1bb614..f04b410 100644 (file)
-layer at (0,0) size 800x4901
+layer at (0,0) size 800x4802
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x4901
-  RenderBlock {HTML} at (0,0) size 800x4901
-    RenderBody {BODY} at (8,8) size 784x4885 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x22
-        RenderText {#text} at (0,0) size 395x22
+layer at (0,0) size 800x4802
+  RenderBlock {HTML} at (0,0) size 800x4802
+    RenderBody {BODY} at (8,8) size 784x4786 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x21
+        RenderText {#text} at (0,0) size 395x21
           text run at (0,0) width 395: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,38) size 784x342
-        RenderText {#text} at (0,0) size 379x342
-          text run at (0,0) width 117: "P {font-size: 12pt;}"
-          text run at (117,0) width 0: " "
-          text run at (0,19) width 157: ".one {vertical-align: sub;}"
-          text run at (157,19) width 0: " "
-          text run at (0,38) width 168: ".two {vertical-align: super;}"
-          text run at (168,38) width 0: " "
-          text run at (0,57) width 261: ".three {vertical-align: top; font-size: 12pt;}"
-          text run at (261,57) width 0: " "
-          text run at (0,76) width 281: ".four {vertical-align: text-top; font-size: 12pt;}"
-          text run at (281,76) width 0: " "
-          text run at (0,95) width 272: ".five {vertical-align: middle; font-size: 12pt;}"
-          text run at (272,95) width 0: " "
-          text run at (0,114) width 269: ".six {vertical-align: bottom; font-size: 12pt;}"
-          text run at (269,114) width 0: " "
-          text run at (0,133) width 318: ".seven {vertical-align: text-bottom; font-size: 12pt;}"
-          text run at (318,133) width 0: " "
-          text run at (0,152) width 292: ".eight {vertical-align: baseline; font-size: 12pt;}"
-          text run at (292,152) width 0: " "
-          text run at (0,171) width 379: ".nine {vertical-align: 50%; font-size: 12px; line-height: 16px;}"
-          text run at (379,171) width 0: " "
-          text run at (0,190) width 0: " "
-          text run at (0,209) width 175: "P.example {font-size: 14pt;}"
-          text run at (175,209) width 0: " "
-          text run at (0,228) width 132: "BIG {font-size: 16pt;}"
-          text run at (132,228) width 0: " "
-          text run at (0,247) width 154: "SMALL {font-size: 12pt;}"
-          text run at (154,247) width 0: " "
-          text run at (0,266) width 212: ".ttopalign {vertical-align: text-top;}"
-          text run at (212,266) width 0: " "
-          text run at (0,285) width 180: ".topalign {vertical-align: top;}"
-          text run at (180,285) width 0: " "
-          text run at (0,304) width 205: ".midalign {vertical-align: middle;}"
-          text run at (205,304) width 0: " "
-          text run at (0,323) width 0: " "
-      RenderBlock {HR} at (0,394) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,412) size 784x82
+      RenderBlock {PRE} at (0,37) size 784x306
+        RenderText {#text} at (0,0) size 348x306
+          text run at (0,0) width 108: "P {font-size: 12pt;}"
+          text run at (108,0) width 0: " "
+          text run at (0,17) width 143: ".one {vertical-align: sub;}"
+          text run at (143,17) width 0: " "
+          text run at (0,34) width 153: ".two {vertical-align: super;}"
+          text run at (153,34) width 0: " "
+          text run at (0,51) width 239: ".three {vertical-align: top; font-size: 12pt;}"
+          text run at (239,51) width 0: " "
+          text run at (0,68) width 258: ".four {vertical-align: text-top; font-size: 12pt;}"
+          text run at (258,68) width 0: " "
+          text run at (0,85) width 251: ".five {vertical-align: middle; font-size: 12pt;}"
+          text run at (251,85) width 0: " "
+          text run at (0,102) width 249: ".six {vertical-align: bottom; font-size: 12pt;}"
+          text run at (249,102) width 0: " "
+          text run at (0,119) width 293: ".seven {vertical-align: text-bottom; font-size: 12pt;}"
+          text run at (293,119) width 0: " "
+          text run at (0,136) width 268: ".eight {vertical-align: baseline; font-size: 12pt;}"
+          text run at (268,136) width 0: " "
+          text run at (0,153) width 348: ".nine {vertical-align: 50%; font-size: 12px; line-height: 16px;}"
+          text run at (348,153) width 0: " "
+          text run at (0,170) width 0: " "
+          text run at (0,187) width 161: "P.example {font-size: 14pt;}"
+          text run at (161,187) width 0: " "
+          text run at (0,204) width 122: "BIG {font-size: 16pt;}"
+          text run at (122,204) width 0: " "
+          text run at (0,221) width 142: "SMALL {font-size: 12pt;}"
+          text run at (142,221) width 0: " "
+          text run at (0,238) width 194: ".ttopalign {vertical-align: text-top;}"
+          text run at (194,238) width 0: " "
+          text run at (0,255) width 164: ".topalign {vertical-align: top;}"
+          text run at (164,255) width 0: " "
+          text run at (0,272) width 187: ".midalign {vertical-align: middle;}"
+          text run at (187,272) width 0: " "
+          text run at (0,289) width 0: " "
+      RenderBlock {HR} at (0,356) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,374) size 784x80
         RenderImage {IMG} at (0,0) size 15x50
-        RenderInline {SPAN} at (0,0) size 135x22
-          RenderText {#text} at (15,38) size 135x22
+        RenderInline {SPAN} at (0,0) size 135x21
+          RenderText {#text} at (15,38) size 135x21
             text run at (15,38) width 135: "The first four words"
-        RenderText {#text} at (150,34) size 736x48
+        RenderText {#text} at (150,34) size 736x46
           text run at (150,34) width 323: " in this sentence should be subscript-aligned. "
           text run at (473,34) width 263: "The font size of the superscripted text"
-          text run at (0,60) width 379: "should not be different from that of the parent element."
-      RenderBlock {P} at (0,510) size 784x78
+          text run at (0,59) width 379: "should not be different from that of the parent element."
+      RenderBlock {P} at (0,470) size 784x76
         RenderImage {IMG} at (0,0) size 15x50
-        RenderInline {SPAN} at (0,0) size 135x22
-          RenderText {#text} at (15,28) size 135x22
+        RenderInline {SPAN} at (0,0) size 135x21
+          RenderText {#text} at (15,28) size 135x21
             text run at (15,28) width 135: "The first four words"
-        RenderText {#text} at (150,34) size 736x44
+        RenderText {#text} at (150,34) size 736x42
           text run at (150,34) width 337: " in this sentence should be superscript-aligned. "
           text run at (487,34) width 249: "The font size of the subscripted text"
-          text run at (0,56) width 379: "should not be different from that of the parent element."
-      RenderBlock {P} at (0,604) size 784x78
+          text run at (0,55) width 379: "should not be different from that of the parent element."
+      RenderBlock {P} at (0,562) size 784x76
         RenderImage {IMG} at (0,0) size 15x50
-        RenderInline {SPAN} at (0,0) size 135x22
-          RenderText {#text} at (15,0) size 135x22
+        RenderInline {SPAN} at (0,0) size 135x21
+          RenderText {#text} at (15,0) size 135x21
             text run at (15,0) width 135: "The first four words"
-        RenderText {#text} at (150,34) size 783x44
+        RenderText {#text} at (150,34) size 783x42
           text run at (150,34) width 633: " in this sentence should be top-aligned, which will align their tops with the top of the tallest"
-          text run at (0,56) width 360: "element in the line (probably the orange rectangle)."
-      RenderBlock {P} at (0,698) size 784x145
+          text run at (0,55) width 360: "element in the line (probably the orange rectangle)."
+      RenderBlock {P} at (0,654) size 784x142
         RenderImage {IMG} at (0,0) size 15x50
-        RenderText {#text} at (15,34) size 4x22
+        RenderText {#text} at (15,34) size 4x21
           text run at (15,34) width 4: " "
-        RenderInline {SPAN} at (0,0) size 777x126
+        RenderInline {SPAN} at (0,0) size 777x123
           RenderText {#text} at (0,0) size 0x0
-          RenderInline {SPAN} at (0,0) size 135x22
-            RenderText {#text} at (19,19) size 135x22
+          RenderInline {SPAN} at (0,0) size 135x21
+            RenderText {#text} at (19,19) size 135x21
               text run at (19,19) width 135: "The first four words"
-          RenderText {#text} at (154,19) size 777x126
+          RenderText {#text} at (154,19) size 777x123
             text run at (154,19) width 623: " in this sentence should be text-top-aligned,"
-            text run at (0,61) width 762: "which should align their tops with the top of the tallest"
-            text run at (0,103) width 208: "text in the line."
+            text run at (0,60) width 762: "which should align their tops with the top of the tallest"
+            text run at (0,101) width 208: "text in the line."
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,859) size 784x72
+      RenderBlock {P} at (0,812) size 784x71
         RenderImage {IMG} at (0,0) size 15x50
-        RenderText {#text} at (15,13) size 784x59
+        RenderText {#text} at (15,13) size 784x58
           text run at (15,13) width 769: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with the"
           text run at (0,50) width 388: "point defined as the text baseline plus half the x-height."
-      RenderBlock {P} at (0,947) size 784x134
+      RenderBlock {P} at (0,899) size 784x132
         RenderImage {IMG} at (0,0) size 15x50
-        RenderText {#text} at (15,15) size 4x22
+        RenderText {#text} at (15,15) size 4x21
           text run at (15,15) width 4: " "
-        RenderInline {SPAN} at (0,0) size 771x134
+        RenderInline {SPAN} at (0,0) size 771x132
           RenderText {#text} at (0,0) size 0x0
-          RenderInline {SPAN} at (0,0) size 135x22
-            RenderText {#text} at (19,28) size 135x22
-              text run at (19,28) width 135: "The first four words"
-          RenderText {#text} at (154,0) size 771x134
+          RenderInline {SPAN} at (0,0) size 135x21
+            RenderText {#text} at (19,29) size 135x21
+              text run at (19,29) width 135: "The first four words"
+          RenderText {#text} at (154,0) size 771x132
             text run at (154,0) width 617: " in this sentence should be 12pt in size and"
             text run at (0,50) width 741: "bottom-aligned, which should align their bottom with"
-            text run at (0,92) width 623: "the bottom of the lowest element in the line."
+            text run at (0,91) width 623: "the bottom of the lowest element in the line."
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,1097) size 784x176
+      RenderBlock {P} at (0,1047) size 784x173
         RenderImage {IMG} at (0,0) size 15x50
-        RenderText {#text} at (15,15) size 4x22
+        RenderText {#text} at (15,15) size 4x21
           text run at (15,15) width 4: " "
-        RenderInline {SPAN} at (0,0) size 727x176
+        RenderInline {SPAN} at (0,0) size 727x173
           RenderText {#text} at (0,0) size 0x0
-          RenderInline {SPAN} at (0,0) size 326x22
-            RenderText {#text} at (19,20) size 326x22
+          RenderInline {SPAN} at (0,0) size 326x21
+            RenderText {#text} at (19,20) size 326x21
               text run at (19,20) width 326: "The first eight words (\"eight\" has a descender)"
-          RenderText {#text} at (345,0) size 727x176
+          RenderText {#text} at (345,0) size 727x173
             text run at (345,0) width 382: " in this sentence should be"
             text run at (0,50) width 716: "12pt in size and text-bottom-aligned, which should"
-            text run at (0,92) width 727: "align their bottom with the bottom of the lowest text"
-            text run at (0,134) width 481: "(including descenders) in the line."
+            text run at (0,91) width 727: "align their bottom with the bottom of the lowest text"
+            text run at (0,132) width 481: "(including descenders) in the line."
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,1289) size 784x145
+      RenderBlock {P} at (0,1236) size 784x142
         RenderImage {IMG} at (0,0) size 15x50
-        RenderText {#text} at (15,34) size 4x22
+        RenderText {#text} at (15,34) size 4x21
           text run at (15,34) width 4: " "
-        RenderInline {SPAN} at (0,0) size 783x126
+        RenderInline {SPAN} at (0,0) size 783x123
           RenderText {#text} at (0,0) size 0x0
-          RenderInline {SPAN} at (0,0) size 135x22
-            RenderText {#text} at (19,34) size 135x22
+          RenderInline {SPAN} at (0,0) size 135x21
+            RenderText {#text} at (19,34) size 135x21
               text run at (19,34) width 135: "The first four words"
-          RenderText {#text} at (154,19) size 783x126
+          RenderText {#text} at (154,19) size 783x123
             text run at (154,19) width 617: " in this sentence should be 12pt in size and"
-            text run at (0,61) width 783: "baseline-aligned, which should align their baseline with"
-            text run at (0,103) width 634: "the baseline of the rest of the text in the line."
+            text run at (0,60) width 783: "baseline-aligned, which should align their baseline with"
+            text run at (0,101) width 634: "the baseline of the rest of the text in the line."
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,1450) size 784x78
+      RenderBlock {P} at (0,1394) size 784x76
         RenderImage {IMG} at (0,0) size 15x50
-        RenderInline {SPAN} at (0,0) size 103x17
-          RenderText {#text} at (15,30) size 103x17
+        RenderInline {SPAN} at (0,0) size 103x16
+          RenderText {#text} at (15,30) size 103x16
             text run at (15,30) width 103: "The first four words"
-        RenderText {#text} at (118,34) size 776x44
+        RenderText {#text} at (118,34) size 776x42
           text run at (118,34) width 658: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-"
-          text run at (0,56) width 484: "aligned, which should raise them 8px relative to the natural baseline."
-      RenderBlock {P} at (0,1544) size 784x66
-        RenderText {#text} at (0,0) size 762x66
+          text run at (0,55) width 484: "aligned, which should raise them 8px relative to the natural baseline."
+      RenderBlock {P} at (0,1486) size 784x63
+        RenderText {#text} at (0,0) size 762x63
           text run at (0,0) width 762: "In the following paragraph, all images should be aligned with the top of the 14-point text, which is identical to"
-          text run at (0,22) width 742: "the first section of text, whereas any size text should be aligned with the text baseline (which is the default"
-          text run at (0,44) width 48: "value)."
-      RenderBlock {P} at (0,1628) size 784x348
-        RenderText {#text} at (0,26) size 136x26
+          text run at (0,21) width 742: "the first section of text, whereas any size text should be aligned with the text baseline (which is the default"
+          text run at (0,42) width 48: "value)."
+      RenderBlock {P} at (0,1567) size 784x348
+        RenderText {#text} at (0,26) size 136x25
           text run at (0,26) width 136: "This paragraph "
         RenderImage {IMG} at (136,26) size 9x30
-        RenderText {#text} at (145,26) size 5x26
+        RenderText {#text} at (145,26) size 5x25
           text run at (145,26) width 5: " "
-        RenderInline {SPAN} at (0,0) size 467x60
-          RenderText {#text} at (150,0) size 467x60
+        RenderInline {SPAN} at (0,0) size 467x59
+          RenderText {#text} at (150,0) size 467x59
             text run at (150,0) width 467: "contains many images"
-        RenderText {#text} at (617,26) size 5x26
+        RenderText {#text} at (617,26) size 5x25
           text run at (617,26) width 5: " "
         RenderImage {IMG} at (622,26) size 15x50
-        RenderText {#text} at (637,26) size 5x26
+        RenderText {#text} at (637,26) size 5x25
           text run at (637,26) width 5: " "
-        RenderInline {BIG} at (0,0) size 736x95
-          RenderText {#text} at (642,24) size 736x95
+        RenderInline {BIG} at (0,0) size 736x94
+          RenderText {#text} at (642,24) size 736x94
             text run at (642,24) width 94: "of varying"
             text run at (0,91) width 70: "heights"
-        RenderText {#text} at (70,93) size 5x26
+        RenderText {#text} at (70,93) size 5x25
           text run at (70,93) width 5: " "
         RenderImage {IMG} at (75,93) size 3x10
-        RenderText {#text} at (78,93) size 5x26
+        RenderText {#text} at (78,93) size 5x25
           text run at (78,93) width 5: " "
-        RenderInline {SMALL} at (0,0) size 77x22
-          RenderText {#text} at (83,96) size 77x22
+        RenderInline {SMALL} at (0,0) size 77x21
+          RenderText {#text} at (83,96) size 77x21
             text run at (83,96) width 77: "and widths"
-        RenderText {#text} at (160,93) size 5x26
+        RenderText {#text} at (160,93) size 5x25
           text run at (160,93) width 5: " "
         RenderImage {IMG} at (165,93) size 6x20
-        RenderText {#text} at (171,93) size 105x26
+        RenderText {#text} at (171,93) size 105x25
           text run at (171,93) width 105: " all of which "
         RenderImage {IMG} at (276,93) size 19x65
-        RenderText {#text} at (295,93) size 5x26
+        RenderText {#text} at (295,93) size 5x25
           text run at (295,93) width 5: " "
-        RenderInline {SPAN} at (0,0) size 294x48
-          RenderText {#text} at (300,76) size 294x48
+        RenderInline {SPAN} at (0,0) size 294x47
+          RenderText {#text} at (300,76) size 294x47
             text run at (300,76) width 294: "should be aligned"
-        RenderText {#text} at (594,93) size 5x26
+        RenderText {#text} at (594,93) size 5x25
           text run at (594,93) width 5: " "
         RenderImage {IMG} at (599,93) size 10x35
-        RenderText {#text} at (609,93) size 129x26
+        RenderText {#text} at (609,93) size 129x25
           text run at (609,93) width 129: " with the top of "
         RenderImage {IMG} at (738,93) size 9x30
-        RenderText {#text} at (747,93) size 5x26
+        RenderText {#text} at (747,93) size 5x25
           text run at (747,93) width 5: " "
-        RenderInline {SPAN} at (0,0) size 768x149
-          RenderText {#text} at (752,85) size 16x36
+        RenderInline {SPAN} at (0,0) size 768x148
+          RenderText {#text} at (752,85) size 16x35
             text run at (752,85) width 16: "a"
-          RenderInline {SPAN} at (0,0) size 253x88
-            RenderText {#text} at (0,158) size 253x88
+          RenderInline {SPAN} at (0,0) size 253x87
+            RenderText {#text} at (0,158) size 253x87
               text run at (0,158) width 253: "14-point"
-          RenderText {#text} at (253,198) size 163x36
+          RenderText {#text} at (253,198) size 163x35
             text run at (253,198) width 163: " text element"
-        RenderText {#text} at (416,206) size 5x26
+        RenderText {#text} at (416,206) size 5x25
           text run at (416,206) width 5: " "
         RenderImage {IMG} at (421,206) size 15x50
-        RenderText {#text} at (436,206) size 5x26
+        RenderText {#text} at (436,206) size 5x25
           text run at (436,206) width 5: " "
-        RenderInline {SMALL} at (0,0) size 211x22
-          RenderText {#text} at (441,209) size 211x22
+        RenderInline {SMALL} at (0,0) size 211x21
+          RenderText {#text} at (441,209) size 211x21
             text run at (441,209) width 211: "regardless of the line in which"
-        RenderText {#text} at (652,206) size 5x26
+        RenderText {#text} at (652,206) size 5x25
           text run at (652,206) width 5: " "
         RenderImage {IMG} at (657,206) size 4x15
-        RenderText {#text} at (661,206) size 5x26
+        RenderText {#text} at (661,206) size 5x25
           text run at (661,206) width 5: " "
-        RenderInline {BIG} at (0,0) size 772x80
-          RenderText {#text} at (666,204) size 772x80
+        RenderInline {BIG} at (0,0) size 772x79
+          RenderText {#text} at (666,204) size 772x79
             text run at (666,204) width 106: "the images"
             text run at (0,256) width 73: "appear."
-        RenderText {#text} at (73,258) size 5x26
+        RenderText {#text} at (73,258) size 5x25
           text run at (73,258) width 5: " "
         RenderImage {IMG} at (78,258) size 27x90
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,1994) size 784x44
-        RenderText {#text} at (0,0) size 759x44
+      RenderBlock {P} at (0,1933) size 784x42
+        RenderText {#text} at (0,0) size 759x42
           text run at (0,0) width 759: "In the following paragraph, all images should be aligned with the middle of the default text, whereas any text"
-          text run at (0,22) width 477: "should be aligned with the text baseline (which is the default value)."
-      RenderBlock {P} at (0,2054) size 784x237
-        RenderText {#text} at (0,23) size 112x22
+          text run at (0,21) width 477: "should be aligned with the text baseline (which is the default value)."
+      RenderBlock {P} at (0,1991) size 784x237
+        RenderText {#text} at (0,23) size 112x21
           text run at (0,23) width 112: "This paragraph "
         RenderImage {IMG} at (112,20) size 9x30
-        RenderText {#text} at (121,23) size 4x22
+        RenderText {#text} at (121,23) size 4x21
           text run at (121,23) width 4: " "
-        RenderInline {SPAN} at (0,0) size 395x52
-          RenderText {#text} at (125,0) size 395x52
+        RenderInline {SPAN} at (0,0) size 395x51
+          RenderText {#text} at (125,0) size 395x51
             text run at (125,0) width 395: "contains many images"
-        RenderText {#text} at (520,23) size 4x22
+        RenderText {#text} at (520,23) size 4x21
           text run at (520,23) width 4: " "
         RenderImage {IMG} at (524,10) size 15x50
-        RenderText {#text} at (539,23) size 133x22
+        RenderText {#text} at (539,23) size 133x21
           text run at (539,23) width 133: " of varying heights "
         RenderImage {IMG} at (672,30) size 3x10
-        RenderText {#text} at (675,23) size 4x22
+        RenderText {#text} at (675,23) size 4x21
           text run at (675,23) width 4: " "
-        RenderInline {SMALL} at (0,0) size 77x22
-          RenderText {#text} at (679,23) size 77x22
+        RenderInline {SMALL} at (0,0) size 77x21
+          RenderText {#text} at (679,23) size 77x21
             text run at (679,23) width 77: "and widths"
-        RenderText {#text} at (756,23) size 4x22
+        RenderText {#text} at (756,23) size 4x21
           text run at (756,23) width 4: " "
         RenderImage {IMG} at (760,25) size 6x20
-        RenderText {#text} at (0,102) size 84x22
+        RenderText {#text} at (0,102) size 84x21
           text run at (0,102) width 84: "all of which "
         RenderImage {IMG} at (84,82) size 19x65
-        RenderText {#text} at (103,102) size 135x22
+        RenderText {#text} at (103,102) size 135x21
           text run at (103,102) width 135: " should be aligned "
         RenderImage {IMG} at (238,97) size 10x35
-        RenderText {#text} at (248,102) size 4x22
+        RenderText {#text} at (248,102) size 4x21
           text run at (248,102) width 4: " "
-        RenderInline {SPAN} at (0,0) size 251x42
-          RenderText {#text} at (252,87) size 251x42
+        RenderInline {SPAN} at (0,0) size 251x41
+          RenderText {#text} at (252,87) size 251x41
             text run at (252,87) width 251: "with the middle of"
-        RenderText {#text} at (503,102) size 4x22
+        RenderText {#text} at (503,102) size 4x21
           text run at (503,102) width 4: " "
         RenderImage {IMG} at (507,89) size 15x50
-        RenderText {#text} at (522,102) size 4x22
+        RenderText {#text} at (522,102) size 4x21
           text run at (522,102) width 4: " "
-        RenderInline {SPAN} at (0,0) size 761x109
-          RenderText {#text} at (526,95) size 20x31
+        RenderInline {SPAN} at (0,0) size 761x108
+          RenderText {#text} at (526,95) size 20x30
             text run at (526,95) width 20: "a "
-          RenderInline {SPAN} at (0,0) size 215x77
-            RenderText {#text} at (546,60) size 215x77
+          RenderInline {SPAN} at (0,0) size 215x76
+            RenderText {#text} at (546,60) size 215x76
               text run at (546,60) width 215: "14-point"
-          RenderText {#text} at (0,173) size 130x31
+          RenderText {#text} at (0,173) size 130x30
             text run at (0,173) width 130: "text element"
-        RenderText {#text} at (130,180) size 4x22
+        RenderText {#text} at (130,180) size 4x21
           text run at (130,180) width 4: " "
         RenderImage {IMG} at (134,167) size 15x50
-        RenderText {#text} at (149,180) size 4x22
+        RenderText {#text} at (149,180) size 4x21
           text run at (149,180) width 4: " "
-        RenderInline {SMALL} at (0,0) size 211x22
-          RenderText {#text} at (153,180) size 211x22
+        RenderInline {SMALL} at (0,0) size 211x21
+          RenderText {#text} at (153,180) size 211x21
             text run at (153,180) width 211: "regardless of the line in which"
-        RenderText {#text} at (364,180) size 4x22
+        RenderText {#text} at (364,180) size 4x21
           text run at (364,180) width 4: " "
         RenderImage {IMG} at (368,185) size 4x15
-        RenderText {#text} at (372,180) size 4x22
+        RenderText {#text} at (372,180) size 4x21
           text run at (372,180) width 4: " "
-        RenderInline {BIG} at (0,0) size 185x28
-          RenderText {#text} at (376,175) size 185x28
+        RenderInline {BIG} at (0,0) size 185x27
+          RenderText {#text} at (376,175) size 185x27
             text run at (376,175) width 185: "the images appear."
-        RenderText {#text} at (561,180) size 4x22
+        RenderText {#text} at (561,180) size 4x21
           text run at (561,180) width 4: " "
         RenderImage {IMG} at (565,147) size 27x90
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,2307) size 784x66
-        RenderText {#text} at (0,0) size 753x66
+      RenderBlock {P} at (0,2244) size 784x63
+        RenderText {#text} at (0,0) size 753x63
           text run at (0,0) width 726: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line,"
-          text run at (0,22) width 286: "whether that element is an image or not. "
-          text run at (286,22) width 467: "Each fragment of text has been SPANned appropriately in order to"
-          text run at (0,44) width 151: "cause this to happen."
-      RenderBlock {P} at (0,2389) size 784x207
-        RenderInline {SPAN} at (0,0) size 108x22
-          RenderText {#text} at (0,0) size 108x22
+          text run at (0,21) width 286: "whether that element is an image or not. "
+          text run at (286,21) width 467: "Each fragment of text has been SPANned appropriately in order to"
+          text run at (0,42) width 151: "cause this to happen."
+      RenderBlock {P} at (0,2323) size 784x206
+        RenderInline {SPAN} at (0,0) size 108x21
+          RenderText {#text} at (0,0) size 108x21
             text run at (0,0) width 108: "This paragraph"
-        RenderText {#text} at (108,0) size 4x22
+        RenderText {#text} at (108,0) size 4x21
           text run at (108,0) width 4: " "
         RenderImage {IMG} at (112,0) size 3x10
-        RenderText {#text} at (115,0) size 4x22
+        RenderText {#text} at (115,0) size 4x21
           text run at (115,0) width 4: " "
-        RenderInline {SPAN} at (0,0) size 395x52
-          RenderText {#text} at (119,0) size 395x52
+        RenderInline {SPAN} at (0,0) size 395x51
+          RenderText {#text} at (119,0) size 395x51
             text run at (119,0) width 395: "contains many images"
-        RenderText {#text} at (514,0) size 4x22
+        RenderText {#text} at (514,0) size 4x21
           text run at (514,0) width 4: " "
         RenderImage {IMG} at (518,0) size 3x10
-        RenderText {#text} at (521,0) size 4x22
+        RenderText {#text} at (521,0) size 4x21
           text run at (521,0) width 4: " "
-        RenderInline {SPAN} at (0,0) size 99x22
-          RenderText {#text} at (525,0) size 99x22
+        RenderInline {SPAN} at (0,0) size 99x21
+          RenderText {#text} at (525,0) size 99x21
             text run at (525,0) width 99: "and some text"
-        RenderText {#text} at (624,0) size 4x22
+        RenderText {#text} at (624,0) size 4x21
           text run at (624,0) width 4: " "
         RenderImage {IMG} at (628,0) size 3x10
-        RenderText {#text} at (631,0) size 4x22
+        RenderText {#text} at (631,0) size 4x21
           text run at (631,0) width 4: " "
-        RenderInline {SPAN} at (0,0) size 125x22
-          RenderText {#text} at (635,0) size 125x22
+        RenderInline {SPAN} at (0,0) size 125x21
+          RenderText {#text} at (635,0) size 125x21
             text run at (635,0) width 125: "of varying heights"
-        RenderText {#text} at (760,0) size 4x22
+        RenderText {#text} at (760,0) size 4x21
           text run at (760,0) width 4: " "
         RenderImage {IMG} at (764,0) size 3x10
         RenderText {#text} at (0,0) size 0x0
-        RenderInline {BIG} at (0,0) size 103x28
-          RenderText {#text} at (0,52) size 103x28
-            text run at (0,52) width 103: "and widths"
-        RenderText {#text} at (103,52) size 4x22
-          text run at (103,52) width 4: " "
-        RenderImage {IMG} at (107,52) size 6x20
-        RenderText {#text} at (113,52) size 4x22
-          text run at (113,52) width 4: " "
-        RenderInline {SPAN} at (0,0) size 80x22
-          RenderText {#text} at (117,52) size 80x22
-            text run at (117,52) width 80: "all of which"
-        RenderText {#text} at (197,52) size 4x22
-          text run at (197,52) width 4: " "
-        RenderImage {IMG} at (201,52) size 19x65
-        RenderText {#text} at (220,52) size 4x22
-          text run at (220,52) width 4: " "
-        RenderInline {SPAN} at (0,0) size 127x22
-          RenderText {#text} at (224,52) size 127x22
-            text run at (224,52) width 127: "should be aligned"
-        RenderText {#text} at (351,52) size 4x22
-          text run at (351,52) width 4: " "
-        RenderImage {IMG} at (355,52) size 10x35
-        RenderText {#text} at (365,52) size 4x22
-          text run at (365,52) width 4: " "
-        RenderInline {SPAN} at (0,0) size 201x42
-          RenderText {#text} at (369,52) size 201x42
-            text run at (369,52) width 201: "with the top of"
-        RenderText {#text} at (570,52) size 4x22
-          text run at (570,52) width 4: " "
-        RenderImage {IMG} at (574,52) size 15x50
-        RenderText {#text} at (589,52) size 4x22
-          text run at (589,52) width 4: " "
-        RenderInline {SPAN} at (0,0) size 146x22
-          RenderText {#text} at (593,52) size 146x22
-            text run at (593,52) width 146: "the tallest element in"
-        RenderText {#text} at (739,52) size 4x22
-          text run at (739,52) width 4: " "
-        RenderImage {IMG} at (743,52) size 4x15
+        RenderInline {BIG} at (0,0) size 103x27
+          RenderText {#text} at (0,51) size 103x27
+            text run at (0,51) width 103: "and widths"
+        RenderText {#text} at (103,51) size 4x21
+          text run at (103,51) width 4: " "
+        RenderImage {IMG} at (107,51) size 6x20
+        RenderText {#text} at (113,51) size 4x21
+          text run at (113,51) width 4: " "
+        RenderInline {SPAN} at (0,0) size 80x21
+          RenderText {#text} at (117,51) size 80x21
+            text run at (117,51) width 80: "all of which"
+        RenderText {#text} at (197,51) size 4x21
+          text run at (197,51) width 4: " "
+        RenderImage {IMG} at (201,51) size 19x65
+        RenderText {#text} at (220,51) size 4x21
+          text run at (220,51) width 4: " "
+        RenderInline {SPAN} at (0,0) size 127x21
+          RenderText {#text} at (224,51) size 127x21
+            text run at (224,51) width 127: "should be aligned"
+        RenderText {#text} at (351,51) size 4x21
+          text run at (351,51) width 4: " "
+        RenderImage {IMG} at (355,51) size 10x35
+        RenderText {#text} at (365,51) size 4x21
+          text run at (365,51) width 4: " "
+        RenderInline {SPAN} at (0,0) size 201x41
+          RenderText {#text} at (369,51) size 201x41
+            text run at (369,51) width 201: "with the top of"
+        RenderText {#text} at (570,51) size 4x21
+          text run at (570,51) width 4: " "
+        RenderImage {IMG} at (574,51) size 15x50
+        RenderText {#text} at (589,51) size 4x21
+          text run at (589,51) width 4: " "
+        RenderInline {SPAN} at (0,0) size 146x21
+          RenderText {#text} at (593,51) size 146x21
+            text run at (593,51) width 146: "the tallest element in"
+        RenderText {#text} at (739,51) size 4x21
+          text run at (739,51) width 4: " "
+        RenderImage {IMG} at (743,51) size 4x15
         RenderText {#text} at (0,0) size 0x0
-        RenderInline {BIG} at (0,0) size 346x28
-          RenderText {#text} at (0,117) size 346x28
-            text run at (0,117) width 346: "whichever line the elements appear."
-        RenderText {#text} at (346,117) size 4x22
-          text run at (346,117) width 4: " "
-        RenderImage {IMG} at (350,117) size 27x90
+        RenderInline {BIG} at (0,0) size 346x27
+          RenderText {#text} at (0,116) size 346x27
+            text run at (0,116) width 346: "whichever line the elements appear."
+        RenderText {#text} at (346,116) size 4x21
+          text run at (346,116) width 4: " "
+        RenderImage {IMG} at (350,116) size 27x90
         RenderText {#text} at (0,0) size 0x0
-      RenderTable {TABLE} at (0,2612) size 784x2273 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x2271
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x2243
-            RenderTableCell {TD} at (0,1136) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+      RenderTable {TABLE} at (0,2545) size 784x2241 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x2239
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x2213
+            RenderTableCell {TD} at (0,1120) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x2243 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x82
+            RenderTableCell {TD} at (12,26) size 770x2213 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x80
                 RenderImage {IMG} at (0,0) size 15x50
-                RenderInline {SPAN} at (0,0) size 135x22
-                  RenderText {#text} at (15,38) size 135x22
+                RenderInline {SPAN} at (0,0) size 135x21
+                  RenderText {#text} at (15,38) size 135x21
                     text run at (15,38) width 135: "The first four words"
-                RenderText {#text} at (150,34) size 736x48
+                RenderText {#text} at (150,34) size 736x46
                   text run at (150,34) width 323: " in this sentence should be subscript-aligned. "
                   text run at (473,34) width 263: "The font size of the superscripted text"
-                  text run at (0,60) width 379: "should not be different from that of the parent element."
-              RenderBlock {P} at (4,102) size 762x78
+                  text run at (0,59) width 379: "should not be different from that of the parent element."
+              RenderBlock {P} at (4,100) size 762x76
                 RenderImage {IMG} at (0,0) size 15x50
-                RenderInline {SPAN} at (0,0) size 135x22
-                  RenderText {#text} at (15,28) size 135x22
+                RenderInline {SPAN} at (0,0) size 135x21
+                  RenderText {#text} at (15,28) size 135x21
                     text run at (15,28) width 135: "The first four words"
-                RenderText {#text} at (150,34) size 736x44
+                RenderText {#text} at (150,34) size 736x42
                   text run at (150,34) width 337: " in this sentence should be superscript-aligned. "
                   text run at (487,34) width 249: "The font size of the subscripted text"
-                  text run at (0,56) width 379: "should not be different from that of the parent element."
-              RenderBlock {P} at (4,196) size 762x78
+                  text run at (0,55) width 379: "should not be different from that of the parent element."
+              RenderBlock {P} at (4,192) size 762x76
                 RenderImage {IMG} at (0,0) size 15x50
-                RenderInline {SPAN} at (0,0) size 135x22
-                  RenderText {#text} at (15,0) size 135x22
+                RenderInline {SPAN} at (0,0) size 135x21
+                  RenderText {#text} at (15,0) size 135x21
                     text run at (15,0) width 135: "The first four words"
-                RenderText {#text} at (150,34) size 737x44
+                RenderText {#text} at (150,34) size 737x42
                   text run at (150,34) width 587: " in this sentence should be top-aligned, which will align their tops with the top of the"
-                  text run at (0,56) width 406: "tallest element in the line (probably the orange rectangle)."
-              RenderBlock {P} at (4,290) size 762x145
+                  text run at (0,55) width 406: "tallest element in the line (probably the orange rectangle)."
+              RenderBlock {P} at (4,284) size 762x142
                 RenderImage {IMG} at (0,0) size 15x50
-                RenderText {#text} at (15,34) size 4x22
+                RenderText {#text} at (15,34) size 4x21
                   text run at (15,34) width 4: " "
-                RenderInline {SPAN} at (0,0) size 737x126
+                RenderInline {SPAN} at (0,0) size 737x123
                   RenderText {#text} at (0,0) size 0x0
-                  RenderInline {SPAN} at (0,0) size 135x22
-                    RenderText {#text} at (19,19) size 135x22
+                  RenderInline {SPAN} at (0,0) size 135x21
+                    RenderText {#text} at (19,19) size 135x21
                       text run at (19,19) width 135: "The first four words"
-                  RenderText {#text} at (154,19) size 737x126
+                  RenderText {#text} at (154,19) size 737x123
                     text run at (154,19) width 510: " in this sentence should be text-top-"
-                    text run at (0,61) width 737: "aligned, which should align their tops with the top of"
-                    text run at (0,103) width 355: "the tallest text in the line."
+                    text run at (0,60) width 737: "aligned, which should align their tops with the top of"
+                    text run at (0,101) width 355: "the tallest text in the line."
                 RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,451) size 762x72
+              RenderBlock {P} at (4,442) size 762x71
                 RenderImage {IMG} at (0,0) size 15x50
-                RenderText {#text} at (15,13) size 758x59
+                RenderText {#text} at (15,13) size 758x58
                   text run at (15,13) width 743: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with"
                   text run at (0,50) width 414: "the point defined as the text baseline plus half the x-height."
-              RenderBlock {P} at (4,539) size 762x134
+              RenderBlock {P} at (4,529) size 762x132
                 RenderImage {IMG} at (0,0) size 15x50
-                RenderText {#text} at (15,15) size 4x22
+                RenderText {#text} at (15,15) size 4x21
                   text run at (15,15) width 4: " "
-                RenderInline {SPAN} at (0,0) size 738x134
+                RenderInline {SPAN} at (0,0) size 738x132
                   RenderText {#text} at (0,0) size 0x0
-                  RenderInline {SPAN} at (0,0) size 135x22
-                    RenderText {#text} at (19,28) size 135x22
-                      text run at (19,28) width 135: "The first four words"
-                  RenderText {#text} at (154,0) size 738x134
+                  RenderInline {SPAN} at (0,0) size 135x21
+                    RenderText {#text} at (19,29) size 135x21
+                      text run at (19,29) width 135: "The first four words"
+                  RenderText {#text} at (154,0) size 738x132
                     text run at (154,0) width 554: " in this sentence should be 12pt in size"
                     text run at (0,50) width 738: "and bottom-aligned, which should align their bottom"
-                    text run at (0,92) width 689: "with the bottom of the lowest element in the line."
+                    text run at (0,91) width 689: "with the bottom of the lowest element in the line."
                 RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,689) size 762x176
+              RenderBlock {P} at (4,677) size 762x173
                 RenderImage {IMG} at (0,0) size 15x50
-                RenderText {#text} at (15,15) size 4x22
+                RenderText {#text} at (15,15) size 4x21
                   text run at (15,15) width 4: " "
-                RenderInline {SPAN} at (0,0) size 727x176
+                RenderInline {SPAN} at (0,0) size 727x173
                   RenderText {#text} at (0,0) size 0x0
-                  RenderInline {SPAN} at (0,0) size 326x22
-                    RenderText {#text} at (19,20) size 326x22
+                  RenderInline {SPAN} at (0,0) size 326x21
+                    RenderText {#text} at (19,20) size 326x21
                       text run at (19,20) width 326: "The first eight words (\"eight\" has a descender)"
-                  RenderText {#text} at (345,0) size 727x176
+                  RenderText {#text} at (345,0) size 727x173
                     text run at (345,0) width 382: " in this sentence should be"
                     text run at (0,50) width 716: "12pt in size and text-bottom-aligned, which should"
-                    text run at (0,92) width 727: "align their bottom with the bottom of the lowest text"
-                    text run at (0,134) width 481: "(including descenders) in the line."
+                    text run at (0,91) width 727: "align their bottom with the bottom of the lowest text"
+                    text run at (0,132) width 481: "(including descenders) in the line."
                 RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,881) size 762x187
+              RenderBlock {P} at (4,866) size 762x183
                 RenderImage {IMG} at (0,0) size 15x50
-                RenderText {#text} at (15,34) size 4x22
+                RenderText {#text} at (15,34) size 4x21
                   text run at (15,34) width 4: " "
-                RenderInline {SPAN} at (0,0) size 761x168
+                RenderInline {SPAN} at (0,0) size 761x164
                   RenderText {#text} at (0,0) size 0x0
-                  RenderInline {SPAN} at (0,0) size 135x22
-                    RenderText {#text} at (19,34) size 135x22
+                  RenderInline {SPAN} at (0,0) size 135x21
+                    RenderText {#text} at (19,34) size 135x21
                       text run at (19,34) width 135: "The first four words"
-                  RenderText {#text} at (154,19) size 761x168
+                  RenderText {#text} at (154,19) size 761x164
                     text run at (154,19) width 554: " in this sentence should be 12pt in size"
-                    text run at (0,61) width 651: "and baseline-aligned, which should align their"
-                    text run at (0,103) width 761: "baseline with the baseline of the rest of the text in the"
-                    text run at (0,145) width 59: "line."
+                    text run at (0,60) width 651: "and baseline-aligned, which should align their"
+                    text run at (0,101) width 761: "baseline with the baseline of the rest of the text in the"
+                    text run at (0,142) width 59: "line."
                 RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,1084) size 762x78
+              RenderBlock {P} at (4,1065) size 762x76
                 RenderImage {IMG} at (0,0) size 15x50
-                RenderInline {SPAN} at (0,0) size 103x17
-                  RenderText {#text} at (15,30) size 103x17
+                RenderInline {SPAN} at (0,0) size 103x16
+                  RenderText {#text} at (15,30) size 103x16
                     text run at (15,30) width 103: "The first four words"
-                RenderText {#text} at (118,34) size 735x44
+                RenderText {#text} at (118,34) size 735x42
                   text run at (118,34) width 617: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also"
-                  text run at (0,56) width 521: "50%-aligned, which should raise them 8px relative to the natural baseline."
-              RenderBlock {P} at (4,1178) size 762x66
-                RenderText {#text} at (0,0) size 762x66
+                  text run at (0,55) width 521: "50%-aligned, which should raise them 8px relative to the natural baseline."
+              RenderBlock {P} at (4,1157) size 762x63
+                RenderText {#text} at (0,0) size 762x63
                   text run at (0,0) width 762: "In the following paragraph, all images should be aligned with the top of the 14-point text, which is identical to"
-                  text run at (0,22) width 742: "the first section of text, whereas any size text should be aligned with the text baseline (which is the default"
-                  text run at (0,44) width 48: "value)."
-              RenderBlock {P} at (4,1262) size 762x348
-                RenderText {#text} at (0,26) size 136x26
+                  text run at (0,21) width 742: "the first section of text, whereas any size text should be aligned with the text baseline (which is the default"
+                  text run at (0,42) width 48: "value)."
+              RenderBlock {P} at (4,1238) size 762x348
+                RenderText {#text} at (0,26) size 136x25
                   text run at (0,26) width 136: "This paragraph "
                 RenderImage {IMG} at (136,26) size 9x30
-                RenderText {#text} at (145,26) size 5x26
+                RenderText {#text} at (145,26) size 5x25
                   text run at (145,26) width 5: " "
-                RenderInline {SPAN} at (0,0) size 467x60
-                  RenderText {#text} at (150,0) size 467x60
+                RenderInline {SPAN} at (0,0) size 467x59
+                  RenderText {#text} at (150,0) size 467x59
                     text run at (150,0) width 467: "contains many images"
-                RenderText {#text} at (617,26) size 5x26
+                RenderText {#text} at (617,26) size 5x25
                   text run at (617,26) width 5: " "
                 RenderImage {IMG} at (622,26) size 15x50
-                RenderText {#text} at (637,26) size 5x26
+                RenderText {#text} at (637,26) size 5x25
                   text run at (637,26) width 5: " "
-                RenderInline {BIG} at (0,0) size 736x95
-                  RenderText {#text} at (642,24) size 736x95
+                RenderInline {BIG} at (0,0) size 736x94
+                  RenderText {#text} at (642,24) size 736x94
                     text run at (642,24) width 94: "of varying"
                     text run at (0,91) width 70: "heights"
-                RenderText {#text} at (70,93) size 5x26
+                RenderText {#text} at (70,93) size 5x25
                   text run at (70,93) width 5: " "
                 RenderImage {IMG} at (75,93) size 3x10
-                RenderText {#text} at (78,93) size 5x26
+                RenderText {#text} at (78,93) size 5x25
                   text run at (78,93) width 5: " "
-                RenderInline {SMALL} at (0,0) size 77x22
-                  RenderText {#text} at (83,96) size 77x22
+                RenderInline {SMALL} at (0,0) size 77x21
+                  RenderText {#text} at (83,96) size 77x21
                     text run at (83,96) width 77: "and widths"
-                RenderText {#text} at (160,93) size 5x26
+                RenderText {#text} at (160,93) size 5x25
                   text run at (160,93) width 5: " "
                 RenderImage {IMG} at (165,93) size 6x20
-                RenderText {#text} at (171,93) size 105x26
+                RenderText {#text} at (171,93) size 105x25
                   text run at (171,93) width 105: " all of which "
                 RenderImage {IMG} at (276,93) size 19x65
-                RenderText {#text} at (295,93) size 5x26
+                RenderText {#text} at (295,93) size 5x25
                   text run at (295,93) width 5: " "
-                RenderInline {SPAN} at (0,0) size 294x48
-                  RenderText {#text} at (300,76) size 294x48
+                RenderInline {SPAN} at (0,0) size 294x47
+                  RenderText {#text} at (300,76) size 294x47
                     text run at (300,76) width 294: "should be aligned"
-                RenderText {#text} at (594,93) size 5x26
+                RenderText {#text} at (594,93) size 5x25
                   text run at (594,93) width 5: " "
                 RenderImage {IMG} at (599,93) size 10x35
-                RenderText {#text} at (609,93) size 129x26
+                RenderText {#text} at (609,93) size 129x25
                   text run at (609,93) width 129: " with the top of "
                 RenderImage {IMG} at (738,93) size 9x30
                 RenderText {#text} at (0,0) size 0x0
-                RenderInline {SPAN} at (0,0) size 440x36
-                  RenderText {#text} at (0,198) size 24x36
+                RenderInline {SPAN} at (0,0) size 440x35
+                  RenderText {#text} at (0,198) size 24x35
                     text run at (0,198) width 24: "a "
-                  RenderInline {SPAN} at (0,0) size 253x88
-                    RenderText {#text} at (24,158) size 253x88
+                  RenderInline {SPAN} at (0,0) size 253x87
+                    RenderText {#text} at (24,158) size 253x87
                       text run at (24,158) width 253: "14-point"
-                  RenderText {#text} at (277,198) size 163x36
+                  RenderText {#text} at (277,198) size 163x35
                     text run at (277,198) width 163: " text element"
-                RenderText {#text} at (440,206) size 5x26
+                RenderText {#text} at (440,206) size 5x25
                   text run at (440,206) width 5: " "
                 RenderImage {IMG} at (445,206) size 15x50
-                RenderText {#text} at (460,206) size 5x26
+                RenderText {#text} at (460,206) size 5x25
                   text run at (460,206) width 5: " "
-                RenderInline {SMALL} at (0,0) size 211x22
-                  RenderText {#text} at (465,209) size 211x22
+                RenderInline {SMALL} at (0,0) size 211x21
+                  RenderText {#text} at (465,209) size 211x21
                     text run at (465,209) width 211: "regardless of the line in which"
-                RenderText {#text} at (676,206) size 5x26
+                RenderText {#text} at (676,206) size 5x25
                   text run at (676,206) width 5: " "
                 RenderImage {IMG} at (681,206) size 4x15
-                RenderText {#text} at (685,206) size 5x26
+                RenderText {#text} at (685,206) size 5x25
                   text run at (685,206) width 5: " "
-                RenderInline {BIG} at (0,0) size 720x80
-                  RenderText {#text} at (690,204) size 720x80
+                RenderInline {BIG} at (0,0) size 720x79
+                  RenderText {#text} at (690,204) size 720x79
                     text run at (690,204) width 30: "the"
                     text run at (0,256) width 149: "images appear."
-                RenderText {#text} at (149,258) size 5x26
+                RenderText {#text} at (149,258) size 5x25
                   text run at (149,258) width 5: " "
                 RenderImage {IMG} at (154,258) size 27x90
                 RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,1628) size 762x44
-                RenderText {#text} at (0,0) size 759x44
+              RenderBlock {P} at (4,1604) size 762x42
+                RenderText {#text} at (0,0) size 759x42
                   text run at (0,0) width 759: "In the following paragraph, all images should be aligned with the middle of the default text, whereas any text"
-                  text run at (0,22) width 477: "should be aligned with the text baseline (which is the default value)."
-              RenderBlock {P} at (4,1688) size 762x246
-                RenderText {#text} at (0,23) size 112x22
+                  text run at (0,21) width 477: "should be aligned with the text baseline (which is the default value)."
+              RenderBlock {P} at (4,1662) size 762x246
+                RenderText {#text} at (0,23) size 112x21
                   text run at (0,23) width 112: "This paragraph "
                 RenderImage {IMG} at (112,20) size 9x30
-                RenderText {#text} at (121,23) size 4x22
+                RenderText {#text} at (121,23) size 4x21
                   text run at (121,23) width 4: " "
-                RenderInline {SPAN} at (0,0) size 395x52
-                  RenderText {#text} at (125,0) size 395x52
+                RenderInline {SPAN} at (0,0) size 395x51
+                  RenderText {#text} at (125,0) size 395x51
                     text run at (125,0) width 395: "contains many images"
-                RenderText {#text} at (520,23) size 4x22
+                RenderText {#text} at (520,23) size 4x21
                   text run at (520,23) width 4: " "
                 RenderImage {IMG} at (524,10) size 15x50
-                RenderText {#text} at (539,23) size 133x22
+                RenderText {#text} at (539,23) size 133x21
                   text run at (539,23) width 133: " of varying heights "
                 RenderImage {IMG} at (672,30) size 3x10
-                RenderText {#text} at (675,23) size 4x22
+                RenderText {#text} at (675,23) size 4x21
                   text run at (675,23) width 4: " "
-                RenderInline {SMALL} at (0,0) size 77x22
-                  RenderText {#text} at (679,23) size 77x22
+                RenderInline {SMALL} at (0,0) size 77x21
+                  RenderText {#text} at (679,23) size 77x21
                     text run at (679,23) width 77: "and widths"
-                RenderText {#text} at (756,23) size 4x22
+                RenderText {#text} at (756,23) size 4x21
                   text run at (756,23) width 4: " "
                 RenderImage {IMG} at (0,104) size 6x20
-                RenderText {#text} at (6,102) size 88x22
+                RenderText {#text} at (6,102) size 88x21
                   text run at (6,102) width 88: " all of which "
                 RenderImage {IMG} at (94,82) size 19x65
-                RenderText {#text} at (113,102) size 135x22
+                RenderText {#text} at (113,102) size 135x21
                   text run at (113,102) width 135: " should be aligned "
                 RenderImage {IMG} at (248,97) size 10x35
-                RenderText {#text} at (258,102) size 4x22
+                RenderText {#text} at (258,102) size 4x21
                   text run at (258,102) width 4: " "
-                RenderInline {SPAN} at (0,0) size 251x42
-                  RenderText {#text} at (262,87) size 251x42
+                RenderInline {SPAN} at (0,0) size 251x41
+                  RenderText {#text} at (262,87) size 251x41
                     text run at (262,87) width 251: "with the middle of"
-                RenderText {#text} at (513,102) size 4x22
+                RenderText {#text} at (513,102) size 4x21
                   text run at (513,102) width 4: " "
                 RenderImage {IMG} at (517,89) size 15x50
-                RenderText {#text} at (532,102) size 4x22
+                RenderText {#text} at (532,102) size 4x21
                   text run at (532,102) width 4: " "
-                RenderInline {SPAN} at (0,0) size 642x118
-                  RenderText {#text} at (536,95) size 20x31
+                RenderInline {SPAN} at (0,0) size 642x117
+                  RenderText {#text} at (536,95) size 20x30
                     text run at (536,95) width 20: "a "
-                  RenderInline {SPAN} at (0,0) size 642x164
-                    RenderText {#text} at (556,60) size 642x164
+                  RenderInline {SPAN} at (0,0) size 642x163
+                    RenderText {#text} at (556,60) size 642x163
                       text run at (556,60) width 86: "14-"
                       text run at (0,147) width 129: "point"
-                  RenderText {#text} at (129,182) size 137x31
+                  RenderText {#text} at (129,182) size 137x30
                     text run at (129,182) width 137: " text element"
-                RenderText {#text} at (266,189) size 4x22
+                RenderText {#text} at (266,189) size 4x21
                   text run at (266,189) width 4: " "
                 RenderImage {IMG} at (270,176) size 15x50
-                RenderText {#text} at (285,189) size 4x22
+                RenderText {#text} at (285,189) size 4x21
                   text run at (285,189) width 4: " "
-                RenderInline {SMALL} at (0,0) size 211x22
-                  RenderText {#text} at (289,189) size 211x22
+                RenderInline {SMALL} at (0,0) size 211x21
+                  RenderText {#text} at (289,189) size 211x21
                     text run at (289,189) width 211: "regardless of the line in which"
-                RenderText {#text} at (500,189) size 4x22
+                RenderText {#text} at (500,189) size 4x21
                   text run at (500,189) width 4: " "
                 RenderImage {IMG} at (504,194) size 4x15
-                RenderText {#text} at (508,189) size 4x22
+                RenderText {#text} at (508,189) size 4x21
                   text run at (508,189) width 4: " "
-                RenderInline {BIG} at (0,0) size 185x28
-                  RenderText {#text} at (512,184) size 185x28
+                RenderInline {BIG} at (0,0) size 185x27
+                  RenderText {#text} at (512,184) size 185x27
                     text run at (512,184) width 185: "the images appear."
-                RenderText {#text} at (697,189) size 4x22
+                RenderText {#text} at (697,189) size 4x21
                   text run at (697,189) width 4: " "
                 RenderImage {IMG} at (701,156) size 27x90
                 RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,1950) size 762x66
-                RenderText {#text} at (0,0) size 753x66
+              RenderBlock {P} at (4,1924) size 762x63
+                RenderText {#text} at (0,0) size 753x63
                   text run at (0,0) width 726: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line,"
-                  text run at (0,22) width 286: "whether that element is an image or not. "
-                  text run at (286,22) width 467: "Each fragment of text has been SPANned appropriately in order to"
-                  text run at (0,44) width 151: "cause this to happen."
-              RenderBlock {P} at (4,2032) size 762x207
-                RenderInline {SPAN} at (0,0) size 108x22
-                  RenderText {#text} at (0,0) size 108x22
+                  text run at (0,21) width 286: "whether that element is an image or not. "
+                  text run at (286,21) width 467: "Each fragment of text has been SPANned appropriately in order to"
+                  text run at (0,42) width 151: "cause this to happen."
+              RenderBlock {P} at (4,2003) size 762x206
+                RenderInline {SPAN} at (0,0) size 108x21
+                  RenderText {#text} at (0,0) size 108x21
                     text run at (0,0) width 108: "This paragraph"
-                RenderText {#text} at (108,0) size 4x22
+                RenderText {#text} at (108,0) size 4x21
                   text run at (108,0) width 4: " "
                 RenderImage {IMG} at (112,0) size 3x10
-                RenderText {#text} at (115,0) size 4x22
+                RenderText {#text} at (115,0) size 4x21
                   text run at (115,0) width 4: " "
-                RenderInline {SPAN} at (0,0) size 395x52
-                  RenderText {#text} at (119,0) size 395x52
+                RenderInline {SPAN} at (0,0) size 395x51
+                  RenderText {#text} at (119,0) size 395x51
                     text run at (119,0) width 395: "contains many images"
-                RenderText {#text} at (514,0) size 4x22
+                RenderText {#text} at (514,0) size 4x21
                   text run at (514,0) width 4: " "
                 RenderImage {IMG} at (518,0) size 3x10
-                RenderText {#text} at (521,0) size 4x22
+                RenderText {#text} at (521,0) size 4x21
                   text run at (521,0) width 4: " "
-                RenderInline {SPAN} at (0,0) size 99x22
-                  RenderText {#text} at (525,0) size 99x22
+                RenderInline {SPAN} at (0,0) size 99x21
+                  RenderText {#text} at (525,0) size 99x21
                     text run at (525,0) width 99: "and some text"
-                RenderText {#text} at (624,0) size 4x22
+                RenderText {#text} at (624,0) size 4x21
                   text run at (624,0) width 4: " "
                 RenderImage {IMG} at (628,0) size 3x10
-                RenderText {#text} at (631,0) size 4x22
+                RenderText {#text} at (631,0) size 4x21
                   text run at (631,0) width 4: " "
-                RenderInline {SPAN} at (0,0) size 125x22
-                  RenderText {#text} at (635,0) size 125x22
+                RenderInline {SPAN} at (0,0) size 125x21
+                  RenderText {#text} at (635,0) size 125x21
                     text run at (635,0) width 125: "of varying heights"
                 RenderText {#text} at (0,0) size 0x0
-                RenderImage {IMG} at (0,52) size 3x10
-                RenderText {#text} at (3,52) size 4x22
-                  text run at (3,52) width 4: " "
-                RenderInline {BIG} at (0,0) size 103x28
-                  RenderText {#text} at (7,52) size 103x28
-                    text run at (7,52) width 103: "and widths"
-                RenderText {#text} at (110,52) size 4x22
-                  text run at (110,52) width 4: " "
-                RenderImage {IMG} at (114,52) size 6x20
-                RenderText {#text} at (120,52) size 4x22
-                  text run at (120,52) width 4: " "
-                RenderInline {SPAN} at (0,0) size 80x22
-                  RenderText {#text} at (124,52) size 80x22
-                    text run at (124,52) width 80: "all of which"
-                RenderText {#text} at (204,52) size 4x22
-                  text run at (204,52) width 4: " "
-                RenderImage {IMG} at (208,52) size 19x65
-                RenderText {#text} at (227,52) size 4x22
-                  text run at (227,52) width 4: " "
-                RenderInline {SPAN} at (0,0) size 127x22
-                  RenderText {#text} at (231,52) size 127x22
-                    text run at (231,52) width 127: "should be aligned"
-                RenderText {#text} at (358,52) size 4x22
-                  text run at (358,52) width 4: " "
-                RenderImage {IMG} at (362,52) size 10x35
-                RenderText {#text} at (372,52) size 4x22
-                  text run at (372,52) width 4: " "
-                RenderInline {SPAN} at (0,0) size 201x42
-                  RenderText {#text} at (376,52) size 201x42
-                    text run at (376,52) width 201: "with the top of"
-                RenderText {#text} at (577,52) size 4x22
-                  text run at (577,52) width 4: " "
-                RenderImage {IMG} at (581,52) size 15x50
-                RenderText {#text} at (596,52) size 4x22
-                  text run at (596,52) width 4: " "
-                RenderInline {SPAN} at (0,0) size 146x22
-                  RenderText {#text} at (600,52) size 146x22
-                    text run at (600,52) width 146: "the tallest element in"
-                RenderText {#text} at (746,52) size 4x22
-                  text run at (746,52) width 4: " "
-                RenderImage {IMG} at (750,52) size 4x15
+                RenderImage {IMG} at (0,51) size 3x10
+                RenderText {#text} at (3,51) size 4x21
+                  text run at (3,51) width 4: " "
+                RenderInline {BIG} at (0,0) size 103x27
+                  RenderText {#text} at (7,51) size 103x27
+                    text run at (7,51) width 103: "and widths"
+                RenderText {#text} at (110,51) size 4x21
+                  text run at (110,51) width 4: " "
+                RenderImage {IMG} at (114,51) size 6x20
+                RenderText {#text} at (120,51) size 4x21
+                  text run at (120,51) width 4: " "
+                RenderInline {SPAN} at (0,0) size 80x21
+                  RenderText {#text} at (124,51) size 80x21
+                    text run at (124,51) width 80: "all of which"
+                RenderText {#text} at (204,51) size 4x21
+                  text run at (204,51) width 4: " "
+                RenderImage {IMG} at (208,51) size 19x65
+                RenderText {#text} at (227,51) size 4x21
+                  text run at (227,51) width 4: " "
+                RenderInline {SPAN} at (0,0) size 127x21
+                  RenderText {#text} at (231,51) size 127x21
+                    text run at (231,51) width 127: "should be aligned"
+                RenderText {#text} at (358,51) size 4x21
+                  text run at (358,51) width 4: " "
+                RenderImage {IMG} at (362,51) size 10x35
+                RenderText {#text} at (372,51) size 4x21
+                  text run at (372,51) width 4: " "
+                RenderInline {SPAN} at (0,0) size 201x41
+                  RenderText {#text} at (376,51) size 201x41
+                    text run at (376,51) width 201: "with the top of"
+                RenderText {#text} at (577,51) size 4x21
+                  text run at (577,51) width 4: " "
+                RenderImage {IMG} at (581,51) size 15x50
+                RenderText {#text} at (596,51) size 4x21
+                  text run at (596,51) width 4: " "
+                RenderInline {SPAN} at (0,0) size 146x21
+                  RenderText {#text} at (600,51) size 146x21
+                    text run at (600,51) width 146: "the tallest element in"
+                RenderText {#text} at (746,51) size 4x21
+                  text run at (746,51) width 4: " "
+                RenderImage {IMG} at (750,51) size 4x15
                 RenderText {#text} at (0,0) size 0x0
-                RenderInline {BIG} at (0,0) size 346x28
-                  RenderText {#text} at (0,117) size 346x28
-                    text run at (0,117) width 346: "whichever line the elements appear."
-                RenderText {#text} at (346,117) size 4x22
-                  text run at (346,117) width 4: " "
-                RenderImage {IMG} at (350,117) size 27x90
+                RenderInline {BIG} at (0,0) size 346x27
+                  RenderText {#text} at (0,116) size 346x27
+                    text run at (0,116) width 346: "whichever line the elements appear."
+                RenderText {#text} at (346,116) size 4x21
+                  text run at (346,116) width 4: " "
+                RenderImage {IMG} at (350,116) size 27x90
                 RenderText {#text} at (0,0) size 0x0
index aa34e8d..70c4413 100644 (file)
-layer at (0,0) size 800x1029
+layer at (0,0) size 800x935
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1029
-  RenderBlock {HTML} at (0,0) size 800x1029
-    RenderBody {BODY} at (8,8) size 784x1013 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x228
-        RenderText {#text} at (0,0) size 202x228
-          text run at (0,0) width 170: ".one {word-spacing: 0.3in;}"
-          text run at (170,0) width 0: " "
-          text run at (0,19) width 176: ".two {word-spacing: 0.5cm;}"
-          text run at (176,19) width 0: " "
-          text run at (0,38) width 180: ".three {word-spacing: 5mm;}"
-          text run at (180,38) width 0: " "
-          text run at (0,57) width 160: ".four {word-spacing: 3pt;}"
-          text run at (160,57) width 0: " "
-          text run at (0,76) width 180: ".five {word-spacing: 0.25pc;}"
-          text run at (180,76) width 0: " "
-          text run at (0,95) width 160: ".six {word-spacing: 1em;}"
-          text run at (160,95) width 0: " "
-          text run at (0,114) width 176: ".seven {word-spacing: 1ex;}"
-          text run at (176,114) width 0: " "
-          text run at (0,133) width 169: ".eight {word-spacing: 5px;}"
-          text run at (169,133) width 0: " "
-          text run at (0,152) width 186: ".nine {word-spacing: normal;}"
-          text run at (186,152) width 0: " "
-          text run at (0,171) width 171: ".ten {word-spacing: 300%;}"
-          text run at (171,171) width 0: " "
-          text run at (0,190) width 202: ".eleven {word-spacing: -0.2em;}"
-          text run at (202,190) width 0: " "
-          text run at (0,209) width 0: " "
-      RenderBlock {HR} at (0,275) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,291) size 784x19
-        RenderText {#text} at (0,0) size 709x19
-          text run at (0,0) width 709: "This words in this sentence should have extra space between them."
-      RenderBlock {P} at (0,324) size 784x19
-        RenderText {#text} at (0,0) size 609x19
-          text run at (0,0) width 609: "This words in this sentence should have extra space between them."
-      RenderBlock {P} at (0,357) size 784x19
-        RenderText {#text} at (0,0) size 609x19
-          text run at (0,0) width 609: "This words in this sentence should have extra space between them."
-      RenderBlock {P} at (0,390) size 784x19
-        RenderText {#text} at (0,0) size 469x19
-          text run at (0,0) width 469: "This words in this sentence should have extra space between them."
-      RenderBlock {P} at (0,423) size 784x19
-        RenderText {#text} at (0,0) size 469x19
-          text run at (0,0) width 469: "This words in this sentence should have extra space between them."
-      RenderBlock {P} at (0,456) size 784x19
-        RenderText {#text} at (0,0) size 569x19
-          text run at (0,0) width 569: "This words in this sentence should have extra space between them."
-      RenderBlock {P} at (0,489) size 784x19
-        RenderText {#text} at (0,0) size 499x19
-          text run at (0,0) width 499: "This words in this sentence should have extra space between them."
-      RenderBlock {P} at (0,522) size 784x38
-        RenderText {#text} at (0,0) size 762x19
-          text run at (0,0) width 762: "This words in this sentence should have extra space between them, but the last few words in the sentence"
-        RenderInline {SPAN} at (0,0) size 178x19
-          RenderText {#text} at (0,19) size 178x19
-            text run at (0,19) width 178: "should have normal spacing"
-        RenderText {#text} at (178,19) size 4x19
-          text run at (178,19) width 4: "."
-      RenderBlock {P} at (0,574) size 784x19
-        RenderText {#text} at (0,0) size 677x19
-          text run at (0,0) width 677: "This sentence should have normal word-spacing, since percentage values are not allowed on this property."
-      RenderBlock {P} at (0,607) size 784x19
-        RenderText {#text} at (0,0) size 737x19
-          text run at (0,0) width 737: "This words in this sentence should have reduced space between them, since negative values are allowed on this property."
-      RenderTable {TABLE} at (0,640) size 784x373 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x371
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x343
-            RenderTableCell {TD} at (0,186) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+layer at (0,0) size 800x935
+  RenderBlock {HTML} at (0,0) size 800x935
+    RenderBody {BODY} at (8,8) size 784x919 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x204
+        RenderText {#text} at (0,0) size 182x204
+          text run at (0,0) width 153: ".one {word-spacing: 0.3in;}"
+          text run at (153,0) width 0: " "
+          text run at (0,17) width 160: ".two {word-spacing: 0.5cm;}"
+          text run at (160,17) width 0: " "
+          text run at (0,34) width 162: ".three {word-spacing: 5mm;}"
+          text run at (162,34) width 0: " "
+          text run at (0,51) width 144: ".four {word-spacing: 3pt;}"
+          text run at (144,51) width 0: " "
+          text run at (0,68) width 164: ".five {word-spacing: 0.25pc;}"
+          text run at (164,68) width 0: " "
+          text run at (0,85) width 146: ".six {word-spacing: 1em;}"
+          text run at (146,85) width 0: " "
+          text run at (0,102) width 160: ".seven {word-spacing: 1ex;}"
+          text run at (160,102) width 0: " "
+          text run at (0,119) width 153: ".eight {word-spacing: 5px;}"
+          text run at (153,119) width 0: " "
+          text run at (0,136) width 167: ".nine {word-spacing: normal;}"
+          text run at (167,136) width 0: " "
+          text run at (0,153) width 155: ".ten {word-spacing: 300%;}"
+          text run at (155,153) width 0: " "
+          text run at (0,170) width 182: ".eleven {word-spacing: -0.2em;}"
+          text run at (182,170) width 0: " "
+          text run at (0,187) width 0: " "
+      RenderBlock {HR} at (0,247) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,262) size 784x17
+        RenderText {#text} at (0,0) size 674x17
+          text run at (0,0) width 674: "This words in this sentence should have extra space between them."
+      RenderBlock {P} at (0,292) size 784x17
+        RenderText {#text} at (0,0) size 574x17
+          text run at (0,0) width 574: "This words in this sentence should have extra space between them."
+      RenderBlock {P} at (0,322) size 784x17
+        RenderText {#text} at (0,0) size 574x17
+          text run at (0,0) width 574: "This words in this sentence should have extra space between them."
+      RenderBlock {P} at (0,352) size 784x17
+        RenderText {#text} at (0,0) size 434x17
+          text run at (0,0) width 434: "This words in this sentence should have extra space between them."
+      RenderBlock {P} at (0,382) size 784x17
+        RenderText {#text} at (0,0) size 434x17
+          text run at (0,0) width 434: "This words in this sentence should have extra space between them."
+      RenderBlock {P} at (0,412) size 784x17
+        RenderText {#text} at (0,0) size 524x17
+          text run at (0,0) width 524: "This words in this sentence should have extra space between them."
+      RenderBlock {P} at (0,442) size 784x17
+        RenderText {#text} at (0,0) size 464x17
+          text run at (0,0) width 464: "This words in this sentence should have extra space between them."
+      RenderBlock {P} at (0,472) size 784x34
+        RenderText {#text} at (0,0) size 717x17
+          text run at (0,0) width 717: "This words in this sentence should have extra space between them, but the last few words in the sentence "
+        RenderInline {SPAN} at (0,0) size 755x34
+          RenderText {#text} at (717,0) size 755x34
+            text run at (717,0) width 38: "should"
+            text run at (0,17) width 120: "have normal spacing"
+        RenderText {#text} at (120,17) size 4x17
+          text run at (120,17) width 4: "."
+      RenderBlock {P} at (0,519) size 784x17
+        RenderText {#text} at (0,0) size 617x17
+          text run at (0,0) width 617: "This sentence should have normal word-spacing, since percentage values are not allowed on this property."
+      RenderBlock {P} at (0,549) size 784x17
+        RenderText {#text} at (0,0) size 672x17
+          text run at (0,0) width 672: "This words in this sentence should have reduced space between them, since negative values are allowed on this property."
+      RenderTable {TABLE} at (0,579) size 784x340 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x338
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x312
+            RenderTableCell {TD} at (0,169) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x343 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x19
-                RenderText {#text} at (0,0) size 709x19
-                  text run at (0,0) width 709: "This words in this sentence should have extra space between them."
-              RenderBlock {P} at (4,37) size 762x19
-                RenderText {#text} at (0,0) size 609x19
-                  text run at (0,0) width 609: "This words in this sentence should have extra space between them."
-              RenderBlock {P} at (4,70) size 762x19
-                RenderText {#text} at (0,0) size 609x19
-                  text run at (0,0) width 609: "This words in this sentence should have extra space between them."
-              RenderBlock {P} at (4,103) size 762x19
-                RenderText {#text} at (0,0) size 469x19
-                  text run at (0,0) width 469: "This words in this sentence should have extra space between them."
-              RenderBlock {P} at (4,136) size 762x19
-                RenderText {#text} at (0,0) size 469x19
-                  text run at (0,0) width 469: "This words in this sentence should have extra space between them."
-              RenderBlock {P} at (4,169) size 762x19
-                RenderText {#text} at (0,0) size 569x19
-                  text run at (0,0) width 569: "This words in this sentence should have extra space between them."
-              RenderBlock {P} at (4,202) size 762x19
-                RenderText {#text} at (0,0) size 499x19
-                  text run at (0,0) width 499: "This words in this sentence should have extra space between them."
-              RenderBlock {P} at (4,235) size 762x38
-                RenderText {#text} at (0,0) size 762x19
-                  text run at (0,0) width 762: "This words in this sentence should have extra space between them, but the last few words in the sentence"
-                RenderInline {SPAN} at (0,0) size 178x19
-                  RenderText {#text} at (0,19) size 178x19
-                    text run at (0,19) width 178: "should have normal spacing"
-                RenderText {#text} at (178,19) size 4x19
-                  text run at (178,19) width 4: "."
-              RenderBlock {P} at (4,287) size 762x19
-                RenderText {#text} at (0,0) size 677x19
-                  text run at (0,0) width 677: "This sentence should have normal word-spacing, since percentage values are not allowed on this property."
-              RenderBlock {P} at (4,320) size 762x19
-                RenderText {#text} at (0,0) size 737x19
-                  text run at (0,0) width 737: "This words in this sentence should have reduced space between them, since negative values are allowed on this property."
+            RenderTableCell {TD} at (12,26) size 770x312 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x17
+                RenderText {#text} at (0,0) size 674x17
+                  text run at (0,0) width 674: "This words in this sentence should have extra space between them."
+              RenderBlock {P} at (4,34) size 762x17
+                RenderText {#text} at (0,0) size 574x17
+                  text run at (0,0) width 574: "This words in this sentence should have extra space between them."
+              RenderBlock {P} at (4,64) size 762x17
+                RenderText {#text} at (0,0) size 574x17
+                  text run at (0,0) width 574: "This words in this sentence should have extra space between them."
+              RenderBlock {P} at (4,94) size 762x17
+                RenderText {#text} at (0,0) size 434x17
+                  text run at (0,0) width 434: "This words in this sentence should have extra space between them."
+              RenderBlock {P} at (4,124) size 762x17
+                RenderText {#text} at (0,0) size 434x17
+                  text run at (0,0) width 434: "This words in this sentence should have extra space between them."
+              RenderBlock {P} at (4,154) size 762x17
+                RenderText {#text} at (0,0) size 524x17
+                  text run at (0,0) width 524: "This words in this sentence should have extra space between them."
+              RenderBlock {P} at (4,184) size 762x17
+                RenderText {#text} at (0,0) size 464x17
+                  text run at (0,0) width 464: "This words in this sentence should have extra space between them."
+              RenderBlock {P} at (4,214) size 762x34
+                RenderText {#text} at (0,0) size 717x17
+                  text run at (0,0) width 717: "This words in this sentence should have extra space between them, but the last few words in the sentence "
+                RenderInline {SPAN} at (0,0) size 755x34
+                  RenderText {#text} at (717,0) size 755x34
+                    text run at (717,0) width 38: "should"
+                    text run at (0,17) width 120: "have normal spacing"
+                RenderText {#text} at (120,17) size 4x17
+                  text run at (120,17) width 4: "."
+              RenderBlock {P} at (4,261) size 762x17
+                RenderText {#text} at (0,0) size 617x17
+                  text run at (0,0) width 617: "This sentence should have normal word-spacing, since percentage values are not allowed on this property."
+              RenderBlock {P} at (4,291) size 762x17
+                RenderText {#text} at (0,0) size 672x17
+                  text run at (0,0) width 672: "This words in this sentence should have reduced space between them, since negative values are allowed on this property."
index da4ca24..866200d 100644 (file)
-layer at (0,0) size 800x1718
+layer at (0,0) size 800x1441
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1718
-  RenderBlock {HTML} at (0,0) size 800x1718
-    RenderBody {BODY} at (8,8) size 784x1702 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x228
-        RenderText {#text} at (0,0) size 226x228
-          text run at (0,0) width 129: "BODY {color: black;}"
-          text run at (129,0) width 0: " "
-          text run at (0,19) width 117: ".one {color: #080;}"
-          text run at (117,19) width 0: " "
-          text run at (0,38) width 139: ".two {color: #008000;}"
-          text run at (139,38) width 0: " "
-          text run at (0,57) width 173: ".three {color: rgb(0,128,0);}"
-          text run at (173,57) width 0: " "
-          text run at (0,76) width 193: ".four {color: rgb(0%,50%,0%);}"
-          text run at (193,76) width 0: " "
-          text run at (0,95) width 226: ".five {color: rgb(0.0%,50.0%,0.0%);}"
-          text run at (226,95) width 0: " "
-          text run at (0,114) width 115: ".six {color: green;}"
-          text run at (115,114) width 0: " "
-          text run at (0,133) width 175: ".seven {color: invalidValue;}"
-          text run at (175,133) width 0: " "
-          text run at (0,152) width 195: ".eight {color: rgb(0,128,1280);}"
-          text run at (195,152) width 0: " "
-          text run at (0,171) width 183: ".nine {color: rgb(0,128,255);}"
-          text run at (183,171) width 0: " "
-          text run at (0,190) width 217: ".ten {color: rgb(50%,-500%,60%);}"
-          text run at (217,190) width 0: " "
-          text run at (0,209) width 218: ".eleven {color: rgb(50%,0%,60%);}"
-          text run at (218,209) width 0: " "
-      RenderBlock {HR} at (0,275) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,291) size 784x19
-        RenderText {#text} at (0,0) size 196x19
-          text run at (0,0) width 196: "This sentence should be black."
-      RenderBlock {P} at (0,324) size 784x19 [color=#008800]
-        RenderText {#text} at (0,0) size 506x19
-          text run at (0,0) width 506: "This sentence should be green, although slightly different from those that follow."
-      RenderBlock {P} at (0,357) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 200x19
-          text run at (0,0) width 200: "This sentence should be green."
-      RenderBlock {P} at (0,390) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 200x19
-          text run at (0,0) width 200: "This sentence should be green."
-      RenderBlock {P} at (0,423) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 200x19
-          text run at (0,0) width 200: "This sentence should be green."
-      RenderBlock {P} at (0,456) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 200x19
-          text run at (0,0) width 200: "This sentence should be green."
-      RenderBlock {P} at (0,489) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 200x19
-          text run at (0,0) width 200: "This sentence should be green."
-      RenderBlock {P} at (0,522) size 784x19
-        RenderText {#text} at (0,0) size 415x19
-          text run at (0,0) width 415: "This sentence should be black, because the value given for class "
-        RenderInline {CODE} at (0,0) size 42x19
-          RenderText {#text} at (415,0) size 42x19
-            text run at (415,0) width 42: ".seven"
-        RenderText {#text} at (457,0) size 62x19
-          text run at (457,0) width 62: " is invalid."
-      RenderBlock {P} at (0,555) size 784x38 [color=#0080FF]
-        RenderText {#text} at (0,0) size 730x38
-          text run at (0,0) width 730: "This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the next"
-          text run at (0,19) width 70: "paragraph."
-      RenderBlock {P} at (0,607) size 784x38 [color=#0080FF]
-        RenderText {#text} at (0,0) size 757x38
-          text run at (0,0) width 757: "This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the previous"
-          text run at (0,19) width 70: "paragraph."
-      RenderBlock {P} at (0,659) size 784x19 [color=#800099]
-        RenderText {#text} at (0,0) size 775x19
-          text run at (0,0) width 775: "This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the next paragraph."
-      RenderBlock {P} at (0,692) size 784x38 [color=#800099]
-        RenderText {#text} at (0,0) size 728x38
-          text run at (0,0) width 728: "This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the previous"
-          text run at (0,19) width 70: "paragraph."
-      RenderBlock {P} at (0,744) size 784x19
-        RenderText {#text} at (0,0) size 196x19
-          text run at (0,0) width 196: "This sentence should be black."
-      RenderBlock {P} at (0,777) size 784x19 [color=#008800]
-        RenderText {#text} at (0,0) size 406x19
-          text run at (0,0) width 406: "This sentence should be a slightly different green, and used the "
-        RenderInline {TT} at (0,0) size 29x19
-          RenderText {#text} at (406,0) size 29x19
-            text run at (406,0) width 29: "style"
-        RenderText {#text} at (435,0) size 60x19
-          text run at (435,0) width 60: " attribute."
-      RenderBlock {P} at (0,810) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 291x19
-          text run at (0,0) width 291: "This sentence should be green, and used the "
-        RenderInline {TT} at (0,0) size 29x19
-          RenderText {#text} at (291,0) size 29x19
-            text run at (291,0) width 29: "style"
-        RenderText {#text} at (320,0) size 60x19
-          text run at (320,0) width 60: " attribute."
-      RenderBlock {P} at (0,843) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 291x19
-          text run at (0,0) width 291: "This sentence should be green, and used the "
-        RenderInline {TT} at (0,0) size 29x19
-          RenderText {#text} at (291,0) size 29x19
-            text run at (291,0) width 29: "style"
-        RenderText {#text} at (320,0) size 60x19
-          text run at (320,0) width 60: " attribute."
-      RenderBlock {P} at (0,876) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 291x19
-          text run at (0,0) width 291: "This sentence should be green, and used the "
-        RenderInline {TT} at (0,0) size 29x19
-          RenderText {#text} at (291,0) size 29x19
-            text run at (291,0) width 29: "style"
-        RenderText {#text} at (320,0) size 60x19
-          text run at (320,0) width 60: " attribute."
-      RenderBlock {P} at (0,909) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 291x19
-          text run at (0,0) width 291: "This sentence should be green, and used the "
-        RenderInline {TT} at (0,0) size 29x19
-          RenderText {#text} at (291,0) size 29x19
-            text run at (291,0) width 29: "style"
-        RenderText {#text} at (320,0) size 60x19
-          text run at (320,0) width 60: " attribute."
-      RenderBlock {P} at (0,942) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 291x19
-          text run at (0,0) width 291: "This sentence should be green, and used the "
-        RenderInline {TT} at (0,0) size 29x19
-          RenderText {#text} at (291,0) size 29x19
-            text run at (291,0) width 29: "style"
-        RenderText {#text} at (320,0) size 60x19
-          text run at (320,0) width 60: " attribute."
-      RenderTable {TABLE} at (0,975) size 784x727 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x725
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x697
-            RenderTableCell {TD} at (0,363) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+layer at (0,0) size 800x1441
+  RenderBlock {HTML} at (0,0) size 800x1441
+    RenderBody {BODY} at (8,8) size 784x1425 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x204
+        RenderText {#text} at (0,0) size 208x204
+          text run at (0,0) width 120: "BODY {color: black;}"
+          text run at (120,0) width 0: " "
+          text run at (0,17) width 105: ".one {color: #080;}"
+          text run at (105,17) width 0: " "
+          text run at (0,34) width 125: ".two {color: #008000;}"
+          text run at (125,34) width 0: " "
+          text run at (0,51) width 154: ".three {color: rgb(0,128,0);}"
+          text run at (154,51) width 0: " "
+          text run at (0,68) width 176: ".four {color: rgb(0%,50%,0%);}"
+          text run at (176,68) width 0: " "
+          text run at (0,85) width 208: ".five {color: rgb(0.0%,50.0%,0.0%);}"
+          text run at (208,85) width 0: " "
+          text run at (0,102) width 105: ".six {color: green;}"
+          text run at (105,102) width 0: " "
+          text run at (0,119) width 161: ".seven {color: invalidValue;}"
+          text run at (161,119) width 0: " "
+          text run at (0,136) width 174: ".eight {color: rgb(0,128,1280);}"
+          text run at (174,136) width 0: " "
+          text run at (0,153) width 163: ".nine {color: rgb(0,128,255);}"
+          text run at (163,153) width 0: " "
+          text run at (0,170) width 197: ".ten {color: rgb(50%,-500%,60%);}"
+          text run at (197,170) width 0: " "
+          text run at (0,187) width 199: ".eleven {color: rgb(50%,0%,60%);}"
+          text run at (199,187) width 0: " "
+      RenderBlock {HR} at (0,247) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,262) size 784x17
+        RenderText {#text} at (0,0) size 181x17
+          text run at (0,0) width 181: "This sentence should be black."
+      RenderBlock {P} at (0,292) size 784x17 [color=#008800]
+        RenderText {#text} at (0,0) size 464x17
+          text run at (0,0) width 464: "This sentence should be green, although slightly different from those that follow."
+      RenderBlock {P} at (0,322) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 182x17
+          text run at (0,0) width 182: "This sentence should be green."
+      RenderBlock {P} at (0,352) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 182x17
+          text run at (0,0) width 182: "This sentence should be green."
+      RenderBlock {P} at (0,382) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 182x17
+          text run at (0,0) width 182: "This sentence should be green."
+      RenderBlock {P} at (0,412) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 182x17
+          text run at (0,0) width 182: "This sentence should be green."
+      RenderBlock {P} at (0,442) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 182x17
+          text run at (0,0) width 182: "This sentence should be green."
+      RenderBlock {P} at (0,472) size 784x17
+        RenderText {#text} at (0,0) size 384x17
+          text run at (0,0) width 384: "This sentence should be black, because the value given for class "
+        RenderInline {CODE} at (0,0) size 39x17
+          RenderText {#text} at (384,0) size 39x17
+            text run at (384,0) width 39: ".seven"
+        RenderText {#text} at (423,0) size 59x17
+          text run at (423,0) width 59: " is invalid."
+      RenderBlock {P} at (0,502) size 784x17 [color=#0080FF]
+        RenderText {#text} at (0,0) size 738x17
+          text run at (0,0) width 738: "This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the next paragraph."
+      RenderBlock {P} at (0,532) size 784x17 [color=#0080FF]
+        RenderText {#text} at (0,0) size 762x17
+          text run at (0,0) width 762: "This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the previous paragraph."
+      RenderBlock {P} at (0,562) size 784x17 [color=#800099]
+        RenderText {#text} at (0,0) size 713x17
+          text run at (0,0) width 713: "This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the next paragraph."
+      RenderBlock {P} at (0,592) size 784x17 [color=#800099]
+        RenderText {#text} at (0,0) size 737x17
+          text run at (0,0) width 737: "This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the previous paragraph."
+      RenderBlock {P} at (0,622) size 784x17
+        RenderText {#text} at (0,0) size 181x17
+          text run at (0,0) width 181: "This sentence should be black."
+      RenderBlock {P} at (0,652) size 784x17 [color=#008800]
+        RenderText {#text} at (0,0) size 372x17
+          text run at (0,0) width 372: "This sentence should be a slightly different green, and used the "
+        RenderInline {TT} at (0,0) size 28x17
+          RenderText {#text} at (372,0) size 28x17
+            text run at (372,0) width 28: "style"
+        RenderText {#text} at (400,0) size 55x17
+          text run at (400,0) width 55: " attribute."
+      RenderBlock {P} at (0,682) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 265x17
+          text run at (0,0) width 265: "This sentence should be green, and used the "
+        RenderInline {TT} at (0,0) size 28x17
+          RenderText {#text} at (265,0) size 28x17
+            text run at (265,0) width 28: "style"
+        RenderText {#text} at (293,0) size 55x17
+          text run at (293,0) width 55: " attribute."
+      RenderBlock {P} at (0,712) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 265x17
+          text run at (0,0) width 265: "This sentence should be green, and used the "
+        RenderInline {TT} at (0,0) size 28x17
+          RenderText {#text} at (265,0) size 28x17
+            text run at (265,0) width 28: "style"
+        RenderText {#text} at (293,0) size 55x17
+          text run at (293,0) width 55: " attribute."
+      RenderBlock {P} at (0,742) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 265x17
+          text run at (0,0) width 265: "This sentence should be green, and used the "
+        RenderInline {TT} at (0,0) size 28x17
+          RenderText {#text} at (265,0) size 28x17
+            text run at (265,0) width 28: "style"
+        RenderText {#text} at (293,0) size 55x17
+          text run at (293,0) width 55: " attribute."
+      RenderBlock {P} at (0,772) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 265x17
+          text run at (0,0) width 265: "This sentence should be green, and used the "
+        RenderInline {TT} at (0,0) size 28x17
+          RenderText {#text} at (265,0) size 28x17
+            text run at (265,0) width 28: "style"
+        RenderText {#text} at (293,0) size 55x17
+          text run at (293,0) width 55: " attribute."
+      RenderBlock {P} at (0,802) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 265x17
+          text run at (0,0) width 265: "This sentence should be green, and used the "
+        RenderInline {TT} at (0,0) size 28x17
+          RenderText {#text} at (265,0) size 28x17
+            text run at (265,0) width 28: "style"
+        RenderText {#text} at (293,0) size 55x17
+          text run at (293,0) width 55: " attribute."
+      RenderTable {TABLE} at (0,832) size 784x593 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x591
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x565
+            RenderTableCell {TD} at (0,296) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x697 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x19
-                RenderText {#text} at (0,0) size 196x19
-                  text run at (0,0) width 196: "This sentence should be black."
-              RenderBlock {P} at (4,37) size 762x19 [color=#008800]
-                RenderText {#text} at (0,0) size 506x19
-                  text run at (0,0) width 506: "This sentence should be green, although slightly different from those that follow."
-              RenderBlock {P} at (4,70) size 762x19 [color=#008000]
-                RenderText {#text} at (0,0) size 200x19
-                  text run at (0,0) width 200: "This sentence should be green."
-              RenderBlock {P} at (4,103) size 762x19 [color=#008000]
-                RenderText {#text} at (0,0) size 200x19
-                  text run at (0,0) width 200: "This sentence should be green."
-              RenderBlock {P} at (4,136) size 762x19 [color=#008000]
-                RenderText {#text} at (0,0) size 200x19
-                  text run at (0,0) width 200: "This sentence should be green."
-              RenderBlock {P} at (4,169) size 762x19 [color=#008000]
-                RenderText {#text} at (0,0) size 200x19
-                  text run at (0,0) width 200: "This sentence should be green."
-              RenderBlock {P} at (4,202) size 762x19 [color=#008000]
-                RenderText {#text} at (0,0) size 200x19
-                  text run at (0,0) width 200: "This sentence should be green."
-              RenderBlock {P} at (4,235) size 762x19
-                RenderText {#text} at (0,0) size 415x19
-                  text run at (0,0) width 415: "This sentence should be black, because the value given for class "
-                RenderInline {CODE} at (0,0) size 42x19
-                  RenderText {#text} at (415,0) size 42x19
-                    text run at (415,0) width 42: ".seven"
-                RenderText {#text} at (457,0) size 62x19
-                  text run at (457,0) width 62: " is invalid."
-              RenderBlock {P} at (4,268) size 762x38 [color=#0080FF]
-                RenderText {#text} at (0,0) size 730x38
-                  text run at (0,0) width 730: "This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the next"
-                  text run at (0,19) width 70: "paragraph."
-              RenderBlock {P} at (4,320) size 762x38 [color=#0080FF]
-                RenderText {#text} at (0,0) size 757x38
-                  text run at (0,0) width 757: "This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the previous"
-                  text run at (0,19) width 70: "paragraph."
-              RenderBlock {P} at (4,372) size 762x38 [color=#800099]
-                RenderText {#text} at (0,0) size 701x38
-                  text run at (0,0) width 701: "This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the next"
-                  text run at (0,19) width 70: "paragraph."
-              RenderBlock {P} at (4,424) size 762x38 [color=#800099]
-                RenderText {#text} at (0,0) size 728x38
-                  text run at (0,0) width 728: "This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the previous"
-                  text run at (0,19) width 70: "paragraph."
-              RenderBlock {P} at (4,476) size 762x19
-                RenderText {#text} at (0,0) size 196x19
-                  text run at (0,0) width 196: "This sentence should be black."
-              RenderBlock {P} at (4,509) size 762x19 [color=#008800]
-                RenderText {#text} at (0,0) size 406x19
-                  text run at (0,0) width 406: "This sentence should be a slightly different green, and used the "
-                RenderInline {TT} at (0,0) size 29x19
-                  RenderText {#text} at (406,0) size 29x19
-                    text run at (406,0) width 29: "style"
-                RenderText {#text} at (435,0) size 60x19
-                  text run at (435,0) width 60: " attribute."
-              RenderBlock {P} at (4,542) size 762x19 [color=#008000]
-                RenderText {#text} at (0,0) size 291x19
-                  text run at (0,0) width 291: "This sentence should be green, and used the "
-                RenderInline {TT} at (0,0) size 29x19
-                  RenderText {#text} at (291,0) size 29x19
-                    text run at (291,0) width 29: "style"
-                RenderText {#text} at (320,0) size 60x19
-                  text run at (320,0) width 60: " attribute."
-              RenderBlock {P} at (4,575) size 762x19 [color=#008000]
-                RenderText {#text} at (0,0) size 291x19
-                  text run at (0,0) width 291: "This sentence should be green, and used the "
-                RenderInline {TT} at (0,0) size 29x19
-                  RenderText {#text} at (291,0) size 29x19
-                    text run at (291,0) width 29: "style"
-                RenderText {#text} at (320,0) size 60x19
-                  text run at (320,0) width 60: " attribute."
-              RenderBlock {P} at (4,608) size 762x19 [color=#008000]
-                RenderText {#text} at (0,0) size 291x19
-                  text run at (0,0) width 291: "This sentence should be green, and used the "
-                RenderInline {TT} at (0,0) size 29x19
-                  RenderText {#text} at (291,0) size 29x19
-                    text run at (291,0) width 29: "style"
-                RenderText {#text} at (320,0) size 60x19
-                  text run at (320,0) width 60: " attribute."
-              RenderBlock {P} at (4,641) size 762x19 [color=#008000]
-                RenderText {#text} at (0,0) size 291x19
-                  text run at (0,0) width 291: "This sentence should be green, and used the "
-                RenderInline {TT} at (0,0) size 29x19
-                  RenderText {#text} at (291,0) size 29x19
-                    text run at (291,0) width 29: "style"
-                RenderText {#text} at (320,0) size 60x19
-                  text run at (320,0) width 60: " attribute."
-              RenderBlock {P} at (4,674) size 762x19 [color=#008000]
-                RenderText {#text} at (0,0) size 291x19
-                  text run at (0,0) width 291: "This sentence should be green, and used the "
-                RenderInline {TT} at (0,0) size 29x19
-                  RenderText {#text} at (291,0) size 29x19
-                    text run at (291,0) width 29: "style"
-                RenderText {#text} at (320,0) size 60x19
-                  text run at (320,0) width 60: " attribute."
+            RenderTableCell {TD} at (12,26) size 770x565 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x17
+                RenderText {#text} at (0,0) size 181x17
+                  text run at (0,0) width 181: "This sentence should be black."
+              RenderBlock {P} at (4,34) size 762x17 [color=#008800]
+                RenderText {#text} at (0,0) size 464x17
+                  text run at (0,0) width 464: "This sentence should be green, although slightly different from those that follow."
+              RenderBlock {P} at (4,64) size 762x17 [color=#008000]
+                RenderText {#text} at (0,0) size 182x17
+                  text run at (0,0) width 182: "This sentence should be green."
+              RenderBlock {P} at (4,94) size 762x17 [color=#008000]
+                RenderText {#text} at (0,0) size 182x17
+                  text run at (0,0) width 182: "This sentence should be green."
+              RenderBlock {P} at (4,124) size 762x17 [color=#008000]
+                RenderText {#text} at (0,0) size 182x17
+                  text run at (0,0) width 182: "This sentence should be green."
+              RenderBlock {P} at (4,154) size 762x17 [color=#008000]
+                RenderText {#text} at (0,0) size 182x17
+                  text run at (0,0) width 182: "This sentence should be green."
+              RenderBlock {P} at (4,184) size 762x17 [color=#008000]
+                RenderText {#text} at (0,0) size 182x17
+                  text run at (0,0) width 182: "This sentence should be green."
+              RenderBlock {P} at (4,214) size 762x17
+                RenderText {#text} at (0,0) size 384x17
+                  text run at (0,0) width 384: "This sentence should be black, because the value given for class "
+                RenderInline {CODE} at (0,0) size 39x17
+                  RenderText {#text} at (384,0) size 39x17
+                    text run at (384,0) width 39: ".seven"
+                RenderText {#text} at (423,0) size 59x17
+                  text run at (423,0) width 59: " is invalid."
+              RenderBlock {P} at (4,244) size 762x17 [color=#0080FF]
+                RenderText {#text} at (0,0) size 738x17
+                  text run at (0,0) width 738: "This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the next paragraph."
+              RenderBlock {P} at (4,274) size 762x17 [color=#0080FF]
+                RenderText {#text} at (0,0) size 762x17
+                  text run at (0,0) width 762: "This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the previous paragraph."
+              RenderBlock {P} at (4,304) size 762x17 [color=#800099]
+                RenderText {#text} at (0,0) size 713x17
+                  text run at (0,0) width 713: "This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the next paragraph."
+              RenderBlock {P} at (4,334) size 762x17 [color=#800099]
+                RenderText {#text} at (0,0) size 737x17
+                  text run at (0,0) width 737: "This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the previous paragraph."
+              RenderBlock {P} at (4,364) size 762x17
+                RenderText {#text} at (0,0) size 181x17
+                  text run at (0,0) width 181: "This sentence should be black."
+              RenderBlock {P} at (4,394) size 762x17 [color=#008800]
+                RenderText {#text} at (0,0) size 372x17
+                  text run at (0,0) width 372: "This sentence should be a slightly different green, and used the "
+                RenderInline {TT} at (0,0) size 28x17
+                  RenderText {#text} at (372,0) size 28x17
+                    text run at (372,0) width 28: "style"
+                RenderText {#text} at (400,0) size 55x17
+                  text run at (400,0) width 55: " attribute."
+              RenderBlock {P} at (4,424) size 762x17 [color=#008000]
+                RenderText {#text} at (0,0) size 265x17
+                  text run at (0,0) width 265: "This sentence should be green, and used the "
+                RenderInline {TT} at (0,0) size 28x17
+                  RenderText {#text} at (265,0) size 28x17
+                    text run at (265,0) width 28: "style"
+                RenderText {#text} at (293,0) size 55x17
+                  text run at (293,0) width 55: " attribute."
+              RenderBlock {P} at (4,454) size 762x17 [color=#008000]
+                RenderText {#text} at (0,0) size 265x17
+                  text run at (0,0) width 265: "This sentence should be green, and used the "
+                RenderInline {TT} at (0,0) size 28x17
+                  RenderText {#text} at (265,0) size 28x17
+                    text run at (265,0) width 28: "style"
+                RenderText {#text} at (293,0) size 55x17
+                  text run at (293,0) width 55: " attribute."
+              RenderBlock {P} at (4,484) size 762x17 [color=#008000]
+                RenderText {#text} at (0,0) size 265x17
+                  text run at (0,0) width 265: "This sentence should be green, and used the "
+                RenderInline {TT} at (0,0) size 28x17
+                  RenderText {#text} at (265,0) size 28x17
+                    text run at (265,0) width 28: "style"
+                RenderText {#text} at (293,0) size 55x17
+                  text run at (293,0) width 55: " attribute."
+              RenderBlock {P} at (4,514) size 762x17 [color=#008000]
+                RenderText {#text} at (0,0) size 265x17
+                  text run at (0,0) width 265: "This sentence should be green, and used the "
+                RenderInline {TT} at (0,0) size 28x17
+                  RenderText {#text} at (265,0) size 28x17
+                    text run at (265,0) width 28: "style"
+                RenderText {#text} at (293,0) size 55x17
+                  text run at (293,0) width 55: " attribute."
+              RenderBlock {P} at (4,544) size 762x17 [color=#008000]
+                RenderText {#text} at (0,0) size 265x17
+                  text run at (0,0) width 265: "This sentence should be green, and used the "
+                RenderInline {TT} at (0,0) size 28x17
+                  RenderText {#text} at (265,0) size 28x17
+                    text run at (265,0) width 28: "style"
+                RenderText {#text} at (293,0) size 55x17
+                  text run at (293,0) width 55: " attribute."
index 8c688e4..c401f98 100644 (file)
-layer at (0,0) size 800x1638
+layer at (0,0) size 800x1535
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1638
-  RenderBlock {HTML} at (0,0) size 800x1638
-    RenderBody {BODY} at (8,8) size 784x1622 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x209
-        RenderText {#text} at (0,0) size 476x209
-          text run at (0,0) width 134: ".zero {margin-left: 0;}"
-          text run at (134,0) width 0: " "
-          text run at (0,19) width 150: ".one {margin-left: 3em;}"
-          text run at (150,19) width 0: " "
-          text run at (0,38) width 143: ".two {margin-left: 3ex;}"
-          text run at (143,38) width 0: " "
-          text run at (0,57) width 162: ".three {margin-left: 36px;}"
-          text run at (162,57) width 0: " "
-          text run at (0,76) width 154: ".four {margin-left: 0.5in;}"
-          text run at (154,76) width 0: " "
-          text run at (0,95) width 167: ".five {margin-left: 1.27cm;}"
-          text run at (167,95) width 0: " "
-          text run at (0,114) width 167: ".six {margin-left: 12.7mm;}"
-          text run at (167,114) width 0: " "
-          text run at (0,133) width 164: ".seven {margin-left: 36pt;}"
-          text run at (164,133) width 0: " "
-          text run at (0,152) width 152: ".eight {margin-left: 3pc;}"
-          text run at (152,152) width 0: " "
-          text run at (0,171) width 156: ".nine {margin-left: +3pc;}"
-          text run at (156,171) width 0: " "
-          text run at (0,190) width 476: ".ten {font-size: 40px; border-left: 1ex solid purple; background-color: aqua;}"
-          text run at (476,190) width 0: " "
-      RenderBlock {HR} at (0,256) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,272) size 784x39
-        RenderText {#text} at (0,0) size 767x38
-          text run at (0,0) width 767: "This paragraph has no left margin. The following paragraphs have all been given a left margin and their left (outer) edges"
-          text run at (0,19) width 349: "should therefore be appropriately shifted to the right of "
-        RenderInline {EM} at (0,0) size 22x19
-          RenderText {#text} at (349,19) size 22x19
-            text run at (349,19) width 22: "this"
-        RenderText {#text} at (371,19) size 143x19
-          text run at (371,19) width 143: " paragraph's left edge."
-      RenderBlock {P} at (42,325) size 742x19
-        RenderText {#text} at (0,0) size 313x19
-          text run at (0,0) width 313: "This paragraph should have a left margin of 3em."
-      RenderBlock {P} at (21,358) size 763x19
-        RenderText {#text} at (0,0) size 308x19
-          text run at (0,0) width 308: "This paragraph should have a left margin of 3ex."
-      RenderBlock {P} at (36,391) size 748x19
-        RenderText {#text} at (0,0) size 341x19
-          text run at (0,0) width 341: "This paragraph should have a left margin of 36 pixels."
-      RenderBlock {P} at (48,424) size 736x19
-        RenderText {#text} at (0,0) size 358x19
-          text run at (0,0) width 358: "This paragraph should have a left margin of half an inch."
-      RenderBlock {P} at (48,457) size 736x19
-        RenderText {#text} at (0,0) size 332x19
-          text run at (0,0) width 332: "This paragraph should have a left margin of 1.27cm."
-      RenderBlock {P} at (48,490) size 736x19
-        RenderText {#text} at (0,0) size 337x19
-          text run at (0,0) width 337: "This paragraph should have a left margin of 12.7mm."
-      RenderBlock {P} at (48,523) size 736x19
-        RenderText {#text} at (0,0) size 343x19
-          text run at (0,0) width 343: "This paragraph should have a left margin of 36 points."
-      RenderBlock {P} at (48,556) size 736x19
-        RenderText {#text} at (0,0) size 330x19
-          text run at (0,0) width 330: "This paragraph should have a left margin of 3 picas."
-      RenderBlock {P} at (48,589) size 736x19
-        RenderText {#text} at (0,0) size 596x19
-          text run at (0,0) width 596: "This paragraph should have a left margin of 3 picas (the plus sign should make no difference)."
-      RenderBlock {P} at (0,648) size 784x260 [bgcolor=#00FFFF] [border: (21px solid #800080)]
-        RenderText {#text} at (21,0) size 346x52
+layer at (0,0) size 800x1535
+  RenderBlock {HTML} at (0,0) size 800x1535
+    RenderBody {BODY} at (8,8) size 784x1519 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x187
+        RenderText {#text} at (0,0) size 432x187
+          text run at (0,0) width 121: ".zero {margin-left: 0;}"
+          text run at (121,0) width 0: " "
+          text run at (0,17) width 135: ".one {margin-left: 3em;}"
+          text run at (135,17) width 0: " "
+          text run at (0,34) width 130: ".two {margin-left: 3ex;}"
+          text run at (130,34) width 0: " "
+          text run at (0,51) width 146: ".three {margin-left: 36px;}"
+          text run at (146,51) width 0: " "
+          text run at (0,68) width 139: ".four {margin-left: 0.5in;}"
+          text run at (139,68) width 0: " "
+          text run at (0,85) width 153: ".five {margin-left: 1.27cm;}"
+          text run at (153,85) width 0: " "
+          text run at (0,102) width 153: ".six {margin-left: 12.7mm;}"
+          text run at (153,102) width 0: " "
+          text run at (0,119) width 149: ".seven {margin-left: 36pt;}"
+          text run at (149,119) width 0: " "
+          text run at (0,136) width 138: ".eight {margin-left: 3pc;}"
+          text run at (138,136) width 0: " "
+          text run at (0,153) width 142: ".nine {margin-left: +3pc;}"
+          text run at (142,153) width 0: " "
+          text run at (0,170) width 432: ".ten {font-size: 40px; border-left: 1ex solid purple; background-color: aqua;}"
+          text run at (432,170) width 0: " "
+      RenderBlock {HR} at (0,230) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,245) size 784x34
+        RenderText {#text} at (0,0) size 736x34
+          text run at (0,0) width 736: "This paragraph has no left margin. The following paragraphs have all been given a left margin and their left (outer) edges should"
+          text run at (0,17) width 275: "therefore be appropriately shifted to the right of "
+        RenderInline {EM} at (0,0) size 21x17
+          RenderText {#text} at (275,17) size 21x17
+            text run at (275,17) width 21: "this"
+        RenderText {#text} at (296,17) size 128x17
+          text run at (296,17) width 128: " paragraph's left edge."
+      RenderBlock {P} at (39,292) size 745x17
+        RenderText {#text} at (0,0) size 284x17
+          text run at (0,0) width 284: "This paragraph should have a left margin of 3em."
+      RenderBlock {P} at (21,322) size 763x17
+        RenderText {#text} at (0,0) size 280x17
+          text run at (0,0) width 280: "This paragraph should have a left margin of 3ex."
+      RenderBlock {P} at (36,352) size 748x17
+        RenderText {#text} at (0,0) size 311x17
+          text run at (0,0) width 311: "This paragraph should have a left margin of 36 pixels."
+      RenderBlock {P} at (48,382) size 736x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "This paragraph should have a left margin of half an inch."
+      RenderBlock {P} at (48,412) size 736x17
+        RenderText {#text} at (0,0) size 302x17
+          text run at (0,0) width 302: "This paragraph should have a left margin of 1.27cm."
+      RenderBlock {P} at (48,442) size 736x17
+        RenderText {#text} at (0,0) size 306x17
+          text run at (0,0) width 306: "This paragraph should have a left margin of 12.7mm."
+      RenderBlock {P} at (48,472) size 736x17
+        RenderText {#text} at (0,0) size 312x17
+          text run at (0,0) width 312: "This paragraph should have a left margin of 36 points."
+      RenderBlock {P} at (48,502) size 736x17
+        RenderText {#text} at (0,0) size 301x17
+          text run at (0,0) width 301: "This paragraph should have a left margin of 3 picas."
+      RenderBlock {P} at (48,532) size 736x17
+        RenderText {#text} at (0,0) size 544x17
+          text run at (0,0) width 544: "This paragraph should have a left margin of 3 picas (the plus sign should make no difference)."
+      RenderBlock {P} at (0,589) size 784x255 [bgcolor=#00FFFF] [border: (21px solid #800080)]
+        RenderText {#text} at (21,0) size 346x51
           text run at (21,0) width 346: "This element has a "
-        RenderInline {CODE} at (0,0) size 150x52
-          RenderText {#text} at (367,0) size 150x52
+        RenderInline {CODE} at (0,0) size 150x51
+          RenderText {#text} at (367,0) size 150x51
             text run at (367,0) width 150: "font-size"
-        RenderText {#text} at (517,0) size 55x52
+        RenderText {#text} at (517,0) size 55x51
           text run at (517,0) width 55: " of "
-        RenderInline {CODE} at (0,0) size 86x52
-          RenderText {#text} at (572,0) size 86x52
+        RenderInline {CODE} at (0,0) size 86x51
+          RenderText {#text} at (572,0) size 86x51
             text run at (572,0) width 86: "40px"
-        RenderText {#text} at (658,0) size 110x52
+        RenderText {#text} at (658,0) size 110x51
           text run at (658,0) width 110: " and a"
-        RenderInline {CODE} at (0,0) size 180x52
-          RenderText {#text} at (21,52) size 180x52
-            text run at (21,52) width 180: "border-left"
-        RenderText {#text} at (201,52) size 55x52
-          text run at (201,52) width 55: " of "
-        RenderInline {CODE} at (0,0) size 278x52
-          RenderText {#text} at (256,52) size 278x52
-            text run at (256,52) width 278: "1ex solid purple"
-        RenderText {#text} at (534,52) size 738x208
-          text run at (534,52) width 22: ". "
-          text run at (556,52) width 203: "This should"
-          text run at (21,104) width 715: "make the left border the same number of"
-          text run at (21,156) width 586: "pixels as the lower-case 'x' in this"
-          text run at (21,208) width 668: "element's font, as well as solid purple."
-      RenderTable {TABLE} at (0,948) size 784x674 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x672
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x644
-            RenderTableCell {TD} at (0,336) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+        RenderInline {CODE} at (0,0) size 180x51
+          RenderText {#text} at (21,51) size 180x51
+            text run at (21,51) width 180: "border-left"
+        RenderText {#text} at (201,51) size 55x51
+          text run at (201,51) width 55: " of "
+        RenderInline {CODE} at (0,0) size 278x51
+          RenderText {#text} at (256,51) size 278x51
+            text run at (256,51) width 278: "1ex solid purple"
+        RenderText {#text} at (534,51) size 738x204
+          text run at (534,51) width 22: ". "
+          text run at (556,51) width 203: "This should"
+          text run at (21,102) width 715: "make the left border the same number of"
+          text run at (21,153) width 586: "pixels as the lower-case 'x' in this"
+          text run at (21,204) width 668: "element's font, as well as solid purple."
+      RenderTable {TABLE} at (0,884) size 784x635 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x633
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x607
+            RenderTableCell {TD} at (0,317) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x644 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x39
-                RenderText {#text} at (0,0) size 724x38
-                  text run at (0,0) width 724: "This paragraph has no left margin. The following paragraphs have all been given a left margin and their left (outer)"
-                  text run at (0,19) width 392: "edges should therefore be appropriately shifted to the right of "
-                RenderInline {EM} at (0,0) size 22x19
-                  RenderText {#text} at (392,19) size 22x19
-                    text run at (392,19) width 22: "this"
-                RenderText {#text} at (414,19) size 143x19
-                  text run at (414,19) width 143: " paragraph's left edge."
-              RenderBlock {P} at (46,57) size 720x19
-                RenderText {#text} at (0,0) size 313x19
-                  text run at (0,0) width 313: "This paragraph should have a left margin of 3em."
-              RenderBlock {P} at (25,90) size 741x19
-                RenderText {#text} at (0,0) size 308x19
-                  text run at (0,0) width 308: "This paragraph should have a left margin of 3ex."
-              RenderBlock {P} at (40,123) size 726x19
-                RenderText {#text} at (0,0) size 341x19
-                  text run at (0,0) width 341: "This paragraph should have a left margin of 36 pixels."
-              RenderBlock {P} at (52,156) size 714x19
-                RenderText {#text} at (0,0) size 358x19
-                  text run at (0,0) width 358: "This paragraph should have a left margin of half an inch."
-              RenderBlock {P} at (52,189) size 714x19
-                RenderText {#text} at (0,0) size 332x19
-                  text run at (0,0) width 332: "This paragraph should have a left margin of 1.27cm."
-              RenderBlock {P} at (52,222) size 714x19
-                RenderText {#text} at (0,0) size 337x19
-                  text run at (0,0) width 337: "This paragraph should have a left margin of 12.7mm."
-              RenderBlock {P} at (52,255) size 714x19
-                RenderText {#text} at (0,0) size 343x19
-                  text run at (0,0) width 343: "This paragraph should have a left margin of 36 points."
-              RenderBlock {P} at (52,288) size 714x19
-                RenderText {#text} at (0,0) size 330x19
-                  text run at (0,0) width 330: "This paragraph should have a left margin of 3 picas."
-              RenderBlock {P} at (52,321) size 714x19
-                RenderText {#text} at (0,0) size 596x19
-                  text run at (0,0) width 596: "This paragraph should have a left margin of 3 picas (the plus sign should make no difference)."
-              RenderBlock {P} at (4,380) size 762x260 [bgcolor=#00FFFF] [border: (21px solid #800080)]
-                RenderText {#text} at (21,0) size 346x52
+            RenderTableCell {TD} at (12,26) size 770x607 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x34
+                RenderText {#text} at (0,0) size 736x34
+                  text run at (0,0) width 736: "This paragraph has no left margin. The following paragraphs have all been given a left margin and their left (outer) edges should"
+                  text run at (0,17) width 275: "therefore be appropriately shifted to the right of "
+                RenderInline {EM} at (0,0) size 21x17
+                  RenderText {#text} at (275,17) size 21x17
+                    text run at (275,17) width 21: "this"
+                RenderText {#text} at (296,17) size 128x17
+                  text run at (296,17) width 128: " paragraph's left edge."
+              RenderBlock {P} at (43,51) size 723x17
+                RenderText {#text} at (0,0) size 284x17
+                  text run at (0,0) width 284: "This paragraph should have a left margin of 3em."
+              RenderBlock {P} at (25,81) size 741x17
+                RenderText {#text} at (0,0) size 280x17
+                  text run at (0,0) width 280: "This paragraph should have a left margin of 3ex."
+              RenderBlock {P} at (40,111) size 726x17
+                RenderText {#text} at (0,0) size 311x17
+                  text run at (0,0) width 311: "This paragraph should have a left margin of 36 pixels."
+              RenderBlock {P} at (52,141) size 714x17
+                RenderText {#text} at (0,0) size 326x17
+                  text run at (0,0) width 326: "This paragraph should have a left margin of half an inch."
+              RenderBlock {P} at (52,171) size 714x17
+                RenderText {#text} at (0,0) size 302x17
+                  text run at (0,0) width 302: "This paragraph should have a left margin of 1.27cm."
+              RenderBlock {P} at (52,201) size 714x17
+                RenderText {#text} at (0,0) size 306x17
+                  text run at (0,0) width 306: "This paragraph should have a left margin of 12.7mm."
+              RenderBlock {P} at (52,231) size 714x17
+                RenderText {#text} at (0,0) size 312x17
+                  text run at (0,0) width 312: "This paragraph should have a left margin of 36 points."
+              RenderBlock {P} at (52,261) size 714x17
+                RenderText {#text} at (0,0) size 301x17
+                  text run at (0,0) width 301: "This paragraph should have a left margin of 3 picas."
+              RenderBlock {P} at (52,291) size 714x17
+                RenderText {#text} at (0,0) size 544x17
+                  text run at (0,0) width 544: "This paragraph should have a left margin of 3 picas (the plus sign should make no difference)."
+              RenderBlock {P} at (4,348) size 762x255 [bgcolor=#00FFFF] [border: (21px solid #800080)]
+                RenderText {#text} at (21,0) size 346x51
                   text run at (21,0) width 346: "This element has a "
-                RenderInline {CODE} at (0,0) size 150x52
-                  RenderText {#text} at (367,0) size 150x52
+                RenderInline {CODE} at (0,0) size 150x51
+                  RenderText {#text} at (367,0) size 150x51
                     text run at (367,0) width 150: "font-size"
-                RenderText {#text} at (517,0) size 55x52
+                RenderText {#text} at (517,0) size 55x51
                   text run at (517,0) width 55: " of "
-                RenderInline {CODE} at (0,0) size 86x52
-                  RenderText {#text} at (572,0) size 86x52
+                RenderInline {CODE} at (0,0) size 86x51
+                  RenderText {#text} at (572,0) size 86x51
                     text run at (572,0) width 86: "40px"
-                RenderText {#text} at (658,0) size 714x104
+                RenderText {#text} at (658,0) size 714x102
                   text run at (658,0) width 77: " and"
-                  text run at (21,52) width 33: "a "
-                RenderInline {CODE} at (0,0) size 180x52
-                  RenderText {#text} at (54,52) size 180x52
-                    text run at (54,52) width 180: "border-left"
-                RenderText {#text} at (234,52) size 55x52
-                  text run at (234,52) width 55: " of "
-                RenderInline {CODE} at (0,0) size 278x52
-                  RenderText {#text} at (289,52) size 278x52
-                    text run at (289,52) width 278: "1ex solid purple"
-                RenderText {#text} at (567,52) size 741x208
-                  text run at (567,52) width 22: ". "
-                  text run at (589,52) width 75: "This"
-                  text run at (21,104) width 654: "should make the left border the same"
-                  text run at (21,156) width 702: "number of pixels as the lower-case 'x' in"
-                  text run at (21,208) width 741: "this element's font, as well as solid purple."
+                  text run at (21,51) width 33: "a "
+                RenderInline {CODE} at (0,0) size 180x51
+                  RenderText {#text} at (54,51) size 180x51
+                    text run at (54,51) width 180: "border-left"
+                RenderText {#text} at (234,51) size 55x51
+                  text run at (234,51) width 55: " of "
+                RenderInline {CODE} at (0,0) size 278x51
+                  RenderText {#text} at (289,51) size 278x51
+                    text run at (289,51) width 278: "1ex solid purple"
+                RenderText {#text} at (567,51) size 741x204
+                  text run at (567,51) width 22: ". "
+                  text run at (589,51) width 75: "This"
+                  text run at (21,102) width 654: "should make the left border the same"
+                  text run at (21,153) width 702: "number of pixels as the lower-case 'x' in"
+                  text run at (21,204) width 741: "this element's font, as well as solid purple."
index 0f2cd40..a352415 100644 (file)
@@ -3,64 +3,60 @@ layer 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 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x95
-        RenderText {#text} at (0,0) size 399x95
-          text run at (0,0) width 176: ".zero { background: yellow }"
-          text run at (176,0) width 0: " "
-          text run at (0,19) width 399: ".one { margin-left: 25%; margin-right: 25%; background: white }"
-          text run at (399,19) width 0: " "
-          text run at (0,38) width 389: ".two { margin-left: 50%; margin-right: 0%; background: white }"
-          text run at (389,38) width 0: " "
-          text run at (0,57) width 159: ".three {margin-left: 25%;}"
-          text run at (159,57) width 0: " "
-          text run at (0,76) width 0: " "
-      RenderBlock {HR} at (0,142) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (0,158) size 784x128 [bgcolor=#FFFF00]
-        RenderBlock {DIV} at (196,0) size 392x57 [bgcolor=#FFFFFF]
-          RenderBlock {P} at (0,0) size 392x57
-            RenderText {#text} at (0,0) size 387x57
-              text run at (0,0) width 324: "This paragraph should be centered within its yellow"
-              text run at (0,19) width 387: "containing block and its width should be half of the containing"
-              text run at (0,38) width 37: "block."
-        RenderBlock {DIV} at (392,71) size 392x57 [bgcolor=#FFFFFF]
-          RenderBlock {P} at (0,0) size 392x57
-            RenderText {#text} at (0,0) size 387x57
-              text run at (0,0) width 347: "This paragraph should be right-aligned within its yellow"
-              text run at (0,19) width 387: "containing block and its width should be half of the containing"
-              text run at (0,38) width 37: "block."
-      RenderBlock {P} at (196,300) size 588x38
-        RenderText {#text} at (0,0) size 548x38
-          text run at (0,0) width 548: "This paragraph should have a left margin of 25% the width of its parent element, which"
-          text run at (0,19) width 360: "should require some extra text in order to test effectively."
-      RenderTable {TABLE} at (0,352) size 784x218 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x216
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x188
-            RenderTableCell {TD} at (0,108) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x85
+        RenderText {#text} at (0,0) size 363x85
+          text run at (0,0) width 160: ".zero { background: yellow }"
+          text run at (160,0) width 0: " "
+          text run at (0,17) width 363: ".one { margin-left: 25%; margin-right: 25%; background: white }"
+          text run at (363,17) width 0: " "
+          text run at (0,34) width 355: ".two { margin-left: 50%; margin-right: 0%; background: white }"
+          text run at (355,34) width 0: " "
+          text run at (0,51) width 144: ".three {margin-left: 25%;}"
+          text run at (144,51) width 0: " "
+          text run at (0,68) width 0: " "
+      RenderBlock {HR} at (0,128) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (0,143) size 784x81 [bgcolor=#FFFF00]
+        RenderBlock {DIV} at (196,0) size 392x34 [bgcolor=#FFFFFF]
+          RenderBlock {P} at (0,0) size 392x34
+            RenderText {#text} at (0,0) size 358x34
+              text run at (0,0) width 358: "This paragraph should be centered within its yellow containing"
+              text run at (0,17) width 332: "block and its width should be half of the containing block."
+        RenderBlock {DIV} at (392,47) size 392x34 [bgcolor=#FFFFFF]
+          RenderBlock {P} at (0,0) size 392x34
+            RenderText {#text} at (0,0) size 378x34
+              text run at (0,0) width 378: "This paragraph should be right-aligned within its yellow containing"
+              text run at (0,17) width 332: "block and its width should be half of the containing block."
+      RenderBlock {P} at (196,237) size 588x34
+        RenderText {#text} at (0,0) size 586x34
+          text run at (0,0) width 586: "This paragraph should have a left margin of 25% the width of its parent element, which should require"
+          text run at (0,17) width 247: "some extra text in order to test effectively."
+      RenderTable {TABLE} at (0,284) size 784x164 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x162
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x136
+            RenderTableCell {TD} at (0,81) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x188 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {DIV} at (4,4) size 762x128 [bgcolor=#FFFF00]
-                RenderBlock {DIV} at (190,0) size 382x57 [bgcolor=#FFFFFF]
-                  RenderBlock {P} at (0,0) size 382x57
-                    RenderText {#text} at (0,0) size 324x57
-                      text run at (0,0) width 324: "This paragraph should be centered within its yellow"
-                      text run at (0,19) width 318: "containing block and its width should be half of the"
-                      text run at (0,38) width 106: "containing block."
-                RenderBlock {DIV} at (381,71) size 381x57 [bgcolor=#FFFFFF]
-                  RenderBlock {P} at (0,0) size 381x57
-                    RenderText {#text} at (0,0) size 347x57
-                      text run at (0,0) width 347: "This paragraph should be right-aligned within its yellow"
-                      text run at (0,19) width 318: "containing block and its width should be half of the"
-                      text run at (0,38) width 106: "containing block."
-              RenderBlock {P} at (194,146) size 572x38
-                RenderText {#text} at (0,0) size 548x38
-                  text run at (0,0) width 548: "This paragraph should have a left margin of 25% the width of its parent element, which"
-                  text run at (0,19) width 360: "should require some extra text in order to test effectively."
+            RenderTableCell {TD} at (12,26) size 770x136 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {DIV} at (4,4) size 762x81 [bgcolor=#FFFF00]
+                RenderBlock {DIV} at (190,0) size 382x34 [bgcolor=#FFFFFF]
+                  RenderBlock {P} at (0,0) size 382x34
+                    RenderText {#text} at (0,0) size 358x34
+                      text run at (0,0) width 358: "This paragraph should be centered within its yellow containing"
+                      text run at (0,17) width 332: "block and its width should be half of the containing block."
+                RenderBlock {DIV} at (381,47) size 381x34 [bgcolor=#FFFFFF]
+                  RenderBlock {P} at (0,0) size 381x34
+                    RenderText {#text} at (0,0) size 378x34
+                      text run at (0,0) width 378: "This paragraph should be right-aligned within its yellow containing"
+                      text run at (0,17) width 332: "block and its width should be half of the containing block."
+              RenderBlock {P} at (194,98) size 572x34
+                RenderText {#text} at (0,0) size 543x34
+                  text run at (0,0) width 543: "This paragraph should have a left margin of 25% the width of its parent element, which should"
+                  text run at (0,17) width 290: "require some extra text in order to test effectively."
index 4fe8be9..5dcc37a 100644 (file)
@@ -3,58 +3,58 @@ layer 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 {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x76
-        RenderText {#text} at (0,0) size 511x76
-          text run at (0,0) width 511: "<LINK rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"../resources/bg.gif\">"
-          text run at (511,0) width 0: " "
-          text run at (0,19) width 238: "@import url(../resources/sec642.css);"
-          text run at (238,19) width 0: " "
-          text run at (0,38) width 280: "BODY {background: url(../resources/bg.gif);}"
-          text run at (280,38) width 0: " "
-          text run at (0,57) width 0: " "
-      RenderBlock {HR} at (0,123) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,139) size 784x19
-        RenderText {#text} at (0,0) size 394x19
-          text run at (0,0) width 394: "This page should have a green grid pattern as its background."
-      RenderBlock {P} at (0,172) size 784x57 [bgcolor=#FFFFFF]
-        RenderText {#text} at (0,0) size 779x57
-          text run at (0,0) width 623: "This paragraph should have a white background, but NO image should appear in the background. "
-          text run at (623,0) width 150: "If an image, in this case"
-          text run at (0,19) width 779: "a red square-- or, indeed, any red at all-- is seen there, then the browser has incorrectly interpreted a URL in relation to the"
-          text run at (0,38) width 271: "document's URL, not the stylesheet's URL."
-      RenderBlock {P} at (0,243) size 784x57 [bgcolor=#FFFFFF]
-        RenderText {#text} at (0,0) size 779x57
-          text run at (0,0) width 623: "This paragraph should have a white background, but NO image should appear in the background. "
-          text run at (623,0) width 150: "If an image, in this case"
-          text run at (0,19) width 779: "a red square-- or, indeed, any red at all-- is seen there, then the browser has incorrectly interpreted a URL in relation to the"
-          text run at (0,38) width 271: "document's URL, not the stylesheet's URL."
-      RenderTable {TABLE} at (0,314) size 784x199 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x197
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x169
-            RenderTableCell {TD} at (0,99) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x68
+        RenderText {#text} at (0,0) size 480x68
+          text run at (0,0) width 480: "<LINK rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"../resources/bg.gif\">"
+          text run at (480,0) width 0: " "
+          text run at (0,17) width 219: "@import url(../resources/sec642.css);"
+          text run at (219,17) width 0: " "
+          text run at (0,34) width 255: "BODY {background: url(../resources/bg.gif);}"
+          text run at (255,34) width 0: " "
+          text run at (0,51) width 0: " "
+      RenderBlock {HR} at (0,111) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,126) size 784x17
+        RenderText {#text} at (0,0) size 358x17
+          text run at (0,0) width 358: "This page should have a green grid pattern as its background."
+      RenderBlock {P} at (0,156) size 784x51 [bgcolor=#FFFFFF]
+        RenderText {#text} at (0,0) size 784x51
+          text run at (0,0) width 564: "This paragraph should have a white background, but NO image should appear in the background. "
+          text run at (564,0) width 220: "If an image, in this case a red square-"
+          text run at (0,17) width 777: "- or, indeed, any red at all-- is seen there, then the browser has incorrectly interpreted a URL in relation to the document's URL, not the"
+          text run at (0,34) width 102: "stylesheet's URL."
+      RenderBlock {P} at (0,220) size 784x51 [bgcolor=#FFFFFF]
+        RenderText {#text} at (0,0) size 784x51
+          text run at (0,0) width 564: "This paragraph should have a white background, but NO image should appear in the background. "
+          text run at (564,0) width 220: "If an image, in this case a red square-"
+          text run at (0,17) width 777: "- or, indeed, any red at all-- is seen there, then the browser has incorrectly interpreted a URL in relation to the document's URL, not the"
+          text run at (0,34) width 102: "stylesheet's URL."
+      RenderTable {TABLE} at (0,284) size 784x181 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x179
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x153
+            RenderTableCell {TD} at (0,90) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x169 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x19
-                RenderText {#text} at (0,0) size 394x19
-                  text run at (0,0) width 394: "This page should have a green grid pattern as its background."
-              RenderBlock {P} at (4,37) size 762x57 [bgcolor=#FFFFFF]
-                RenderText {#text} at (0,0) size 739x57
-                  text run at (0,0) width 623: "This paragraph should have a white background, but NO image should appear in the background. "
-                  text run at (623,0) width 116: "If an image, in this"
-                  text run at (0,19) width 722: "case a red square-- or, indeed, any red at all-- is seen there, then the browser has incorrectly interpreted a URL in"
-                  text run at (0,38) width 362: "relation to the document's URL, not the stylesheet's URL."
-              RenderBlock {P} at (4,108) size 762x57 [bgcolor=#FFFFFF]
-                RenderText {#text} at (0,0) size 739x57
-                  text run at (0,0) width 623: "This paragraph should have a white background, but NO image should appear in the background. "
-                  text run at (623,0) width 116: "If an image, in this"
-                  text run at (0,19) width 722: "case a red square-- or, indeed, any red at all-- is seen there, then the browser has incorrectly interpreted a URL in"
-                  text run at (0,38) width 362: "relation to the document's URL, not the stylesheet's URL."
+            RenderTableCell {TD} at (12,26) size 770x153 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x17
+                RenderText {#text} at (0,0) size 358x17
+                  text run at (0,0) width 358: "This page should have a green grid pattern as its background."
+              RenderBlock {P} at (4,34) size 762x51 [bgcolor=#FFFFFF]
+                RenderText {#text} at (0,0) size 743x51
+                  text run at (0,0) width 564: "This paragraph should have a white background, but NO image should appear in the background. "
+                  text run at (564,0) width 173: "If an image, in this case a red"
+                  text run at (0,17) width 743: "square-- or, indeed, any red at all-- is seen there, then the browser has incorrectly interpreted a URL in relation to the document's"
+                  text run at (0,34) width 179: "URL, not the stylesheet's URL."
+              RenderBlock {P} at (4,98) size 762x51 [bgcolor=#FFFFFF]
+                RenderText {#text} at (0,0) size 743x51
+                  text run at (0,0) width 564: "This paragraph should have a white background, but NO image should appear in the background. "
+                  text run at (564,0) width 173: "If an image, in this case a red"
+                  text run at (0,17) width 743: "square-- or, indeed, any red at all-- is seen there, then the browser has incorrectly interpreted a URL in relation to the document's"
+                  text run at (0,34) width 179: "URL, not the stylesheet's URL."