Rebaseline more GTK css1 tests after <http://trac.webkit.org/changeset/114799>.
authordbates@webkit.org <dbates@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 21 Apr 2012 01:12:26 +0000 (01:12 +0000)
committerdbates@webkit.org <dbates@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 21 Apr 2012 01:12:26 +0000 (01:12 +0000)
* platform/gtk/css1/box_properties/border_width_inline-expected.txt:
* platform/gtk/css1/box_properties/clear-expected.txt:
* platform/gtk/css1/box_properties/clear_float-expected.txt:
* platform/gtk/css1/box_properties/float-expected.txt:
* platform/gtk/css1/box_properties/float_margin-expected.txt:
* platform/gtk/css1/box_properties/float_on_text_elements-expected.txt:
* platform/gtk/css1/box_properties/height-expected.txt:
* platform/gtk/css1/box_properties/margin-expected.txt:
* platform/gtk/css1/box_properties/margin_bottom-expected.txt:
* platform/gtk/css1/box_properties/margin_bottom_inline-expected.txt:
* platform/gtk/css1/box_properties/margin_inline-expected.txt:
* platform/gtk/css1/box_properties/margin_left-expected.txt:
* platform/gtk/css1/box_properties/margin_left_inline-expected.txt:
* platform/gtk/css1/box_properties/margin_right-expected.txt:
* platform/gtk/css1/box_properties/margin_right_inline-expected.txt:
* platform/gtk/css1/box_properties/margin_top-expected.txt:
* platform/gtk/css1/box_properties/margin_top_inline-expected.txt:

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

18 files changed:
LayoutTests/ChangeLog
LayoutTests/platform/gtk/css1/box_properties/border_width_inline-expected.txt
LayoutTests/platform/gtk/css1/box_properties/clear-expected.txt
LayoutTests/platform/gtk/css1/box_properties/clear_float-expected.txt
LayoutTests/platform/gtk/css1/box_properties/float-expected.txt
LayoutTests/platform/gtk/css1/box_properties/float_margin-expected.txt
LayoutTests/platform/gtk/css1/box_properties/float_on_text_elements-expected.txt
LayoutTests/platform/gtk/css1/box_properties/height-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_bottom-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_bottom_inline-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_inline-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_left-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_left_inline-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_right-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_right_inline-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_top-expected.txt
LayoutTests/platform/gtk/css1/box_properties/margin_top_inline-expected.txt

index 8d46f7a..fa29f1d 100644 (file)
@@ -1,3 +1,25 @@
+2012-04-20  Daniel Bates  <dbates@webkit.org>
+
+        Rebaseline more GTK css1 tests after <http://trac.webkit.org/changeset/114799>. 
+
+        * platform/gtk/css1/box_properties/border_width_inline-expected.txt:
+        * platform/gtk/css1/box_properties/clear-expected.txt:
+        * platform/gtk/css1/box_properties/clear_float-expected.txt:
+        * platform/gtk/css1/box_properties/float-expected.txt:
+        * platform/gtk/css1/box_properties/float_margin-expected.txt:
+        * platform/gtk/css1/box_properties/float_on_text_elements-expected.txt:
+        * platform/gtk/css1/box_properties/height-expected.txt:
+        * platform/gtk/css1/box_properties/margin-expected.txt:
+        * platform/gtk/css1/box_properties/margin_bottom-expected.txt:
+        * platform/gtk/css1/box_properties/margin_bottom_inline-expected.txt:
+        * platform/gtk/css1/box_properties/margin_inline-expected.txt:
+        * platform/gtk/css1/box_properties/margin_left-expected.txt:
+        * platform/gtk/css1/box_properties/margin_left_inline-expected.txt:
+        * platform/gtk/css1/box_properties/margin_right-expected.txt:
+        * platform/gtk/css1/box_properties/margin_right_inline-expected.txt:
+        * platform/gtk/css1/box_properties/margin_top-expected.txt:
+        * platform/gtk/css1/box_properties/margin_top_inline-expected.txt:
+
 2012-04-20  Enrica Casucci  <enrica@apple.com>
 
         CRASH at WebCore::ReplaceSelectionCommand::removeRedundantMarkup
index bcd1c81..7f41875 100644 (file)
@@ -4,82 +4,82 @@ 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 784x18
-        RenderText {#text} at (0,0) size 363x17
-          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+        RenderText {#text} at (0,0) size 355x19
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x45
-        RenderText {#text} at (0,0) size 367x45
-          text run at (0,0) width 367: ".one {border-width: 25px; border-style: solid;}"
-          text run at (366,0) width 1: " "
-          text run at (0,15) width 367: ".two {border-width: thin; border-style: solid;}"
-          text run at (366,15) width 1: " "
-          text run at (0,30) width 219: ".three {border-width: 25px;}"
-          text run at (218,30) width 1: " "
+        RenderText {#text} at (0,0) size 376x45
+          text run at (0,0) width 376: ".one {border-width: 25px; border-style: solid;}"
+          text run at (376,0) width 0: " "
+          text run at (0,15) width 376: ".two {border-width: thin; border-style: solid;}"
+          text run at (376,15) width 0: " "
+          text run at (0,30) width 224: ".three {border-width: 25px;}"
+          text run at (224,30) width 0: " "
       RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,110) size 784x104 [border: (25px solid #000000)]
-        RenderText {#text} at (25,25) size 176x17
-          text run at (25,25) width 176: "This element has a class of "
-        RenderInline {TT} at (0,0) size 25x15
-          RenderText {#text} at (200,28) size 25x15
-            text run at (200,28) width 25: "one"
-        RenderText {#text} at (224,25) size 165x17
-          text run at (224,25) width 9: ". "
-          text run at (232,25) width 157: "However, it contains an "
-        RenderInline {SPAN} at (0,0) size 174x19 [border: (1px solid #000000)]
-          RenderText {#text} at (389,25) size 148x17
-            text run at (389,25) width 148: "inline element of class "
-          RenderInline {TT} at (0,0) size 25x15
-            RenderText {#text} at (536,28) size 25x15
-              text run at (536,28) width 25: "two"
-        RenderText {#text} at (561,25) size 726x35
-          text run at (561,25) width 190: ", which should result in a thin"
-          text run at (25,43) width 382: "solid border on each side of each box in the inline element. "
-          text run at (406,43) width 106: "There is also an "
-        RenderInline {SPAN} at (0,0) size 188x17
-          RenderText {#text} at (511,43) size 149x17
-            text run at (511,43) width 149: "inline element of class "
+      RenderBlock {P} at (0,110) size 784x106 [border: (25px solid #000000)]
+        RenderText {#text} at (25,25) size 172x19
+          text run at (25,25) width 172: "This element has a class of "
+        RenderInline {TT} at (0,0) size 24x15
+          RenderText {#text} at (197,29) size 24x15
+            text run at (197,29) width 24: "one"
+        RenderText {#text} at (221,25) size 162x19
+          text run at (221,25) width 8: ". "
+          text run at (229,25) width 154: "However, it contains an "
+        RenderInline {SPAN} at (0,0) size 169x21 [border: (1px solid #000000)]
+          RenderText {#text} at (384,25) size 143x19
+            text run at (384,25) width 143: "inline element of class "
+          RenderInline {TT} at (0,0) size 24x15
+            RenderText {#text} at (527,29) size 24x15
+              text run at (527,29) width 24: "two"
+        RenderText {#text} at (552,25) size 713x38
+          text run at (552,25) width 186: ", which should result in a thin"
+          text run at (25,44) width 374: "solid border on each side of each box in the inline element. "
+          text run at (399,44) width 103: "There is also an "
+        RenderInline {SPAN} at (0,0) size 183x19
+          RenderText {#text} at (502,44) size 143x19
+            text run at (502,44) width 143: "inline element of class "
           RenderInline {TT} at (0,0) size 40x15
-            RenderText {#text} at (659,46) size 40x15
-              text run at (659,46) width 40: "three"
-        RenderText {#text} at (698,43) size 721x35
-          text run at (698,43) width 48: ", which"
-          text run at (25,61) width 393: "should have no border width because no border style was set."
-      RenderTable {TABLE} at (0,230) size 784x140 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x138
+            RenderText {#text} at (645,48) size 40x15
+              text run at (645,48) width 40: "three"
+        RenderText {#text} at (685,44) size 707x38
+          text run at (685,44) width 47: ", which"
+          text run at (25,63) width 387: "should have no border width because no border style was set."
+      RenderTable {TABLE} at (0,232) size 784x142 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x140
           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 163x17
-                RenderText {#text} at (4,4) size 163x17
+              RenderInline {STRONG} at (0,0) size 163x19
+                RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,26) size 782x112
-            RenderTableCell {TD} at (0,69) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x17
+          RenderTableRow {TR} at (0,26) size 782x114
+            RenderTableCell {TD} at (0,70) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x112 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x104 [border: (25px solid #000000)]
-                RenderText {#text} at (25,25) size 176x17
-                  text run at (25,25) width 176: "This element has a class of "
-                RenderInline {TT} at (0,0) size 25x15
-                  RenderText {#text} at (200,28) size 25x15
-                    text run at (200,28) width 25: "one"
-                RenderText {#text} at (224,25) size 165x17
-                  text run at (224,25) width 9: ". "
-                  text run at (232,25) width 157: "However, it contains an "
-                RenderInline {SPAN} at (0,0) size 174x19 [border: (1px solid #000000)]
-                  RenderText {#text} at (389,25) size 148x17
-                    text run at (389,25) width 148: "inline element of class "
-                  RenderInline {TT} at (0,0) size 25x15
-                    RenderText {#text} at (536,28) size 25x15
-                      text run at (536,28) width 25: "two"
-                RenderText {#text} at (561,25) size 698x35
-                  text run at (561,25) width 162: ", which should result in a"
-                  text run at (25,43) width 411: "thin solid border on each side of each box in the inline element. "
-                  text run at (435,43) width 106: "There is also an "
-                RenderInline {SPAN} at (0,0) size 187x17
-                  RenderText {#text} at (540,43) size 148x17
-                    text run at (540,43) width 148: "inline element of class "
+            RenderTableCell {TD} at (12,26) size 770x114 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x106 [border: (25px solid #000000)]
+                RenderText {#text} at (25,25) size 172x19
+                  text run at (25,25) width 172: "This element has a class of "
+                RenderInline {TT} at (0,0) size 24x15
+                  RenderText {#text} at (197,29) size 24x15
+                    text run at (197,29) width 24: "one"
+                RenderText {#text} at (221,25) size 162x19
+                  text run at (221,25) width 8: ". "
+                  text run at (229,25) width 154: "However, it contains an "
+                RenderInline {SPAN} at (0,0) size 169x21 [border: (1px solid #000000)]
+                  RenderText {#text} at (384,25) size 143x19
+                    text run at (384,25) width 143: "inline element of class "
+                  RenderInline {TT} at (0,0) size 24x15
+                    RenderText {#text} at (527,29) size 24x15
+                      text run at (527,29) width 24: "two"
+                RenderText {#text} at (552,25) size 685x38
+                  text run at (552,25) width 158: ", which should result in a"
+                  text run at (25,44) width 402: "thin solid border on each side of each box in the inline element. "
+                  text run at (427,44) width 103: "There is also an "
+                RenderInline {SPAN} at (0,0) size 183x19
+                  RenderText {#text} at (530,44) size 143x19
+                    text run at (530,44) width 143: "inline element of class "
                   RenderInline {TT} at (0,0) size 40x15
-                    RenderText {#text} at (687,46) size 40x15
-                      text run at (687,46) width 40: "three"
-                RenderText {#text} at (726,43) size 706x35
-                  text run at (726,43) width 5: ","
-                  text run at (25,61) width 436: "which should have no border width because no border style was set."
+                    RenderText {#text} at (673,48) size 40x15
+                      text run at (673,48) width 40: "three"
+                RenderText {#text} at (713,44) size 692x38
+                  text run at (713,44) width 4: ","
+                  text run at (25,63) width 430: "which should have no border width because no border style was set."
index 1d2d69a..eea3ea0 100644 (file)
@@ -1,91 +1,91 @@
-layer at (0,0) size 784x961
-  RenderView at (0,0) size 784x600
-layer at (0,0) size 784x961
-  RenderBlock {HTML} at (0,0) size 784x961
-    RenderBody {BODY} at (8,8) size 768x945 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 768x18
-        RenderText {#text} at (0,0) size 363x17
-          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 768x60
-        RenderText {#text} at (0,0) size 164x60
-          text run at (0,0) width 149: ".one {clear: left;}"
-          text run at (148,0) width 1: " "
-          text run at (0,15) width 157: ".two {clear: right;}"
-          text run at (156,15) width 1: " "
-          text run at (0,30) width 164: ".three {clear: both;}"
-          text run at (163,30) width 1: " "
-          text run at (0,45) width 157: ".four {clear: none;}"
-          text run at (156,45) width 1: " "
-      RenderBlock {HR} at (0,107) size 768x2 [border: (1px inset #000000)]
+layer at (0,0) size 785x961
+  RenderView at (0,0) size 785x600
+layer at (0,0) size 785x961
+  RenderBlock {HTML} at (0,0) size 785x961
+    RenderBody {BODY} at (8,8) size 769x945 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
+        RenderText {#text} at (0,0) size 355x19
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,34) size 769x60
+        RenderText {#text} at (0,0) size 168x60
+          text run at (0,0) width 152: ".one {clear: left;}"
+          text run at (152,0) width 0: " "
+          text run at (0,15) width 160: ".two {clear: right;}"
+          text run at (160,15) width 0: " "
+          text run at (0,30) width 168: ".three {clear: both;}"
+          text run at (168,30) width 0: " "
+          text run at (0,45) width 160: ".four {clear: none;}"
+          text run at (160,45) width 0: " "
+      RenderBlock {HR} at (0,107) size 769x2 [border: (1px inset #000000)]
       RenderImage {IMG} at (0,117) size 15x50
-      RenderBlock {P} at (0,125) size 768x18
-        RenderText {#text} at (18,0) size 607x17
-          text run at (18,0) width 607: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
-      RenderBlock (anonymous) at (0,159) size 768x18
-        RenderBR {BR} at (18,0) size 0x17
+      RenderBlock {P} at (0,125) size 769x18
+        RenderText {#text} at (18,0) size 595x19
+          text run at (18,0) width 595: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
+      RenderBlock (anonymous) at (0,159) size 769x18
+        RenderBR {BR} at (18,0) size 0x19
         RenderImage {IMG} at (0,18) size 15x50
-      RenderBlock {P} at (0,227) size 768x18
-        RenderText {#text} at (0,0) size 662x17
-          text run at (0,0) width 662: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
-      RenderBlock (anonymous) at (0,261) size 768x18
-        RenderBR {BR} at (0,0) size 0x17
-        RenderImage {IMG} at (753,18) size 15x50
-      RenderBlock {P} at (0,329) size 768x18
-        RenderText {#text} at (0,0) size 671x17
-          text run at (0,0) width 671: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
-      RenderBlock (anonymous) at (0,363) size 768x18
-        RenderBR {BR} at (0,0) size 0x17
+      RenderBlock {P} at (0,227) size 769x18
+        RenderText {#text} at (0,0) size 649x19
+          text run at (0,0) width 649: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
+      RenderBlock (anonymous) at (0,261) size 769x18
+        RenderBR {BR} at (0,0) size 0x19
+        RenderImage {IMG} at (754,18) size 15x50
+      RenderBlock {P} at (0,329) size 769x18
+        RenderText {#text} at (0,0) size 658x19
+          text run at (0,0) width 658: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
+      RenderBlock (anonymous) at (0,363) size 769x18
+        RenderBR {BR} at (0,0) size 0x19
         RenderImage {IMG} at (0,18) size 15x50
-        RenderImage {IMG} at (753,18) size 15x50
-      RenderBlock {P} at (0,431) size 768x18
-        RenderText {#text} at (0,0) size 612x17
-          text run at (0,0) width 612: "This paragraph should appear below the two tall orange rectangles, and not flow between them."
+        RenderImage {IMG} at (754,18) size 15x50
+      RenderBlock {P} at (0,431) size 769x18
+        RenderText {#text} at (0,0) size 602x19
+          text run at (0,0) width 602: "This paragraph should appear below the two tall orange rectangles, and not flow between them."
       RenderImage {IMG} at (0,465) size 15x50
-      RenderImage {IMG} at (753,465) size 15x50
-      RenderBlock {P} at (0,465) size 768x18
-        RenderText {#text} at (18,0) size 397x17
-          text run at (18,0) width 397: "This paragraph should be between both tall orange rectangles."
-      RenderBlock (anonymous) at (0,499) size 768x18
-        RenderBR {BR} at (18,0) size 0x17
-      RenderTable {TABLE} at (0,517) size 693x428 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 691x426
-          RenderTableRow {TR} at (0,0) size 691x26
-            RenderTableCell {TD} at (0,0) size 691x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 163x17
-                RenderText {#text} at (4,4) size 163x17
+      RenderImage {IMG} at (754,465) size 15x50
+      RenderBlock {P} at (0,465) size 769x18
+        RenderText {#text} at (18,0) size 390x19
+          text run at (18,0) width 390: "This paragraph should be between both tall orange rectangles."
+      RenderBlock (anonymous) at (0,499) size 769x18
+        RenderBR {BR} at (18,0) size 0x19
+      RenderTable {TABLE} at (0,517) size 680x428 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 678x426
+          RenderTableRow {TR} at (0,0) size 678x26
+            RenderTableCell {TD} at (0,0) size 678x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x19
+                RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,26) size 691x400
+          RenderTableRow {TR} at (0,26) size 678x400
             RenderTableCell {TD} at (0,213) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x17
+              RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 679x400 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 666x400 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderImage {IMG} at (4,4) size 15x50
-              RenderBlock {P} at (4,4) size 671x18
-                RenderText {#text} at (18,0) size 607x17
-                  text run at (18,0) width 607: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
-              RenderBlock (anonymous) at (4,38) size 671x18
-                RenderBR {BR} at (18,0) size 0x17
+              RenderBlock {P} at (4,4) size 658x18
+                RenderText {#text} at (18,0) size 595x19
+                  text run at (18,0) width 595: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
+              RenderBlock (anonymous) at (4,38) size 658x18
+                RenderBR {BR} at (18,0) size 0x19
                 RenderImage {IMG} at (0,18) size 15x50
-              RenderBlock {P} at (4,106) size 671x18
-                RenderText {#text} at (0,0) size 662x17
-                  text run at (0,0) width 662: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
-              RenderBlock (anonymous) at (4,140) size 671x18
-                RenderBR {BR} at (0,0) size 0x17
-                RenderImage {IMG} at (656,18) size 15x50
-              RenderBlock {P} at (4,208) size 671x18
-                RenderText {#text} at (0,0) size 671x17
-                  text run at (0,0) width 671: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
-              RenderBlock (anonymous) at (4,242) size 671x18
-                RenderBR {BR} at (0,0) size 0x17
+              RenderBlock {P} at (4,106) size 658x18
+                RenderText {#text} at (0,0) size 649x19
+                  text run at (0,0) width 649: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
+              RenderBlock (anonymous) at (4,140) size 658x18
+                RenderBR {BR} at (0,0) size 0x19
+                RenderImage {IMG} at (643,18) size 15x50
+              RenderBlock {P} at (4,208) size 658x18
+                RenderText {#text} at (0,0) size 658x19
+                  text run at (0,0) width 658: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
+              RenderBlock (anonymous) at (4,242) size 658x18
+                RenderBR {BR} at (0,0) size 0x19
                 RenderImage {IMG} at (0,18) size 15x50
-                RenderImage {IMG} at (656,18) size 15x50
-              RenderBlock {P} at (4,310) size 671x18
-                RenderText {#text} at (0,0) size 612x17
-                  text run at (0,0) width 612: "This paragraph should appear below the two tall orange rectangles, and not flow between them."
+                RenderImage {IMG} at (643,18) size 15x50
+              RenderBlock {P} at (4,310) size 658x18
+                RenderText {#text} at (0,0) size 602x19
+                  text run at (0,0) width 602: "This paragraph should appear below the two tall orange rectangles, and not flow between them."
               RenderImage {IMG} at (4,344) size 15x50
-              RenderImage {IMG} at (660,344) size 15x50
-              RenderBlock {P} at (4,344) size 671x18
-                RenderText {#text} at (18,0) size 397x17
-                  text run at (18,0) width 397: "This paragraph should be between both tall orange rectangles."
-              RenderBlock (anonymous) at (4,378) size 671x18
-                RenderBR {BR} at (18,0) size 0x17
+              RenderImage {IMG} at (647,344) size 15x50
+              RenderBlock {P} at (4,344) size 658x18
+                RenderText {#text} at (18,0) size 390x19
+                  text run at (18,0) width 390: "This paragraph should be between both tall orange rectangles."
+              RenderBlock (anonymous) at (4,378) size 658x18
+                RenderBR {BR} at (18,0) size 0x19
index 07404e8..e794396 100644 (file)
-layer at (0,0) size 784x791
-  RenderView at (0,0) size 784x600
-layer at (0,0) size 784x791
-  RenderBlock {HTML} at (0,0) size 784x791
-    RenderBody {BODY} at (8,8) size 768x775 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 768x18
-        RenderText {#text} at (0,0) size 363x17
-          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,31) size 768x135
-        RenderText {#text} at (0,0) size 601x135
-          text run at (0,0) width 383: "P { margin: 0; padding: 0; text-align:  justify;}"
-          text run at (382,0) width 1: " "
+layer at (0,0) size 785x791
+  RenderView at (0,0) size 785x600
+layer at (0,0) size 785x791
+  RenderBlock {HTML} at (0,0) size 785x791
+    RenderBody {BODY} at (8,8) size 769x775 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
+        RenderText {#text} at (0,0) size 355x19
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 769x135
+        RenderText {#text} at (0,0) size 616x135
+          text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:  justify;}"
+          text run at (392,0) width 0: " "
           text run at (0,15) width 0: " "
-          text run at (0,30) width 375: "DIV.menu {float: left; clear: left; width: 11em;"
-          text run at (374,30) width 1: " "
-          text run at (0,45) width 453: "          margin: 0; margin-bottom: 10px; padding: 0.5em;}"
-          text run at (452,45) width 1: " "
-          text run at (0,60) width 422: "DIV.menu H1 {font-size: 1.2em; margin: 0; padding: 0;}"
-          text run at (421,60) width 1: " "
-          text run at (0,75) width 437: "DIV.menu UL {margin: 0.2em 0.3em 0.2em 1em; padding: 0;}"
-          text run at (436,75) width 1: " "
-          text run at (0,90) width 601: "DIV.article {padding: 0.5em; margin: 0; margin-left: 14em; margin-right: 2em;"
-          text run at (600,90) width 1: " "
-          text run at (0,105) width 469: "             color: black; background: yellow; clear: none;}"
-          text run at (468,105) width 1: " "
+          text run at (0,30) width 384: "DIV.menu {float: left; clear: left; width: 11em;"
+          text run at (384,30) width 0: " "
+          text run at (0,45) width 464: "          margin: 0; margin-bottom: 10px; padding: 0.5em;}"
+          text run at (464,45) width 0: " "
+          text run at (0,60) width 432: "DIV.menu H1 {font-size: 1.2em; margin: 0; padding: 0;}"
+          text run at (432,60) width 0: " "
+          text run at (0,75) width 448: "DIV.menu UL {margin: 0.2em 0.3em 0.2em 1em; padding: 0;}"
+          text run at (448,75) width 0: " "
+          text run at (0,90) width 616: "DIV.article {padding: 0.5em; margin: 0; margin-left: 14em; margin-right: 2em;"
+          text run at (616,90) width 0: " "
+          text run at (0,105) width 480: "             color: black; background: yellow; clear: none;}"
+          text run at (480,105) width 0: " "
           text run at (0,120) width 0: " "
-      RenderBlock {HR} at (0,179) size 768x2 [border: (1px inset #000000)]
+      RenderBlock {HR} at (0,179) size 769x2 [border: (1px inset #000000)]
       RenderBlock (floating) {DIV} at (0,189) size 192x116 [color=#FFFFFF] [bgcolor=#008000]
         RenderBlock {H1} at (8,8) size 176x22
-          RenderText {#text} at (0,0) size 83x21
-            text run at (0,0) width 83: "Top menu"
+          RenderText {#text} at (0,0) size 85x22
+            text run at (0,0) width 85: "Top menu"
         RenderBlock {UL} at (24,33) size 156x72
           RenderListItem {LI} at (0,0) size 156x18
-            RenderListMarker at (-17,0) size 7x17: bullet
-            RenderText {#text} at (0,0) size 36x17
-              text run at (0,0) width 36: "green"
+            RenderListMarker at (-18,0) size 7x19: bullet
+            RenderText {#text} at (0,0) size 35x19
+              text run at (0,0) width 35: "green"
           RenderListItem {LI} at (0,18) size 156x18
-            RenderListMarker at (-17,0) size 7x17: bullet
-            RenderText {#text} at (0,0) size 64x17
-              text run at (0,0) width 64: "white text"
+            RenderListMarker at (-18,0) size 7x19: bullet
+            RenderText {#text} at (0,0) size 62x19
+              text run at (0,0) width 62: "white text"
           RenderListItem {LI} at (0,36) size 156x18
-            RenderListMarker at (-17,0) size 7x17: bullet
-            RenderText {#text} at (0,0) size 96x17
-              text run at (0,0) width 96: "0.5em padding"
+            RenderListMarker at (-18,0) size 7x19: bullet
+            RenderText {#text} at (0,0) size 94x19
+              text run at (0,0) width 94: "0.5em padding"
           RenderListItem {LI} at (0,54) size 156x18
-            RenderListMarker at (-17,0) size 7x17: bullet
-            RenderText {#text} at (0,0) size 89x17
-              text run at (0,0) width 89: "0.5em margin"
+            RenderListMarker at (-18,0) size 7x19: bullet
+            RenderText {#text} at (0,0) size 87x19
+              text run at (0,0) width 87: "0.5em margin"
       RenderBlock (floating) {DIV} at (0,315) size 192x116 [color=#FFFFFF] [bgcolor=#0000FF]
         RenderBlock {H1} at (8,8) size 176x22
-          RenderText {#text} at (0,0) size 111x21
-            text run at (0,0) width 111: "Bottom menu"
+          RenderText {#text} at (0,0) size 112x22
+            text run at (0,0) width 112: "Bottom menu"
         RenderBlock {UL} at (24,33) size 156x72
           RenderListItem {LI} at (0,0) size 156x18
-            RenderListMarker at (-17,0) size 7x17: bullet
-            RenderText {#text} at (0,0) size 108x17
-              text run at (0,0) width 108: "blue background"
+            RenderListMarker at (-18,0) size 7x19: bullet
+            RenderText {#text} at (0,0) size 106x19
+              text run at (0,0) width 106: "blue background"
           RenderListItem {LI} at (0,18) size 156x18
-            RenderListMarker at (-17,0) size 7x17: bullet
-            RenderText {#text} at (0,0) size 64x17
-              text run at (0,0) width 64: "white text"
+            RenderListMarker at (-18,0) size 7x19: bullet
+            RenderText {#text} at (0,0) size 62x19
+              text run at (0,0) width 62: "white text"
           RenderListItem {LI} at (0,36) size 156x18
-            RenderListMarker at (-17,0) size 7x17: bullet
-            RenderText {#text} at (0,0) size 96x17
-              text run at (0,0) width 96: "0.5em padding"
+            RenderListMarker at (-18,0) size 7x19: bullet
+            RenderText {#text} at (0,0) size 94x19
+              text run at (0,0) width 94: "0.5em padding"
           RenderListItem {LI} at (0,54) size 156x18
-            RenderListMarker at (-17,0) size 7x17: bullet
-            RenderText {#text} at (0,0) size 89x17
-              text run at (0,0) width 89: "0.5em margin"
-      RenderBlock {DIV} at (224,189) size 512x221 [bgcolor=#FFFF00]
-        RenderBlock {H1} at (8,29) size 496x37
-          RenderText {#text} at (0,0) size 276x36
-            text run at (0,0) width 276: "The 'clear' property"
-        RenderBlock {P} at (8,87) size 496x90
-          RenderText {#text} at (0,0) size 496x89
-            text run at (0,0) width 496: "This page has two floating \"menus\" on the side; one has a green background,"
-            text run at (0,18) width 230: "and the other a blue background. "
-            text run at (229,18) width 267: "Due to settings on the 'float' and 'clear'"
-            text run at (0,36) width 496: "properties, the two menus should appear on the left side of the page, the blue"
-            text run at (0,54) width 496: "below the green. There should be a 10px gap between the two menus. There"
-            text run at (0,72) width 465: "should also be a 10px gap between the top menu and the top of the page."
-        RenderBlock {P} at (8,177) size 496x36
-          RenderText {#text} at (0,0) size 496x35
-            text run at (0,0) width 496: "The top of the yellow rectangle (to which this paragraph belongs) should be"
-            text run at (0,18) width 339: "vertically aligned with the top of the green rectangle."
-      RenderTable {TABLE} at (192,410) size 576x365 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 574x363
-          RenderTableRow {TR} at (0,0) size 574x26
-            RenderTableCell {TD} at (0,0) size 574x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 163x17
-                RenderText {#text} at (4,4) size 163x17
+            RenderListMarker at (-18,0) size 7x19: bullet
+            RenderText {#text} at (0,0) size 87x19
+              text run at (0,0) width 87: "0.5em margin"
+      RenderBlock {DIV} at (224,189) size 513x221 [bgcolor=#FFFF00]
+        RenderBlock {H1} at (8,29) size 497x37
+          RenderText {#text} at (0,0) size 275x36
+            text run at (0,0) width 275: "The 'clear' property"
+        RenderBlock {P} at (8,87) size 497x90
+          RenderText {#text} at (0,0) size 497x91
+            text run at (0,0) width 497: "This page has two floating \"menus\" on the side; one has a green background,"
+            text run at (0,18) width 231: "and the other a blue background. "
+            text run at (231,18) width 266: "Due to settings on the 'float' and 'clear'"
+            text run at (0,36) width 497: "properties, the two menus should appear on the left side of the page, the blue"
+            text run at (0,54) width 497: "below the green. There should be a 10px gap between the two menus. There"
+            text run at (0,72) width 459: "should also be a 10px gap between the top menu and the top of the page."
+        RenderBlock {P} at (8,177) size 497x36
+          RenderText {#text} at (0,0) size 497x37
+            text run at (0,0) width 497: "The top of the yellow rectangle (to which this paragraph belongs) should be"
+            text run at (0,18) width 331: "vertically aligned with the top of the green rectangle."
+      RenderTable {TABLE} at (192,410) size 577x365 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 575x363
+          RenderTableRow {TR} at (0,0) size 575x26
+            RenderTableCell {TD} at (0,0) size 575x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x19
+                RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,26) size 574x337
+          RenderTableRow {TR} at (0,26) size 575x337
             RenderTableCell {TD} at (0,181) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x17
+              RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 562x337 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 563x337 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock (floating) {DIV} at (4,4) size 192x116 [color=#FFFFFF] [bgcolor=#008000]
                 RenderBlock {H1} at (8,8) size 176x22
-                  RenderText {#text} at (0,0) size 83x21
-                    text run at (0,0) width 83: "Top menu"
+                  RenderText {#text} at (0,0) size 85x22
+                    text run at (0,0) width 85: "Top menu"
                 RenderBlock {UL} at (24,33) size 156x72
                   RenderListItem {LI} at (0,0) size 156x18
-                    RenderListMarker at (-17,0) size 7x17: bullet
-                    RenderText {#text} at (0,0) size 36x17
-                      text run at (0,0) width 36: "green"
+                    RenderListMarker at (-18,0) size 7x19: bullet
+                    RenderText {#text} at (0,0) size 35x19
+                      text run at (0,0) width 35: "green"
                   RenderListItem {LI} at (0,18) size 156x18
-                    RenderListMarker at (-17,0) size 7x17: bullet
-                    RenderText {#text} at (0,0) size 64x17
-                      text run at (0,0) width 64: "white text"
+                    RenderListMarker at (-18,0) size 7x19: bullet
+                    RenderText {#text} at (0,0) size 62x19
+                      text run at (0,0) width 62: "white text"
                   RenderListItem {LI} at (0,36) size 156x18
-                    RenderListMarker at (-17,0) size 7x17: bullet
-                    RenderText {#text} at (0,0) size 96x17
-                      text run at (0,0) width 96: "0.5em padding"
+                    RenderListMarker at (-18,0) size 7x19: bullet
+                    RenderText {#text} at (0,0) size 94x19
+                      text run at (0,0) width 94: "0.5em padding"
                   RenderListItem {LI} at (0,54) size 156x18
-                    RenderListMarker at (-17,0) size 7x17: bullet
-                    RenderText {#text} at (0,0) size 89x17
-                      text run at (0,0) width 89: "0.5em margin"
+                    RenderListMarker at (-18,0) size 7x19: bullet
+                    RenderText {#text} at (0,0) size 87x19
+                      text run at (0,0) width 87: "0.5em margin"
               RenderBlock (floating) {DIV} at (4,130) size 192x116 [color=#FFFFFF] [bgcolor=#0000FF]
                 RenderBlock {H1} at (8,8) size 176x22
-                  RenderText {#text} at (0,0) size 111x21
-                    text run at (0,0) width 111: "Bottom menu"
+                  RenderText {#text} at (0,0) size 112x22
+                    text run at (0,0) width 112: "Bottom menu"
                 RenderBlock {UL} at (24,33) size 156x72
                   RenderListItem {LI} at (0,0) size 156x18
-                    RenderListMarker at (-17,0) size 7x17: bullet
-                    RenderText {#text} at (0,0) size 108x17
-                      text run at (0,0) width 108: "blue background"
+                    RenderListMarker at (-18,0) size 7x19: bullet
+                    RenderText {#text} at (0,0) size 106x19
+                      text run at (0,0) width 106: "blue background"
                   RenderListItem {LI} at (0,18) size 156x18
-                    RenderListMarker at (-17,0) size 7x17: bullet
-                    RenderText {#text} at (0,0) size 64x17
-                      text run at (0,0) width 64: "white text"
+                    RenderListMarker at (-18,0) size 7x19: bullet
+                    RenderText {#text} at (0,0) size 62x19
+                      text run at (0,0) width 62: "white text"
                   RenderListItem {LI} at (0,36) size 156x18
-                    RenderListMarker at (-17,0) size 7x17: bullet
-                    RenderText {#text} at (0,0) size 96x17
-                      text run at (0,0) width 96: "0.5em padding"
+                    RenderListMarker at (-18,0) size 7x19: bullet
+                    RenderText {#text} at (0,0) size 94x19
+                      text run at (0,0) width 94: "0.5em padding"
                   RenderListItem {LI} at (0,54) size 156x18
-                    RenderListMarker at (-17,0) size 7x17: bullet
-                    RenderText {#text} at (0,0) size 89x17
-                      text run at (0,0) width 89: "0.5em margin"
-              RenderBlock {DIV} at (228,4) size 298x329 [bgcolor=#FFFF00]
-                RenderBlock {H1} at (8,29) size 282x37
-                  RenderText {#text} at (0,0) size 276x36
-                    text run at (0,0) width 276: "The 'clear' property"
-                RenderBlock {P} at (8,87) size 282x180
-                  RenderText {#text} at (0,0) size 282x179
-                    text run at (0,0) width 282: "This page has two floating \"menus\" on the"
-                    text run at (0,18) width 282: "side; one has a green background, and the"
+                    RenderListMarker at (-18,0) size 7x19: bullet
+                    RenderText {#text} at (0,0) size 87x19
+                      text run at (0,0) width 87: "0.5em margin"
+              RenderBlock {DIV} at (228,4) size 299x329 [bgcolor=#FFFF00]
+                RenderBlock {H1} at (8,29) size 283x37
+                  RenderText {#text} at (0,0) size 275x36
+                    text run at (0,0) width 275: "The 'clear' property"
+                RenderBlock {P} at (8,87) size 283x180
+                  RenderText {#text} at (0,0) size 283x181
+                    text run at (0,0) width 283: "This page has two floating \"menus\" on the"
+                    text run at (0,18) width 283: "side; one has a green background, and the"
                     text run at (0,36) width 165: "other a blue background. "
-                    text run at (164,36) width 118: "Due to settings on"
-                    text run at (0,54) width 282: "the 'float' and 'clear' properties, the two"
-                    text run at (0,72) width 282: "menus should appear on the left side of the"
-                    text run at (0,90) width 282: "page, the blue below the green. There"
-                    text run at (0,108) width 282: "should be a 10px gap between the two"
-                    text run at (0,126) width 282: "menus. There should also be a 10px gap"
-                    text run at (0,144) width 282: "between the top menu and the top of the"
-                    text run at (0,162) width 35: "page."
-                RenderBlock {P} at (8,267) size 282x54
-                  RenderText {#text} at (0,0) size 282x53
-                    text run at (0,0) width 282: "The top of the yellow rectangle (to which"
-                    text run at (0,18) width 282: "this paragraph belongs) should be vertically"
-                    text run at (0,36) width 275: "aligned with the top of the green rectangle."
+                    text run at (165,36) width 118: "Due to settings on"
+                    text run at (0,54) width 283: "the 'float' and 'clear' properties, the two"
+                    text run at (0,72) width 283: "menus should appear on the left side of the"
+                    text run at (0,90) width 283: "page, the blue below the green. There"
+                    text run at (0,108) width 283: "should be a 10px gap between the two"
+                    text run at (0,126) width 283: "menus. There should also be a 10px gap"
+                    text run at (0,144) width 283: "between the top menu and the top of the"
+                    text run at (0,162) width 34: "page."
+                RenderBlock {P} at (8,267) size 283x54
+                  RenderText {#text} at (0,0) size 283x55
+                    text run at (0,0) width 283: "The top of the yellow rectangle (to which"
+                    text run at (0,18) width 283: "this paragraph belongs) should be vertically"
+                    text run at (0,36) width 269: "aligned with the top of the green rectangle."
index 009296a..370d215 100644 (file)
@@ -4,55 +4,55 @@ 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 784x18
-        RenderText {#text} at (0,0) size 363x17
-          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+        RenderText {#text} at (0,0) size 355x19
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x45
-        RenderText {#text} at (0,0) size 157x45
-          text run at (0,0) width 149: ".one {float: left;}"
-          text run at (148,0) width 1: " "
-          text run at (0,15) width 157: ".two {float: right;}"
-          text run at (156,15) width 1: " "
+        RenderText {#text} at (0,0) size 160x45
+          text run at (0,0) width 152: ".one {float: left;}"
+          text run at (152,0) width 0: " "
+          text run at (0,15) width 160: ".two {float: right;}"
+          text run at (160,15) width 0: " "
           text run at (0,30) width 0: " "
       RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
       RenderImage {IMG} at (0,102) size 15x50
       RenderBlock {P} at (0,110) size 784x36
-        RenderText {#text} at (15,0) size 738x35
-          text run at (15,0) width 611: "This text should be flowing past a tall orange rectangle on the left side of the browser window. "
-          text run at (625,0) width 128: "In this case, it is the"
-          text run at (15,18) width 260: "image which has been floated to the left."
+        RenderText {#text} at (15,0) size 764x37
+          text run at (15,0) width 599: "This text should be flowing past a tall orange rectangle on the left side of the browser window. "
+          text run at (614,0) width 165: "In this case, it is the image"
+          text run at (15,18) width 212: "which has been floated to the left."
       RenderBlock (anonymous) at (0,162) size 784x18
-        RenderBR {BR} at (0,0) size 0x17
+        RenderBR {BR} at (0,0) size 0x19
       RenderBlock {HR} at (0,188) size 784x2 [border: (1px inset #000000)]
       RenderImage {IMG} at (769,198) size 15x50
       RenderBlock {P} at (0,206) size 784x36
-        RenderText {#text} at (0,0) size 747x35
-          text run at (0,0) width 619: "This text should be flowing past a tall orange rectangle on the right side of the browser window. "
-          text run at (618,0) width 129: "In this case, it is the"
-          text run at (0,18) width 269: "image which has been floated to the right."
+        RenderText {#text} at (0,0) size 731x37
+          text run at (0,0) width 608: "This text should be flowing past a tall orange rectangle on the right side of the browser window. "
+          text run at (608,0) width 123: "In this case, it is the"
+          text run at (0,18) width 263: "image which has been floated to the right."
       RenderTable {TABLE} at (0,258) size 784x174 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 782x172
           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 163x17
-                RenderText {#text} at (4,4) size 163x17
+              RenderInline {STRONG} at (0,0) size 163x19
+                RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
           RenderTableRow {TR} at (0,26) size 782x146
             RenderTableCell {TD} at (0,86) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x17
+              RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
             RenderTableCell {TD} at (12,26) size 770x146 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderImage {IMG} at (4,4) size 15x50
               RenderBlock {P} at (4,4) size 762x36
-                RenderText {#text} at (15,0) size 738x35
-                  text run at (15,0) width 611: "This text should be flowing past a tall orange rectangle on the left side of the browser window. "
-                  text run at (625,0) width 128: "In this case, it is the"
-                  text run at (15,18) width 260: "image which has been floated to the left."
+                RenderText {#text} at (15,0) size 722x37
+                  text run at (15,0) width 599: "This text should be flowing past a tall orange rectangle on the left side of the browser window. "
+                  text run at (614,0) width 123: "In this case, it is the"
+                  text run at (15,18) width 254: "image which has been floated to the left."
               RenderBlock (anonymous) at (4,56) size 762x18
-                RenderBR {BR} at (0,0) size 0x17
+                RenderBR {BR} at (0,0) size 0x19
               RenderBlock {HR} at (4,82) size 762x2 [border: (1px inset #000000)]
               RenderImage {IMG} at (751,92) size 15x50
               RenderBlock {P} at (4,100) size 762x36
-                RenderText {#text} at (0,0) size 747x35
-                  text run at (0,0) width 619: "This text should be flowing past a tall orange rectangle on the right side of the browser window. "
-                  text run at (618,0) width 129: "In this case, it is the"
-                  text run at (0,18) width 269: "image which has been floated to the right."
+                RenderText {#text} at (0,0) size 731x37
+                  text run at (0,0) width 608: "This text should be flowing past a tall orange rectangle on the right side of the browser window. "
+                  text run at (608,0) width 123: "In this case, it is the"
+                  text run at (0,18) width 263: "image which has been floated to the right."
index 8079f50..e9bfcd1 100644 (file)
-layer at (0,0) size 784x1902
-  RenderView at (0,0) size 784x600
-layer at (0,0) size 784x1902
-  RenderBlock {HTML} at (0,0) size 784x1902
-    RenderBody {BODY} at (8,8) size 768x1886 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 768x18
-        RenderText {#text} at (0,0) size 363x17
-          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 768x135
-        RenderText {#text} at (0,0) size 547x135
-          text run at (0,0) width 336: "P.test {background: white; font-size: 20px;"
-          text run at (335,0) width 1: " "
-          text run at (0,15) width 547: "        margin-left: 30px; margin-right: 10px; padding: 0; border: 0;}"
-          text run at (546,15) width 1: " "
-          text run at (0,30) width 305: "IMG {padding: 0; border: 0; margin: 0;}"
-          text run at (304,30) width 1: " "
-          text run at (0,45) width 196: "P.test IMG {float: left;}"
-          text run at (195,45) width 1: " "
-          text run at (0,60) width 344: "#img2 {margin-top: 30px; margin-left: 30px;}"
-          text run at (343,60) width 1: " "
-          text run at (0,75) width 359: "#img3 {margin-top: -30px; margin-left: -30px;}"
-          text run at (358,75) width 1: " "
-          text run at (0,90) width 375: "#img4 {margin-right: 30px; margin-bottom: 30px;}"
-          text run at (374,90) width 1: " "
-          text run at (0,105) width 391: "#img5 {margin-right: -30px; margin-bottom: -30px;}"
-          text run at (390,105) width 1: " "
+layer at (0,0) size 785x1902
+  RenderView at (0,0) size 785x600
+layer at (0,0) size 785x1902
+  RenderBlock {HTML} at (0,0) size 785x1902
+    RenderBody {BODY} at (8,8) size 769x1886 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
+        RenderText {#text} at (0,0) size 355x19
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,34) size 769x135
+        RenderText {#text} at (0,0) size 560x135
+          text run at (0,0) width 344: "P.test {background: white; font-size: 20px;"
+          text run at (344,0) width 0: " "
+          text run at (0,15) width 560: "        margin-left: 30px; margin-right: 10px; padding: 0; border: 0;}"
+          text run at (560,15) width 0: " "
+          text run at (0,30) width 312: "IMG {padding: 0; border: 0; margin: 0;}"
+          text run at (312,30) width 0: " "
+          text run at (0,45) width 200: "P.test IMG {float: left;}"
+          text run at (200,45) width 0: " "
+          text run at (0,60) width 352: "#img2 {margin-top: 30px; margin-left: 30px;}"
+          text run at (352,60) width 0: " "
+          text run at (0,75) width 368: "#img3 {margin-top: -30px; margin-left: -30px;}"
+          text run at (368,75) width 0: " "
+          text run at (0,90) width 384: "#img4 {margin-right: 30px; margin-bottom: 30px;}"
+          text run at (384,90) width 0: " "
+          text run at (0,105) width 400: "#img5 {margin-right: -30px; margin-bottom: -30px;}"
+          text run at (400,105) width 0: " "
           text run at (0,120) width 0: " "
-      RenderBlock {HR} at (0,182) size 768x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (30,204) size 728x92 [bgcolor=#FFFFFF]
-        RenderText {#text} at (0,0) size 724x91
-          text run at (0,0) width 656: "This paragraph should have a white background which extends to the edges of the"
-          text run at (0,23) width 120: "element's box. "
-          text run at (119,23) width 438: "There is no padding set on this paragraph whatsoever. "
-          text run at (556,23) width 165: "If the background of"
-          text run at (0,46) width 724: "the entire box is not white, this may cause problems with the following tests; at any rate, it"
-          text run at (0,69) width 220: "must be taken into account."
-      RenderBlock {P} at (30,316) size 728x115 [bgcolor=#FFFFFF]
+      RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (30,204) size 729x92 [bgcolor=#FFFFFF]
+        RenderText {#text} at (0,0) size 708x92
+          text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the"
+          text run at (0,23) width 122: "element's box. "
+          text run at (122,23) width 442: "There is no padding set on this paragraph whatsoever. "
+          text run at (564,23) width 144: "If the background"
+          text run at (0,46) width 702: "of the entire box is not white, this may cause problems with the following tests; at any"
+          text run at (0,69) width 281: "rate, it must be taken into account."
+      RenderBlock {P} at (30,316) size 729x115 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (0,0) size 60x60
-        RenderText {#text} at (60,0) size 712x114
-          text run at (60,0) width 627: "The image in the upper left corner of this paragraph should be floated left, and"
-          text run at (60,23) width 118: "nothing more. "
-          text run at (177,23) width 535: "The edges of the white background should line up with the top and"
-          text run at (60,46) width 193: "left edges of the image. "
-          text run at (252,46) width 449: "This paragraph should have a white background, first of"
-          text run at (0,69) width 422: "all, which extends to the edges of the element's box. "
-          text run at (421,69) width 246: "There is no padding set on this"
-          text run at (0,92) width 182: "paragraph whatsoever."
-      RenderBlock {P} at (30,451) size 728x115 [bgcolor=#FFFFFF]
+        RenderText {#text} at (60,0) size 719x115
+          text run at (60,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
+          text run at (60,23) width 119: "nothing more. "
+          text run at (179,23) width 540: "The edges of the white background should line up with the top and"
+          text run at (60,46) width 196: "left edges of the image. "
+          text run at (256,46) width 454: "This paragraph should have a white background, first of"
+          text run at (0,69) width 428: "all, which extends to the edges of the element's box. "
+          text run at (428,69) width 249: "There is no padding set on this"
+          text run at (0,92) width 183: "paragraph whatsoever."
+      RenderBlock {P} at (30,451) size 729x115 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (30,30) size 60x60
-        RenderText {#text} at (90,0) size 724x114
-          text run at (90,0) width 608: "The image in the upper left corner of this paragraph should be pushed down"
-          text run at (90,23) width 601: "and to the right 30 pixels each from the upper left corner of the paragraph's"
-          text run at (90,46) width 399: "box, and displace the paragraph text accordingly. "
-          text run at (488,46) width 236: "This paragraph should have a"
-          text run at (90,69) width 629: "white background, first of all, which extends to the edges of the element's box."
-          text run at (0,92) width 432: "There is no padding set on this paragraph whatsoever."
-      RenderBlock {P} at (30,586) size 728x115 [bgcolor=#FFFFFF]
+        RenderText {#text} at (90,0) size 718x115
+          text run at (90,0) width 615: "The image in the upper left corner of this paragraph should be pushed down"
+          text run at (90,23) width 611: "and to the right 30 pixels each from the upper left corner of the paragraph's"
+          text run at (90,46) width 404: "box, and displace the paragraph text accordingly. "
+          text run at (494,46) width 224: "This paragraph should have"
+          text run at (90,69) width 613: "a white background, first of all, which extends to the edges of the element's"
+          text run at (0,92) width 40: "box. "
+          text run at (40,92) width 437: "There is no padding set on this paragraph whatsoever."
+      RenderBlock {P} at (30,586) size 729x115 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (-30,-30) size 60x60
-        RenderText {#text} at (30,0) size 710x114
-          text run at (30,0) width 667: "The image in the upper left corner of this paragraph should be pushed up and to the"
-          text run at (30,23) width 679: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing the"
-          text run at (0,46) width 624: "edges of the white background to align with the thick gray lines in the image. "
-          text run at (623,46) width 36: "This"
-          text run at (0,69) width 710: "paragraph should have a white background, first of all, which extends to the edges of the"
-          text run at (0,92) width 120: "element's box. "
-          text run at (119,92) width 433: "There is no padding set on this paragraph whatsoever."
-      RenderBlock {P} at (30,721) size 728x138 [bgcolor=#FFFFFF]
+        RenderText {#text} at (30,0) size 721x115
+          text run at (30,0) width 676: "The image in the upper left corner of this paragraph should be pushed up and to the"
+          text run at (30,23) width 691: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing the"
+          text run at (0,46) width 633: "edges of the white background to align with the thick gray lines in the image. "
+          text run at (633,46) width 36: "This"
+          text run at (0,69) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
+          text run at (0,92) width 122: "element's box. "
+          text run at (122,92) width 437: "There is no padding set on this paragraph whatsoever."
+      RenderBlock {P} at (30,721) size 729x138 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (0,0) size 60x60
-        RenderText {#text} at (90,0) size 722x137
-          text run at (90,0) width 627: "The image in the upper left corner of this paragraph should be floated left, and"
-          text run at (90,23) width 632: "the edges of the white background should line up with the top and left edges of"
-          text run at (90,46) width 89: "the image. "
-          text run at (178,46) width 533: "However, there should be 30 pixels of space between the right and"
-          text run at (90,69) width 483: "bottom edges of the image and the paragraph text around it. "
-          text run at (572,69) width 121: "This paragraph"
-          text run at (0,92) width 704: "should have a white background, first of all, which extends to the edges of the element's"
-          text run at (0,115) width 40: "box. "
-          text run at (40,115) width 432: "There is no padding set on this paragraph whatsoever."
-      RenderBlock {P} at (30,879) size 728x138 [bgcolor=#FFFFFF]
+        RenderText {#text} at (90,0) size 728x138
+          text run at (90,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
+          text run at (90,23) width 618: "the edges of the white background should line up with the top and left edges"
+          text run at (90,46) width 112: "of the image. "
+          text run at (202,46) width 504: "However, there should be 30 pixels of space between the right"
+          text run at (90,69) width 524: "and bottom edges of the image and the paragraph text around it. "
+          text run at (614,69) width 36: "This"
+          text run at (0,92) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
+          text run at (0,115) width 122: "element's box. "
+          text run at (122,115) width 437: "There is no padding set on this paragraph whatsoever."
+      RenderBlock {P} at (30,879) size 729x138 [bgcolor=#FFFFFF]
         RenderImage {IMG} at (0,0) size 60x60
-        RenderText {#text} at (30,0) size 722x137
-          text run at (30,0) width 657: "The image in the upper left corner of this paragraph should be floated left, and the"
-          text run at (30,23) width 691: "edges of the white background should line up with the top and left edges of the image."
-          text run at (0,46) width 696: "However, the text should overlap the image's right and bottom sides, lining up with the"
-          text run at (0,69) width 238: "thick gray lines in the image. "
-          text run at (237,69) width 479: "This paragraph should have a white background, first of all,"
-          text run at (0,92) width 392: "which extends to the edges of the element's box. "
-          text run at (391,92) width 331: "There is no padding set on this paragraph"
-          text run at (0,115) width 97: "whatsoever."
-      RenderTable {TABLE} at (0,1037) size 768x849 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 766x847
-          RenderTableRow {TR} at (0,0) size 766x26
-            RenderTableCell {TD} at (0,0) size 766x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 163x17
-                RenderText {#text} at (4,4) size 163x17
+        RenderText {#text} at (30,0) size 706x138
+          text run at (30,0) width 668: "The image in the upper left corner of this paragraph should be floated left, and the"
+          text run at (30,23) width 640: "edges of the white background should line up with the top and left edges of the"
+          text run at (0,46) width 60: "image. "
+          text run at (60,46) width 636: "However, the text should overlap the image's right and bottom sides, lining up"
+          text run at (0,69) width 313: "with the thick gray lines in the image. "
+          text run at (313,69) width 393: "This paragraph should have a white background,"
+          text run at (0,92) width 489: "first of all, which extends to the edges of the element's box. "
+          text run at (489,92) width 214: "There is no padding set on"
+          text run at (0,115) width 218: "this paragraph whatsoever."
+      RenderTable {TABLE} at (0,1037) size 769x849 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 767x847
+          RenderTableRow {TR} at (0,0) size 767x26
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x19
+                RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,26) size 766x821
+          RenderTableRow {TR} at (0,26) size 767x821
             RenderTableCell {TD} at (0,423) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x17
+              RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 754x821 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (34,4) size 706x92 [bgcolor=#FFFFFF]
-                RenderText {#text} at (0,0) size 699x91
-                  text run at (0,0) width 656: "This paragraph should have a white background which extends to the edges of the"
-                  text run at (0,23) width 120: "element's box. "
-                  text run at (119,23) width 438: "There is no padding set on this paragraph whatsoever. "
-                  text run at (556,23) width 143: "If the background"
-                  text run at (0,46) width 690: "of the entire box is not white, this may cause problems with the following tests; at any"
-                  text run at (0,69) width 276: "rate, it must be taken into account."
-              RenderBlock {P} at (34,116) size 706x115 [bgcolor=#FFFFFF]
+            RenderTableCell {TD} at (12,26) size 755x821 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (34,4) size 707x92 [bgcolor=#FFFFFF]
+                RenderText {#text} at (0,0) size 700x92
+                  text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the"
+                  text run at (0,23) width 122: "element's box. "
+                  text run at (122,23) width 442: "There is no padding set on this paragraph whatsoever. "
+                  text run at (564,23) width 44: "If the"
+                  text run at (0,46) width 700: "background of the entire box is not white, this may cause problems with the following"
+                  text run at (0,69) width 383: "tests; at any rate, it must be taken into account."
+              RenderBlock {P} at (34,116) size 707x115 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (0,0) size 60x60
-                RenderText {#text} at (60,0) size 692x114
-                  text run at (60,0) width 627: "The image in the upper left corner of this paragraph should be floated left, and"
-                  text run at (60,23) width 118: "nothing more. "
-                  text run at (177,23) width 501: "The edges of the white background should line up with the top"
-                  text run at (60,46) width 227: "and left edges of the image. "
-                  text run at (286,46) width 390: "This paragraph should have a white background,"
-                  text run at (0,69) width 481: "first of all, which extends to the edges of the element's box. "
-                  text run at (480,69) width 212: "There is no padding set on"
-                  text run at (0,92) width 215: "this paragraph whatsoever."
-              RenderBlock {P} at (34,251) size 706x115 [bgcolor=#FFFFFF]
+                RenderText {#text} at (60,0) size 703x115
+                  text run at (60,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
+                  text run at (60,23) width 119: "nothing more. "
+                  text run at (179,23) width 506: "The edges of the white background should line up with the top"
+                  text run at (60,46) width 230: "and left edges of the image. "
+                  text run at (290,46) width 393: "This paragraph should have a white background,"
+                  text run at (0,69) width 489: "first of all, which extends to the edges of the element's box. "
+                  text run at (489,69) width 214: "There is no padding set on"
+                  text run at (0,92) width 218: "this paragraph whatsoever."
+              RenderBlock {P} at (34,251) size 707x115 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (30,30) size 60x60
-                RenderText {#text} at (90,0) size 698x114
-                  text run at (90,0) width 608: "The image in the upper left corner of this paragraph should be pushed down"
-                  text run at (90,23) width 601: "and to the right 30 pixels each from the upper left corner of the paragraph's"
-                  text run at (90,46) width 399: "box, and displace the paragraph text accordingly. "
-                  text run at (488,46) width 180: "This paragraph should"
-                  text run at (90,69) width 566: "have a white background, first of all, which extends to the edges of the"
-                  text run at (0,92) width 120: "element's box. "
-                  text run at (119,92) width 433: "There is no padding set on this paragraph whatsoever."
-              RenderBlock {P} at (34,386) size 706x115 [bgcolor=#FFFFFF]
+                RenderText {#text} at (90,0) size 705x115
+                  text run at (90,0) width 615: "The image in the upper left corner of this paragraph should be pushed down"
+                  text run at (90,23) width 611: "and to the right 30 pixels each from the upper left corner of the paragraph's"
+                  text run at (90,46) width 404: "box, and displace the paragraph text accordingly. "
+                  text run at (494,46) width 181: "This paragraph should"
+                  text run at (90,69) width 574: "have a white background, first of all, which extends to the edges of the"
+                  text run at (0,92) width 122: "element's box. "
+                  text run at (122,92) width 437: "There is no padding set on this paragraph whatsoever."
+              RenderBlock {P} at (34,386) size 707x115 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (-30,-30) size 60x60
-                RenderText {#text} at (30,0) size 697x114
-                  text run at (30,0) width 667: "The image in the upper left corner of this paragraph should be pushed up and to the"
-                  text run at (30,23) width 650: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing"
-                  text run at (0,46) width 653: "the edges of the white background to align with the thick gray lines in the image. "
-                  text run at (652,46) width 37: "This"
-                  text run at (0,69) width 680: "paragraph should have a white background, first of all, which extends to the edges of"
-                  text run at (0,92) width 150: "the element's box. "
-                  text run at (149,92) width 432: "There is no padding set on this paragraph whatsoever."
-              RenderBlock {P} at (34,521) size 706x138 [bgcolor=#FFFFFF]
+                RenderText {#text} at (30,0) size 706x115
+                  text run at (30,0) width 676: "The image in the upper left corner of this paragraph should be pushed up and to the"
+                  text run at (30,23) width 661: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing"
+                  text run at (0,46) width 663: "the edges of the white background to align with the thick gray lines in the image. "
+                  text run at (663,46) width 36: "This"
+                  text run at (0,69) width 689: "paragraph should have a white background, first of all, which extends to the edges of"
+                  text run at (0,92) width 152: "the element's box. "
+                  text run at (152,92) width 437: "There is no padding set on this paragraph whatsoever."
+              RenderBlock {P} at (34,521) size 707x138 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (0,0) size 60x60
-                RenderText {#text} at (90,0) size 706x137
-                  text run at (90,0) width 594: "The image in the upper left corner of this paragraph should be floated left,"
-                  text run at (90,23) width 594: "and the edges of the white background should line up with the top and left"
-                  text run at (90,46) width 161: "edges of the image. "
-                  text run at (250,46) width 456: "However, there should be 30 pixels of space between the"
-                  text run at (90,69) width 559: "right and bottom edges of the image and the paragraph text around it. "
-                  text run at (648,69) width 37: "This"
-                  text run at (0,92) width 680: "paragraph should have a white background, first of all, which extends to the edges of"
-                  text run at (0,115) width 150: "the element's box. "
-                  text run at (149,115) width 432: "There is no padding set on this paragraph whatsoever."
-              RenderBlock {P} at (34,679) size 706x138 [bgcolor=#FFFFFF]
+                RenderText {#text} at (90,0) size 694x138
+                  text run at (90,0) width 604: "The image in the upper left corner of this paragraph should be floated left,"
+                  text run at (90,23) width 601: "and the edges of the white background should line up with the top and left"
+                  text run at (90,46) width 163: "edges of the image. "
+                  text run at (253,46) width 430: "However, there should be 30 pixels of space between"
+                  text run at (90,69) width 593: "the right and bottom edges of the image and the paragraph text around it."
+                  text run at (0,92) width 657: "This paragraph should have a white background, first of all, which extends to the"
+                  text run at (0,115) width 225: "edges of the element's box. "
+                  text run at (225,115) width 437: "There is no padding set on this paragraph whatsoever."
+              RenderBlock {P} at (34,679) size 707x138 [bgcolor=#FFFFFF]
                 RenderImage {IMG} at (0,0) size 60x60
-                RenderText {#text} at (30,0) size 697x137
-                  text run at (30,0) width 657: "The image in the upper left corner of this paragraph should be floated left, and the"
-                  text run at (30,23) width 632: "edges of the white background should line up with the top and left edges of the"
-                  text run at (0,46) width 59: "image. "
-                  text run at (58,46) width 627: "However, the text should overlap the image's right and bottom sides, lining up"
-                  text run at (0,69) width 308: "with the thick gray lines in the image. "
-                  text run at (307,69) width 390: "This paragraph should have a white background,"
-                  text run at (0,92) width 481: "first of all, which extends to the edges of the element's box. "
-                  text run at (480,92) width 212: "There is no padding set on"
-                  text run at (0,115) width 215: "this paragraph whatsoever."
+                RenderText {#text} at (30,0) size 706x138
+                  text run at (30,0) width 668: "The image in the upper left corner of this paragraph should be floated left, and the"
+                  text run at (30,23) width 640: "edges of the white background should line up with the top and left edges of the"
+                  text run at (0,46) width 60: "image. "
+                  text run at (60,46) width 636: "However, the text should overlap the image's right and bottom sides, lining up"
+                  text run at (0,69) width 313: "with the thick gray lines in the image. "
+                  text run at (313,69) width 393: "This paragraph should have a white background,"
+                  text run at (0,92) width 489: "first of all, which extends to the edges of the element's box. "
+                  text run at (489,92) width 214: "There is no padding set on"
+                  text run at (0,115) width 218: "this paragraph whatsoever."
index 34ef0ce..376887f 100644 (file)
-layer at (0,0) size 784x2786
-  RenderView at (0,0) size 784x600
-layer at (0,0) size 784x2786
-  RenderBlock {HTML} at (0,0) size 784x2786
-    RenderBody {BODY} at (8,8) size 768x2770 [bgcolor=#CCCCCC]
+layer at (0,0) size 785x2712
+  RenderView at (0,0) size 785x600
+layer at (0,0) size 785x2712
+  RenderBlock {HTML} at (0,0) size 785x2712
+    RenderBody {BODY} at (8,8) size 769x2696 [bgcolor=#CCCCCC]
       RenderBlock (floating) {P} at (0,0) size 384x36 [bgcolor=#FFFF00]
-        RenderText {#text} at (0,0) size 384x35
+        RenderText {#text} at (0,0) size 384x37
           text run at (0,0) width 384: "This paragraph is of class \"one\". It has a width of 50% and"
-          text run at (0,18) width 129: "is floated to the left."
-      RenderBlock {P} at (0,0) size 768x90
-        RenderText {#text} at (384,0) size 768x89
-          text run at (384,0) width 384: "This paragraph should start on the right side of a yellow"
-          text run at (384,18) width 384: "box which contains the previous paragraph. Since the text"
-          text run at (0,36) width 768: "of this element is much longer than the text in the previous element, the text will wrap around the yellow box. There is"
-          text run at (0,54) width 768: "no padding, border or margins on this and the previous element, so the text of the two elements should be very close to"
-          text run at (0,72) width 71: "each other."
-      RenderBlock (anonymous) at (0,90) size 768x18
-        RenderBR {BR} at (0,0) size 0x17
-      RenderBlock {HR} at (0,116) size 768x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {P} at (0,126) size 768x72 [bgcolor=#FFFF00]
-        RenderText {#text} at (0,0) size 768x71
-          text run at (0,0) width 768: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
-          text run at (0,18) width 768: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides"
-          text run at (0,36) width 768: "and a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added"
-          text run at (0,54) width 265: "to this paragraph for diagnostic purposes."
-      RenderBlock (anonymous) at (0,126) size 768x91
+          text run at (0,18) width 124: "is floated to the left."
+      RenderBlock {P} at (0,0) size 769x90
+        RenderText {#text} at (384,0) size 769x91
+          text run at (384,0) width 385: "This paragraph should start on the right side of a yellow box"
+          text run at (384,18) width 385: "which contains the previous paragraph. Since the text of this"
+          text run at (0,36) width 769: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There is no"
+          text run at (0,54) width 769: "padding, border or margins on this and the previous element, so the text of the two elements should be very close to each"
+          text run at (0,72) width 36: "other."
+      RenderBlock (anonymous) at (0,90) size 769x18
+        RenderBR {BR} at (0,0) size 0x19
+      RenderBlock {HR} at (0,116) size 769x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (0,126) size 769x72 [bgcolor=#FFFF00]
+        RenderText {#text} at (0,0) size 769x73
+          text run at (0,0) width 769: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
+          text run at (0,18) width 769: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides and a"
+          text run at (0,36) width 769: "orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added to this"
+          text run at (0,54) width 217: "paragraph for diagnostic purposes."
+      RenderBlock (anonymous) at (0,126) size 769x90
         RenderImage {IMG} at (0,72) size 15x15
-        RenderText {#text} at (15,73) size 4x17
-          text run at (15,73) width 4: " "
+        RenderText {#text} at (15,72) size 4x19
+          text run at (15,72) width 4: " "
         RenderBR {BR} at (19,87) size 0x0
-      RenderBlock {HR} at (0,225) size 768x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {P} at (0,235) size 384x108 [bgcolor=#FFFF00]
-        RenderText {#text} at (0,0) size 384x107
+      RenderBlock {HR} at (0,224) size 769x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (0,234) size 384x108 [bgcolor=#FFFF00]
+        RenderText {#text} at (0,0) size 384x109
           text run at (0,0) width 384: "This paragraph is floated to the left and the orange square"
           text run at (0,18) width 384: "image should appear to the right of the paragraph. This"
           text run at (0,36) width 384: "paragraph has a yellow background and no padding, margin"
           text run at (0,54) width 384: "or border. The right edge of this yellow box should be"
           text run at (0,72) width 384: "horizontally aligned with the left edge of the yellow box"
-          text run at (0,90) width 81: "undernearth."
-      RenderBlock (anonymous) at (0,235) size 768x108
+          text run at (0,90) width 79: "undernearth."
+      RenderBlock (anonymous) at (0,234) size 769x108
         RenderImage {IMG} at (384,0) size 15x15
-        RenderText {#text} at (399,1) size 4x17
-          text run at (399,1) width 4: " "
+        RenderText {#text} at (399,0) size 4x19
+          text run at (399,0) width 4: " "
         RenderBR {BR} at (403,15) size 0x0
-      RenderBlock {HR} at (0,351) size 768x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {P} at (384,361) size 384x108 [bgcolor=#FFFF00]
-        RenderText {#text} at (0,0) size 384x107
+      RenderBlock {HR} at (0,350) size 769x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (385,360) size 384x108 [bgcolor=#FFFF00]
+        RenderText {#text} at (0,0) size 384x109
           text run at (0,0) width 384: "This paragraph is floated to the right (using a STYLE"
           text run at (0,18) width 384: "attribute) and the orange square image should appear to the"
           text run at (0,36) width 384: "left of the paragraph. This paragraph has a yellow"
-          text run at (0,54) width 384: "background and no padding, margin or border. The left"
-          text run at (0,72) width 384: "edge of this yellow box should be horizonally aligned with"
-          text run at (0,90) width 251: "the right edge of the yellow box above."
-      RenderBlock (anonymous) at (0,361) size 768x108
+          text run at (0,54) width 384: "background and no padding, margin or border. The left edge"
+          text run at (0,72) width 384: "of this yellow box should be horizonally aligned with the"
+          text run at (0,90) width 224: "right edge of the yellow box above."
+      RenderBlock (anonymous) at (0,360) size 769x108
         RenderImage {IMG} at (0,0) size 15x15
-        RenderText {#text} at (15,1) size 4x17
-          text run at (15,1) width 4: " "
+        RenderText {#text} at (15,0) size 4x19
+          text run at (15,0) width 4: " "
         RenderBR {BR} at (19,15) size 0x0
-      RenderBlock {HR} at (0,477) size 768x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,487) size 768x72
+      RenderBlock {HR} at (0,476) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,486) size 769x54
         RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
-          RenderText {#text} at (0,0) size 22x36
-            text run at (0,0) width 22: "T"
-        RenderText {#text} at (48,0) size 768x71
-          text run at (48,0) width 720: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as"
-          text run at (48,18) width 529: "well as bold, with a content width of 1.5em and a background-color of silver. "
-          text run at (576,18) width 192: "The top of the big letter \"T\""
-          text run at (48,36) width 720: "should be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-"
-          text run at (0,54) width 33: "cap\"."
-      RenderBlock (anonymous) at (0,559) size 768x18
-        RenderBR {BR} at (0,0) size 0x17
-      RenderBlock {HR} at (0,585) size 768x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {P} at (422,605) size 336x214 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
-        RenderText {#text} at (8,8) size 320x197
+          RenderText {#text} at (0,0) size 21x36
+            text run at (0,0) width 21: "T"
+        RenderText {#text} at (48,0) size 721x55
+          text run at (48,0) width 721: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as"
+          text run at (48,18) width 496: "well as bold, with a content width of 1.5em and a background-color of silver. "
+          text run at (544,18) width 225: "The top of the big letter \"T\" should"
+          text run at (48,36) width 675: "be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
+      RenderBlock (anonymous) at (0,540) size 769x18
+        RenderBR {BR} at (0,0) size 0x19
+      RenderBlock {HR} at (0,566) size 769x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {P} at (423,586) size 336x196 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+        RenderText {#text} at (8,8) size 320x181
           text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
-          text run at (8,26) width 320: "of like a 'sidebar' in a magazine article. Its width"
-          text run at (8,44) width 320: "is 20em so the box should not be reformatted"
-          text run at (8,62) width 320: "when the size of the viewport is changed (e.g."
-          text run at (8,80) width 320: "when the window is resized). The background"
-          text run at (8,98) width 320: "color of the element is yellow, and there should"
-          text run at (8,116) width 320: "be a 3px solid red border outside a 5px wide"
-          text run at (8,134) width 320: "padding. Also, the element has a 10px wide"
-          text run at (8,152) width 320: "margin around it where the blue background of"
-          text run at (8,170) width 320: "the paragraph in the normal flow should shine"
-          text run at (8,188) width 54: "through."
-      RenderBlock {P} at (0,595) size 768x216 [bgcolor=#66CCFF]
-        RenderText {#text} at (0,0) size 412x215
-          text run at (0,0) width 412: "This paragraph is not floating. If there is enough room, the"
-          text run at (0,18) width 412: "textual content of the paragraph should appear on the left side"
-          text run at (0,36) width 236: "of the yellow \"sidebar\" on the right. "
-          text run at (235,36) width 177: "The content of this element"
-          text run at (0,54) width 273: "should flow around the floated element. "
-          text run at (272,54) width 140: "However, the floated"
-          text run at (0,72) width 412: "element may or may not be obscured by the blue background of"
-          text run at (0,90) width 412: "this element, as the specification does not say which is drawn"
-          text run at (0,108) width 64: "\"on top.\" "
-          text run at (63,108) width 349: "Even if the floated element is obscured, it still forces"
-          text run at (0,126) width 322: "the content of this element to flow around it. "
-          text run at (321,126) width 91: "If the floated"
-          text run at (0,144) width 412: "element is not obscured, then the blue rectangle of this"
-          text run at (0,162) width 412: "paragraph should extend 10px above and to the right of the"
-          text run at (0,180) width 412: "sidebar's red border, due to the margin styles set for the floated"
-          text run at (0,198) width 55: "element."
-      RenderBlock (anonymous) at (0,811) size 768x18
-        RenderBR {BR} at (0,0) size 0x17
-      RenderBlock {HR} at (0,837) size 768x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (0,847) size 768x26 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
-        RenderBlock (floating) {DIV} at (424,14) size 330x244 [bgcolor=#FFFF00]
-          RenderBlock {P} at (5,5) size 320x234
-            RenderText {#text} at (0,0) size 320x233
+          text run at (8,26) width 320: "of like a 'sidebar' in a magazine article. Its width is"
+          text run at (8,44) width 320: "20em so the box should not be reformatted when"
+          text run at (8,62) width 320: "the size of the viewport is changed (e.g. when the"
+          text run at (8,80) width 320: "window is resized). The background color of the"
+          text run at (8,98) width 320: "element is yellow, and there should be a 3px solid"
+          text run at (8,116) width 320: "red border outside a 5px wide padding. Also, the"
+          text run at (8,134) width 320: "element has a 10px wide margin around it where"
+          text run at (8,152) width 320: "the blue background of the paragraph in the"
+          text run at (8,170) width 217: "normal flow should shine through."
+      RenderBlock {P} at (0,576) size 769x198 [bgcolor=#66CCFF]
+        RenderText {#text} at (0,0) size 413x199
+          text run at (0,0) width 413: "This paragraph is not floating. If there is enough room, the textual"
+          text run at (0,18) width 413: "content of the paragraph should appear on the left side of the"
+          text run at (0,36) width 193: "yellow \"sidebar\" on the right. "
+          text run at (193,36) width 220: "The content of this element should"
+          text run at (0,54) width 219: "flow around the floated element. "
+          text run at (219,54) width 194: "However, the floated element"
+          text run at (0,72) width 413: "may or may not be obscured by the blue background of this"
+          text run at (0,90) width 413: "element, as the specification does not say which is drawn \"on"
+          text run at (0,108) width 37: "top.\" "
+          text run at (37,108) width 376: "Even if the floated element is obscured, it still forces the"
+          text run at (0,126) width 263: "content of this element to flow around it. "
+          text run at (263,126) width 150: "If the floated element is"
+          text run at (0,144) width 413: "not obscured, then the blue rectangle of this paragraph should"
+          text run at (0,162) width 413: "extend 10px above and to the right of the sidebar's red border,"
+          text run at (0,180) width 319: "due to the margin styles set for the floated element."
+      RenderBlock (anonymous) at (0,774) size 769x18
+        RenderBR {BR} at (0,0) size 0x19
+      RenderBlock {HR} at (0,800) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (0,810) size 769x26 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+        RenderBlock (floating) {DIV} at (425,14) size 330x226 [bgcolor=#FFFF00]
+          RenderBlock {P} at (5,5) size 320x216
+            RenderText {#text} at (0,0) size 320x217
               text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
-              text run at (0,18) width 320: "which is floated to the right. The width of the"
-              text run at (0,36) width 320: "DIV element is 20em. The background is yellow"
-              text run at (0,54) width 320: "and there is a 5px padding, a 10px margin and no"
+              text run at (0,18) width 320: "which is floated to the right. The width of the DIV"
+              text run at (0,36) width 320: "element is 20em. The background is yellow and"
+              text run at (0,54) width 320: "there is a 5px padding, a 10px margin and no"
               text run at (0,72) width 320: "border. Since it is floated, the yellow box should"
               text run at (0,90) width 320: "be rendered on top of the background and borders"
-              text run at (0,108) width 320: "of adjacent non-floated elements. To the left of"
-              text run at (0,126) width 320: "this yellow box there should be a short paragraph"
-              text run at (0,144) width 320: "with a blue background and a red border. The"
-              text run at (0,162) width 320: "yellow box should be rendered on top of the"
-              text run at (0,180) width 320: "bottom red border. I.e., the bottom red border will"
-              text run at (0,198) width 320: "appear broken where it's overlaid by the yellow"
-              text run at (0,216) width 63: "rectangle."
-        RenderBlock {P} at (4,4) size 760x18
-          RenderText {#text} at (0,0) size 274x17
-            text run at (0,0) width 274: "See description in the box on the right side"
-      RenderBlock (anonymous) at (0,873) size 768x242
-        RenderBR {BR} at (0,0) size 0x17
-      RenderBlock {HR} at (0,1123) size 768x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {DIV} at (0,1133) size 192x72 [bgcolor=#66CCFF]
+              text run at (0,108) width 320: "of adjacent non-floated elements. To the left of this"
+              text run at (0,126) width 320: "yellow box there should be a short paragraph with"
+              text run at (0,144) width 320: "a blue background and a red border. The yellow"
+              text run at (0,162) width 320: "box should be rendered on top of the bottom red"
+              text run at (0,180) width 320: "border. I.e., the bottom red border will appear"
+              text run at (0,198) width 318: "broken where it's overlaid by the yellow rectangle."
+        RenderBlock {P} at (4,4) size 761x18
+          RenderText {#text} at (0,0) size 268x19
+            text run at (0,0) width 268: "See description in the box on the right side"
+      RenderBlock (anonymous) at (0,836) size 769x224
+        RenderBR {BR} at (0,0) size 0x19
+      RenderBlock {HR} at (0,1068) size 769x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {DIV} at (0,1078) size 192x72 [bgcolor=#66CCFF]
         RenderBlock {P} at (0,0) size 192x72
-          RenderText {#text} at (0,0) size 192x71
+          RenderText {#text} at (0,0) size 192x73
             text run at (0,0) width 192: "This paragraph is inside a"
             text run at (0,18) width 192: "DIV which is floated left. Its"
             text run at (0,36) width 192: "background is blue and the"
-            text run at (0,54) width 89: "width is 25%."
-      RenderBlock (floating) {DIV} at (576,1133) size 192x72 [bgcolor=#FFFF00]
+            text run at (0,54) width 87: "width is 25%."
+      RenderBlock (floating) {DIV} at (577,1078) size 192x72 [bgcolor=#FFFF00]
         RenderBlock {P} at (0,0) size 192x72
-          RenderText {#text} at (0,0) size 192x71
+          RenderText {#text} at (0,0) size 192x73
             text run at (0,0) width 192: "This paragraph is inside a"
-            text run at (0,18) width 192: "DIV which is floated right."
-            text run at (0,36) width 21: "Its "
-            text run at (21,36) width 171: "background is yellow and"
-            text run at (0,54) width 112: "the width is 25%."
-      RenderBlock {P} at (0,1133) size 768x36
-        RenderText {#text} at (192,0) size 384x35
-          text run at (192,0) width 384: "This paragraph should appear between a blue box (on the"
-          text run at (192,18) width 31: "left) "
-          text run at (222,18) width 203: "and a yellow box (on the right)."
-      RenderBlock (anonymous) at (0,1169) size 768x36
-        RenderBR {BR} at (192,0) size 0x17
-      RenderBlock {HR} at (0,1213) size 768x2 [border: (1px inset #000000)]
-      RenderBlock (floating) {DIV} at (0,1223) size 576x126 [bgcolor=#66CCFF]
+            text run at (0,18) width 192: "DIV which is floated right. Its"
+            text run at (0,36) width 192: "background is yellow and the"
+            text run at (0,54) width 87: "width is 25%."
+      RenderBlock {P} at (0,1078) size 769x36
+        RenderText {#text} at (192,0) size 385x37
+          text run at (192,0) width 385: "This paragraph should appear between a blue box (on the"
+          text run at (192,18) width 29: "left) "
+          text run at (221,18) width 199: "and a yellow box (on the right)."
+      RenderBlock (anonymous) at (0,1114) size 769x36
+        RenderBR {BR} at (192,0) size 0x19
+      RenderBlock {HR} at (0,1158) size 769x2 [border: (1px inset #000000)]
+      RenderBlock (floating) {DIV} at (0,1168) size 576x126 [bgcolor=#66CCFF]
         RenderBlock (floating) {DIV} at (422,0) size 144x36 [bgcolor=#FFFF00]
           RenderBlock {P} at (0,0) size 144x36
-            RenderText {#text} at (0,0) size 144x35
+            RenderText {#text} at (0,0) size 144x37
               text run at (0,0) width 144: "See description in the"
-              text run at (0,18) width 127: "box on the left side."
+              text run at (0,18) width 124: "box on the left side."
         RenderBlock {P} at (0,0) size 576x126
-          RenderText {#text} at (0,0) size 576x125
+          RenderText {#text} at (0,0) size 576x127
             text run at (0,0) width 422: "This paragraph is inside a DIV which is floated left. The"
             text run at (0,18) width 422: "background of the DIV element is blue and its width is 75%. This"
-            text run at (0,36) width 406: "text should all be inside the blue rectangle. The blue DIV "
-            text run at (405,36) width 171: "element has another DIV"
-            text run at (0,54) width 224: "element as a child. It has a yellow "
-            text run at (223,54) width 353: "background color and is floated to the right. Since it is"
-            text run at (0,72) width 12: "a "
-            text run at (11,72) width 410: "child of the blue DIV, the yellow DIV should appear inside the "
-            text run at (420,72) width 156: "blue rectangle. Due to it"
-            text run at (0,90) width 253: "being floated to the right and having "
-            text run at (252,90) width 324: "a 10px right margin, the yellow rectange should"
-            text run at (0,108) width 113: "have a 10px blue "
-            text run at (112,108) width 144: "stripe on its right side."
-      RenderBlock (anonymous) at (0,1223) size 768x126
-        RenderBR {BR} at (576,0) size 0x17
-      RenderBlock {HR} at (0,1357) size 768x2 [border: (1px inset #000000)]
-      RenderTable {TABLE} at (0,1367) size 768x1403 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 766x1401
-          RenderTableRow {TR} at (0,0) size 766x26
-            RenderTableCell {TD} at (0,0) size 766x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 163x17
-                RenderText {#text} at (4,4) size 163x17
+            text run at (0,36) width 364: "text should all be inside the blue rectangle. The blue DIV "
+            text run at (364,36) width 212: "element has another DIV element"
+            text run at (0,54) width 166: "as a child. It has a yellow "
+            text run at (166,54) width 361: "background color and is floated to the right. Since it is a "
+            text run at (527,54) width 49: "child of"
+            text run at (0,72) width 374: "the blue DIV, the yellow DIV should appear inside the "
+            text run at (374,72) width 202: "blue rectangle. Due to it being"
+            text run at (0,90) width 193: "floated to the right and having "
+            text run at (193,90) width 383: "a 10px right margin, the yellow rectange should have a 10px"
+            text run at (0,108) width 31: "blue "
+            text run at (31,108) width 138: "stripe on its right side."
+      RenderBlock (anonymous) at (0,1168) size 769x126
+        RenderBR {BR} at (576,0) size 0x19
+      RenderBlock {HR} at (0,1302) size 769x2 [border: (1px inset #000000)]
+      RenderTable {TABLE} at (0,1312) size 769x1384 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 767x1382
+          RenderTableRow {TR} at (0,0) size 767x26
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x19
+                RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,26) size 766x1375
-            RenderTableCell {TD} at (0,700) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x17
+          RenderTableRow {TR} at (0,26) size 767x1356
+            RenderTableCell {TD} at (0,691) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 754x1375 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,26) size 755x1356 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock (floating) {P} at (4,4) size 373x36 [bgcolor=#FFFF00]
-                RenderText {#text} at (0,0) size 373x35
-                  text run at (0,0) width 373: "This paragraph is of class \"one\". It has a width of 50%"
-                  text run at (0,18) width 156: "and is floated to the left."
-              RenderBlock {P} at (4,4) size 746x90
-                RenderText {#text} at (373,0) size 746x89
-                  text run at (373,0) width 373: "This paragraph should start on the right side of a yellow"
-                  text run at (373,18) width 373: "box which contains the previous paragraph. Since the text"
-                  text run at (0,36) width 746: "of this element is much longer than the text in the previous element, the text will wrap around the yellow box. There"
-                  text run at (0,54) width 746: "is no padding, border or margins on this and the previous element, so the text of the two elements should be very"
-                  text run at (0,72) width 124: "close to each other."
-              RenderBlock (anonymous) at (4,94) size 746x18
-                RenderBR {BR} at (0,0) size 0x17
-              RenderBlock {HR} at (4,120) size 746x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {P} at (4,130) size 746x72 [bgcolor=#FFFF00]
-                RenderText {#text} at (0,0) size 746x71
-                  text run at (0,0) width 746: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its"
-                  text run at (0,18) width 746: "parent element allows it to be. Therefore, even though the element is floated, there is no room for other content on"
-                  text run at (0,36) width 746: "the sides and a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has"
-                  text run at (0,54) width 342: "been added to this paragraph for diagnostic purposes."
-              RenderBlock (anonymous) at (4,130) size 746x91
+                RenderText {#text} at (0,0) size 373x37
+                  text run at (0,0) width 373: "This paragraph is of class \"one\". It has a width of 50% and"
+                  text run at (0,18) width 124: "is floated to the left."
+              RenderBlock {P} at (4,4) size 747x90
+                RenderText {#text} at (373,0) size 747x91
+                  text run at (373,0) width 374: "This paragraph should start on the right side of a yellow"
+                  text run at (373,18) width 374: "box which contains the previous paragraph. Since the text"
+                  text run at (0,36) width 747: "of this element is much longer than the text in the previous element, the text will wrap around the yellow box. There is"
+                  text run at (0,54) width 747: "no padding, border or margins on this and the previous element, so the text of the two elements should be very close to"
+                  text run at (0,72) width 69: "each other."
+              RenderBlock (anonymous) at (4,94) size 747x18
+                RenderBR {BR} at (0,0) size 0x19
+              RenderBlock {HR} at (4,120) size 747x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (4,130) size 747x72 [bgcolor=#FFFF00]
+                RenderText {#text} at (0,0) size 747x73
+                  text run at (0,0) width 747: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
+                  text run at (0,18) width 747: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides"
+                  text run at (0,36) width 747: "and a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added"
+                  text run at (0,54) width 259: "to this paragraph for diagnostic purposes."
+              RenderBlock (anonymous) at (4,130) size 747x90
                 RenderImage {IMG} at (0,72) size 15x15
-                RenderText {#text} at (15,73) size 4x17
-                  text run at (15,73) width 4: " "
+                RenderText {#text} at (15,72) size 4x19
+                  text run at (15,72) width 4: " "
                 RenderBR {BR} at (19,87) size 0x0
-              RenderBlock {HR} at (4,229) size 746x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {P} at (4,239) size 373x108 [bgcolor=#FFFF00]
-                RenderText {#text} at (0,0) size 373x107
+              RenderBlock {HR} at (4,228) size 747x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (4,238) size 373x108 [bgcolor=#FFFF00]
+                RenderText {#text} at (0,0) size 373x109
                   text run at (0,0) width 373: "This paragraph is floated to the left and the orange square"
                   text run at (0,18) width 373: "image should appear to the right of the paragraph. This"
                   text run at (0,36) width 373: "paragraph has a yellow background and no padding,"
-                  text run at (0,54) width 373: "margin or border. The right edge of this yellow box"
-                  text run at (0,72) width 373: "should be horizontally aligned with the left edge of the"
-                  text run at (0,90) width 156: "yellow box undernearth."
-              RenderBlock (anonymous) at (4,239) size 746x108
+                  text run at (0,54) width 373: "margin or border. The right edge of this yellow box should"
+                  text run at (0,72) width 373: "be horizontally aligned with the left edge of the yellow box"
+                  text run at (0,90) width 79: "undernearth."
+              RenderBlock (anonymous) at (4,238) size 747x108
                 RenderImage {IMG} at (373,0) size 15x15
-                RenderText {#text} at (388,1) size 4x17
-                  text run at (388,1) width 4: " "
+                RenderText {#text} at (388,0) size 4x19
+                  text run at (388,0) width 4: " "
                 RenderBR {BR} at (392,15) size 0x0
-              RenderBlock {HR} at (4,355) size 746x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {P} at (377,365) size 373x108 [bgcolor=#FFFF00]
-                RenderText {#text} at (0,0) size 373x107
+              RenderBlock {HR} at (4,354) size 747x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (378,364) size 373x108 [bgcolor=#FFFF00]
+                RenderText {#text} at (0,0) size 373x109
                   text run at (0,0) width 373: "This paragraph is floated to the right (using a STYLE"
-                  text run at (0,18) width 373: "attribute) and the orange square image should appear to"
-                  text run at (0,36) width 373: "the left of the paragraph. This paragraph has a yellow"
+                  text run at (0,18) width 373: "attribute) and the orange square image should appear to the"
+                  text run at (0,36) width 373: "left of the paragraph. This paragraph has a yellow"
                   text run at (0,54) width 373: "background and no padding, margin or border. The left"
-                  text run at (0,72) width 373: "edge of this yellow box should be horizonally aligned"
-                  text run at (0,90) width 284: "with the right edge of the yellow box above."
-              RenderBlock (anonymous) at (4,365) size 746x108
+                  text run at (0,72) width 373: "edge of this yellow box should be horizonally aligned with"
+                  text run at (0,90) width 247: "the right edge of the yellow box above."
+              RenderBlock (anonymous) at (4,364) size 747x108
                 RenderImage {IMG} at (0,0) size 15x15
-                RenderText {#text} at (15,1) size 4x17
-                  text run at (15,1) width 4: " "
+                RenderText {#text} at (15,0) size 4x19
+                  text run at (15,0) width 4: " "
                 RenderBR {BR} at (19,15) size 0x0
-              RenderBlock {HR} at (4,481) size 746x2 [border: (1px inset #000000)]
-              RenderBlock {P} at (4,491) size 746x72
+              RenderBlock {HR} at (4,480) size 747x2 [border: (1px inset #000000)]
+              RenderBlock {P} at (4,490) size 747x72
                 RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
-                  RenderText {#text} at (0,0) size 22x36
-                    text run at (0,0) width 22: "T"
-                RenderText {#text} at (48,0) size 746x71
-                  text run at (48,0) width 698: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph,"
-                  text run at (48,18) width 519: "as well as bold, with a content width of 1.5em and a background-color of silver. "
-                  text run at (566,18) width 180: "The top of the big letter \"T\""
-                  text run at (48,36) width 698: "should be vertically aligned with the top of the first line of this paragraph. This is commonly known as"
-                  text run at (0,54) width 74: "\"drop-cap\"."
-              RenderBlock (anonymous) at (4,563) size 746x18
-                RenderBR {BR} at (0,0) size 0x17
-              RenderBlock {HR} at (4,589) size 746x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {P} at (404,609) size 336x214 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
-                RenderText {#text} at (8,8) size 320x197
+                  RenderText {#text} at (0,0) size 21x36
+                    text run at (0,0) width 21: "T"
+                RenderText {#text} at (48,0) size 747x73
+                  text run at (48,0) width 699: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as"
+                  text run at (48,18) width 513: "well as bold, with a content width of 1.5em and a background-color of silver. "
+                  text run at (561,18) width 186: "The top of the big letter \"T\""
+                  text run at (48,36) width 699: "should be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-"
+                  text run at (0,54) width 33: "cap\"."
+              RenderBlock (anonymous) at (4,562) size 747x18
+                RenderBR {BR} at (0,0) size 0x19
+              RenderBlock {HR} at (4,588) size 747x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {P} at (405,608) size 336x196 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+                RenderText {#text} at (8,8) size 320x181
                   text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
-                  text run at (8,26) width 320: "of like a 'sidebar' in a magazine article. Its width"
-                  text run at (8,44) width 320: "is 20em so the box should not be reformatted"
-                  text run at (8,62) width 320: "when the size of the viewport is changed (e.g."
-                  text run at (8,80) width 320: "when the window is resized). The background"
-                  text run at (8,98) width 320: "color of the element is yellow, and there should"
-                  text run at (8,116) width 320: "be a 3px solid red border outside a 5px wide"
-                  text run at (8,134) width 320: "padding. Also, the element has a 10px wide"
-                  text run at (8,152) width 320: "margin around it where the blue background of"
-                  text run at (8,170) width 320: "the paragraph in the normal flow should shine"
-                  text run at (8,188) width 54: "through."
-              RenderBlock {P} at (4,599) size 746x216 [bgcolor=#66CCFF]
-                RenderText {#text} at (0,0) size 390x215
-                  text run at (0,0) width 390: "This paragraph is not floating. If there is enough room, the"
-                  text run at (0,18) width 390: "textual content of the paragraph should appear on the left"
-                  text run at (0,36) width 268: "side of the yellow \"sidebar\" on the right. "
-                  text run at (267,36) width 123: "The content of this"
-                  text run at (0,54) width 327: "element should flow around the floated element. "
-                  text run at (326,54) width 64: "However,"
-                  text run at (0,72) width 390: "the floated element may or may not be obscured by the blue"
-                  text run at (0,90) width 390: "background of this element, as the specification does not say"
-                  text run at (0,108) width 183: "which is drawn \"on top.\" "
-                  text run at (182,108) width 208: "Even if the floated element is"
-                  text run at (0,126) width 390: "obscured, it still forces the content of this element to flow"
-                  text run at (0,144) width 71: "around it. "
-                  text run at (70,144) width 320: "If the floated element is not obscured, then the"
-                  text run at (0,162) width 390: "blue rectangle of this paragraph should extend 10px above"
-                  text run at (0,180) width 390: "and to the right of the sidebar's red border, due to the margin"
-                  text run at (0,198) width 212: "styles set for the floated element."
-              RenderBlock (anonymous) at (4,815) size 746x18
-                RenderBR {BR} at (0,0) size 0x17
-              RenderBlock {HR} at (4,841) size 746x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (4,851) size 746x26 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
-                RenderBlock (floating) {DIV} at (402,14) size 330x244 [bgcolor=#FFFF00]
-                  RenderBlock {P} at (5,5) size 320x234
-                    RenderText {#text} at (0,0) size 320x233
+                  text run at (8,26) width 320: "of like a 'sidebar' in a magazine article. Its width is"
+                  text run at (8,44) width 320: "20em so the box should not be reformatted when"
+                  text run at (8,62) width 320: "the size of the viewport is changed (e.g. when the"
+                  text run at (8,80) width 320: "window is resized). The background color of the"
+                  text run at (8,98) width 320: "element is yellow, and there should be a 3px solid"
+                  text run at (8,116) width 320: "red border outside a 5px wide padding. Also, the"
+                  text run at (8,134) width 320: "element has a 10px wide margin around it where"
+                  text run at (8,152) width 320: "the blue background of the paragraph in the"
+                  text run at (8,170) width 217: "normal flow should shine through."
+              RenderBlock {P} at (4,598) size 747x216 [bgcolor=#66CCFF]
+                RenderText {#text} at (0,0) size 391x217
+                  text run at (0,0) width 391: "This paragraph is not floating. If there is enough room, the"
+                  text run at (0,18) width 391: "textual content of the paragraph should appear on the left side"
+                  text run at (0,36) width 260: "of the yellow \"sidebar\" on the right. "
+                  text run at (260,36) width 131: "The content of this"
+                  text run at (0,54) width 328: "element should flow around the floated element. "
+                  text run at (328,54) width 63: "However,"
+                  text run at (0,72) width 391: "the floated element may or may not be obscured by the blue"
+                  text run at (0,90) width 391: "background of this element, as the specification does not say"
+                  text run at (0,108) width 185: "which is drawn \"on top.\" "
+                  text run at (185,108) width 206: "Even if the floated element is"
+                  text run at (0,126) width 391: "obscured, it still forces the content of this element to flow"
+                  text run at (0,144) width 65: "around it. "
+                  text run at (65,144) width 326: "If the floated element is not obscured, then the blue"
+                  text run at (0,162) width 391: "rectangle of this paragraph should extend 10px above and to"
+                  text run at (0,180) width 391: "the right of the sidebar's red border, due to the margin styles"
+                  text run at (0,198) width 166: "set for the floated element."
+              RenderBlock (anonymous) at (4,814) size 747x18
+                RenderBR {BR} at (0,0) size 0x19
+              RenderBlock {HR} at (4,840) size 747x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (4,850) size 747x26 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+                RenderBlock (floating) {DIV} at (403,14) size 330x226 [bgcolor=#FFFF00]
+                  RenderBlock {P} at (5,5) size 320x216
+                    RenderText {#text} at (0,0) size 320x217
                       text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
-                      text run at (0,18) width 320: "which is floated to the right. The width of the"
-                      text run at (0,36) width 320: "DIV element is 20em. The background is yellow"
-                      text run at (0,54) width 320: "and there is a 5px padding, a 10px margin and no"
+                      text run at (0,18) width 320: "which is floated to the right. The width of the DIV"
+                      text run at (0,36) width 320: "element is 20em. The background is yellow and"
+                      text run at (0,54) width 320: "there is a 5px padding, a 10px margin and no"
                       text run at (0,72) width 320: "border. Since it is floated, the yellow box should"
                       text run at (0,90) width 320: "be rendered on top of the background and borders"
-                      text run at (0,108) width 320: "of adjacent non-floated elements. To the left of"
-                      text run at (0,126) width 320: "this yellow box there should be a short paragraph"
-                      text run at (0,144) width 320: "with a blue background and a red border. The"
-                      text run at (0,162) width 320: "yellow box should be rendered on top of the"
-                      text run at (0,180) width 320: "bottom red border. I.e., the bottom red border will"
-                      text run at (0,198) width 320: "appear broken where it's overlaid by the yellow"
-                      text run at (0,216) width 63: "rectangle."
-                RenderBlock {P} at (4,4) size 738x18
-                  RenderText {#text} at (0,0) size 274x17
-                    text run at (0,0) width 274: "See description in the box on the right side"
-              RenderBlock (anonymous) at (4,877) size 746x242
-                RenderBR {BR} at (0,0) size 0x17
-              RenderBlock {HR} at (4,1127) size 746x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {DIV} at (4,1137) size 186x72 [bgcolor=#66CCFF]
+                      text run at (0,108) width 320: "of adjacent non-floated elements. To the left of this"
+                      text run at (0,126) width 320: "yellow box there should be a short paragraph with"
+                      text run at (0,144) width 320: "a blue background and a red border. The yellow"
+                      text run at (0,162) width 320: "box should be rendered on top of the bottom red"
+                      text run at (0,180) width 320: "border. I.e., the bottom red border will appear"
+                      text run at (0,198) width 318: "broken where it's overlaid by the yellow rectangle."
+                RenderBlock {P} at (4,4) size 739x18
+                  RenderText {#text} at (0,0) size 268x19
+                    text run at (0,0) width 268: "See description in the box on the right side"
+              RenderBlock (anonymous) at (4,876) size 747x224
+                RenderBR {BR} at (0,0) size 0x19
+              RenderBlock {HR} at (4,1108) size 747x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {DIV} at (4,1118) size 186x72 [bgcolor=#66CCFF]
                 RenderBlock {P} at (0,0) size 186x72
-                  RenderText {#text} at (0,0) size 186x71
+                  RenderText {#text} at (0,0) size 186x73
                     text run at (0,0) width 186: "This paragraph is inside a"
                     text run at (0,18) width 186: "DIV which is floated left. Its"
                     text run at (0,36) width 186: "background is blue and the"
-                    text run at (0,54) width 89: "width is 25%."
-              RenderBlock (floating) {DIV} at (564,1137) size 186x72 [bgcolor=#FFFF00]
+                    text run at (0,54) width 87: "width is 25%."
+              RenderBlock (floating) {DIV} at (565,1118) size 186x72 [bgcolor=#FFFF00]
                 RenderBlock {P} at (0,0) size 186x72
-                  RenderText {#text} at (0,0) size 186x71
+                  RenderText {#text} at (0,0) size 186x73
                     text run at (0,0) width 186: "This paragraph is inside a"
                     text run at (0,18) width 186: "DIV which is floated right."
                     text run at (0,36) width 20: "Its "
                     text run at (20,36) width 166: "background is yellow and"
-                    text run at (0,54) width 112: "the width is 25%."
-              RenderBlock {P} at (4,1137) size 746x36
-                RenderText {#text} at (186,0) size 374x35
-                  text run at (186,0) width 374: "This paragraph should appear between a blue box (on the"
-                  text run at (186,18) width 31: "left) "
-                  text run at (216,18) width 203: "and a yellow box (on the right)."
-              RenderBlock (anonymous) at (4,1173) size 746x36
-                RenderBR {BR} at (186,0) size 0x17
-              RenderBlock {HR} at (4,1217) size 746x2 [border: (1px inset #000000)]
-              RenderBlock (floating) {DIV} at (4,1227) size 559x126 [bgcolor=#66CCFF]
-                RenderBlock (floating) {DIV} at (410,0) size 139x36 [bgcolor=#FFFF00]
-                  RenderBlock {P} at (0,0) size 139x36
-                    RenderText {#text} at (0,0) size 139x35
-                      text run at (0,0) width 139: "See description in the"
-                      text run at (0,18) width 127: "box on the left side."
-                RenderBlock {P} at (0,0) size 559x126
-                  RenderText {#text} at (0,0) size 559x125
+                    text run at (0,54) width 110: "the width is 25%."
+              RenderBlock {P} at (4,1118) size 747x36
+                RenderText {#text} at (186,0) size 375x37
+                  text run at (186,0) width 375: "This paragraph should appear between a blue box (on the"
+                  text run at (186,18) width 29: "left) "
+                  text run at (215,18) width 199: "and a yellow box (on the right)."
+              RenderBlock (anonymous) at (4,1154) size 747x36
+                RenderBR {BR} at (186,0) size 0x19
+              RenderBlock {HR} at (4,1198) size 747x2 [border: (1px inset #000000)]
+              RenderBlock (floating) {DIV} at (4,1208) size 560x126 [bgcolor=#66CCFF]
+                RenderBlock (floating) {DIV} at (410,0) size 140x36 [bgcolor=#FFFF00]
+                  RenderBlock {P} at (0,0) size 140x36
+                    RenderText {#text} at (0,0) size 140x37
+                      text run at (0,0) width 140: "See description in the"
+                      text run at (0,18) width 124: "box on the left side."
+                RenderBlock {P} at (0,0) size 560x126
+                  RenderText {#text} at (0,0) size 560x127
                     text run at (0,0) width 410: "This paragraph is inside a DIV which is floated left. The"
                     text run at (0,18) width 410: "background of the DIV element is blue and its width is 75%."
-                    text run at (0,36) width 35: "This "
-                    text run at (34,36) width 393: "text should all be inside the blue rectangle. The blue DIV "
-                    text run at (427,36) width 132: "element has another"
-                    text run at (0,54) width 268: "DIV element as a child. It has a yellow "
-                    text run at (267,54) width 292: "background color and is floated to the right."
-                    text run at (0,72) width 90: "Since it is a "
-                    text run at (89,72) width 442: "child of the blue DIV, the yellow DIV should appear inside the "
-                    text run at (530,72) width 29: "blue"
-                    text run at (0,90) width 394: "rectangle. Due to it being floated to the right and having "
-                    text run at (393,90) width 166: "a 10px right margin, the"
-                    text run at (0,108) width 266: "yellow rectange should have a 10px blue "
-                    text run at (265,108) width 143: "stripe on its right side."
-              RenderBlock (anonymous) at (4,1227) size 746x126
-                RenderBR {BR} at (559,0) size 0x17
-              RenderBlock {HR} at (4,1361) size 746x2 [border: (1px inset #000000)]
+                    text run at (0,36) width 32: "This "
+                    text run at (32,36) width 368: "text should all be inside the blue rectangle. The blue DIV "
+                    text run at (400,36) width 160: "element has another DIV"
+                    text run at (0,54) width 217: "element as a child. It has a yellow "
+                    text run at (217,54) width 343: "background color and is floated to the right. Since it is"
+                    text run at (0,72) width 11: "a "
+                    text run at (11,72) width 408: "child of the blue DIV, the yellow DIV should appear inside the "
+                    text run at (419,72) width 141: "blue rectangle. Due to"
+                    text run at (0,90) width 252: "it being floated to the right and having "
+                    text run at (252,90) width 308: "a 10px right margin, the yellow rectange should"
+                    text run at (0,108) width 112: "have a 10px blue "
+                    text run at (112,108) width 138: "stripe on its right side."
+              RenderBlock (anonymous) at (4,1208) size 747x126
+                RenderBR {BR} at (560,0) size 0x19
+              RenderBlock {HR} at (4,1342) size 747x2 [border: (1px inset #000000)]
index bc028e7..e93605e 100644 (file)
@@ -1,76 +1,76 @@
-layer at (0,0) size 784x974
-  RenderView at (0,0) size 784x600
-layer at (0,0) size 784x974
-  RenderBlock {HTML} at (0,0) size 784x974
-    RenderBody {BODY} at (8,8) size 768x958 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 768x18
-        RenderText {#text} at (0,0) size 363x17
-          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 768x45
-        RenderText {#text} at (0,0) size 164x45
-          text run at (0,0) width 157: ".one {height: 50px;}"
-          text run at (156,0) width 1: " "
-          text run at (0,15) width 164: ".two {height: 100px;}"
-          text run at (163,15) width 1: " "
+layer at (0,0) size 785x976
+  RenderView at (0,0) size 785x600
+layer at (0,0) size 785x976
+  RenderBlock {HTML} at (0,0) size 785x976
+    RenderBody {BODY} at (8,8) size 769x960 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
+        RenderText {#text} at (0,0) size 355x19
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,34) size 769x45
+        RenderText {#text} at (0,0) size 168x45
+          text run at (0,0) width 160: ".one {height: 50px;}"
+          text run at (160,0) width 0: " "
+          text run at (0,15) width 168: ".two {height: 100px;}"
+          text run at (168,15) width 0: " "
           text run at (0,30) width 0: " "
-      RenderBlock {HR} at (0,92) size 768x2 [border: (1px inset #000000)]
-      RenderBlock (anonymous) at (0,102) size 768x50
+      RenderBlock {HR} at (0,92) size 769x2 [border: (1px inset #000000)]
+      RenderBlock (anonymous) at (0,102) size 769x50
         RenderImage {IMG} at (0,0) size 50x50
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,168) size 768x18
-        RenderText {#text} at (0,0) size 281x17
-          text run at (0,0) width 281: "The square above should be fifty pixels tall."
-      RenderBlock (anonymous) at (0,202) size 768x100
+      RenderBlock {P} at (0,168) size 769x18
+        RenderText {#text} at (0,0) size 275x19
+          text run at (0,0) width 275: "The square above should be fifty pixels tall."
+      RenderBlock (anonymous) at (0,202) size 769x100
         RenderImage {IMG} at (0,0) size 100x100
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,318) size 768x18
-        RenderText {#text} at (0,0) size 340x17
-          text run at (0,0) width 340: "The square above should be 100 pixels tall and wide."
-      RenderBlock (anonymous) at (0,352) size 768x100
+      RenderBlock {P} at (0,318) size 769x18
+        RenderText {#text} at (0,0) size 335x19
+          text run at (0,0) width 335: "The square above should be 100 pixels tall and wide."
+      RenderBlock (anonymous) at (0,352) size 769x100
         RenderImage {IMG} at (0,0) size 30x100
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,468) size 768x36
-        RenderText {#text} at (0,0) size 765x35
-          text run at (0,0) width 765: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the size has"
-          text run at (0,18) width 152: "been doubled using the "
+      RenderBlock {P} at (0,468) size 769x37
+        RenderText {#text} at (0,0) size 750x37
+          text run at (0,0) width 750: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the size has"
+          text run at (0,18) width 150: "been doubled using the "
         RenderInline {CODE} at (0,0) size 48x15
-          RenderText {#text} at (151,21) size 48x15
-            text run at (151,21) width 48: "height"
-        RenderText {#text} at (198,18) size 69x17
-          text run at (198,18) width 69: " property)."
-      RenderTable {TABLE} at (0,520) size 768x438 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 766x436
-          RenderTableRow {TR} at (0,0) size 766x26
-            RenderTableCell {TD} at (0,0) size 766x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 163x17
-                RenderText {#text} at (4,4) size 163x17
+          RenderText {#text} at (150,22) size 48x15
+            text run at (150,22) width 48: "height"
+        RenderText {#text} at (198,18) size 66x19
+          text run at (198,18) width 66: " property)."
+      RenderTable {TABLE} at (0,521) size 769x439 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 767x437
+          RenderTableRow {TR} at (0,0) size 767x26
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x19
+                RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,26) size 766x410
+          RenderTableRow {TR} at (0,26) size 767x411
             RenderTableCell {TD} at (0,218) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x17
+              RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 754x410 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock (anonymous) at (4,4) size 746x50
+            RenderTableCell {TD} at (12,26) size 755x411 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock (anonymous) at (4,4) size 747x50
                 RenderImage {IMG} at (0,0) size 50x50
                 RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,70) size 746x18
-                RenderText {#text} at (0,0) size 281x17
-                  text run at (0,0) width 281: "The square above should be fifty pixels tall."
-              RenderBlock (anonymous) at (4,104) size 746x100
+              RenderBlock {P} at (4,70) size 747x18
+                RenderText {#text} at (0,0) size 275x19
+                  text run at (0,0) width 275: "The square above should be fifty pixels tall."
+              RenderBlock (anonymous) at (4,104) size 747x100
                 RenderImage {IMG} at (0,0) size 100x100
                 RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,220) size 746x18
-                RenderText {#text} at (0,0) size 340x17
-                  text run at (0,0) width 340: "The square above should be 100 pixels tall and wide."
-              RenderBlock (anonymous) at (4,254) size 746x100
+              RenderBlock {P} at (4,220) size 747x18
+                RenderText {#text} at (0,0) size 335x19
+                  text run at (0,0) width 335: "The square above should be 100 pixels tall and wide."
+              RenderBlock (anonymous) at (4,254) size 747x100
                 RenderImage {IMG} at (0,0) size 30x100
                 RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,370) size 746x36
-                RenderText {#text} at (0,0) size 739x35
-                  text run at (0,0) width 739: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the size"
-                  text run at (0,18) width 178: "has been doubled using the "
+              RenderBlock {P} at (4,370) size 747x37
+                RenderText {#text} at (0,0) size 725x37
+                  text run at (0,0) width 725: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the size"
+                  text run at (0,18) width 175: "has been doubled using the "
                 RenderInline {CODE} at (0,0) size 48x15
-                  RenderText {#text} at (177,21) size 48x15
-                    text run at (177,21) width 48: "height"
-                RenderText {#text} at (224,18) size 68x17
-                  text run at (224,18) width 68: " property)."
+                  RenderText {#text} at (175,22) size 48x15
+                    text run at (175,22) width 48: "height"
+                RenderText {#text} at (223,18) size 66x19
+                  text run at (223,18) width 66: " property)."
index 79f9e42..7834441 100644 (file)
-layer at (0,0) size 786x2646
-  RenderView at (0,0) size 784x584
-layer at (0,0) size 784x2646
-  RenderBlock {HTML} at (0,0) size 784x2646
-    RenderBody {BODY} at (8,8) size 768x2630 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 768x18
-        RenderText {#text} at (0,0) size 363x17
-          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 768x105
-        RenderText {#text} at (0,0) size 352x105
-          text run at (0,0) width 344: ".zero {background-color: silver; margin: 0;}"
-          text run at (343,0) width 1: " "
-          text run at (0,15) width 352: ".one {margin: 0.5in; background-color: aqua;}"
-          text run at (351,15) width 1: " "
-          text run at (0,30) width 344: ".two {margin: 25px; background-color: aqua;}"
-          text run at (343,30) width 1: " "
-          text run at (0,45) width 352: ".three {margin: 5em; background-color: aqua;}"
-          text run at (351,45) width 1: " "
-          text run at (0,60) width 344: ".four {margin: 25%; background-color: aqua;}"
-          text run at (343,60) width 1: " "
-          text run at (0,75) width 164: ".five {margin: 25px;}"
-          text run at (163,75) width 1: " "
-          text run at (0,90) width 352: ".six {margin: -10px; background-color: aqua;}"
-          text run at (351,90) width 1: " "
-      RenderBlock {HR} at (0,152) size 768x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,170) size 768x36
-        RenderText {#text} at (0,0) size 753x35
-          text run at (0,0) width 753: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
-          text run at (0,18) width 253: "section 4.1.1 of the CSS1 specification."
-      RenderBlock {P} at (0,222) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 208x17
-          text run at (0,0) width 208: "This element has a class of zero."
-      RenderBlock {P} at (48,288) size 672x36 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 643x35
-          text run at (0,0) width 643: "This sentence should have an overall margin of half an inch, which will require extra text in order to"
-          text run at (0,18) width 27: "test."
-      RenderBlock {P} at (0,372) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 208x17
-          text run at (0,0) width 208: "This element has a class of zero."
-      RenderBlock {P} at (25,415) size 718x18 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 655x17
-          text run at (0,0) width 655: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
-      RenderBlock {P} at (0,458) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 208x17
-          text run at (0,0) width 208: "This element has a class of zero."
-      RenderBlock {P} at (80,556) size 608x36 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 599x35
-          text run at (0,0) width 599: "This sentence should have an overall margin of 5 em, which will require extra text in order to"
-          text run at (0,18) width 27: "test."
-      RenderBlock {P} at (0,672) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 208x17
-          text run at (0,0) width 208: "This element has a class of zero."
-      RenderBlock {P} at (192,882) size 384x54 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 383x53
-          text run at (0,0) width 383: "This sentence should have an overall margin of 25%, which"
-          text run at (0,18) width 327: "is calculated with respect to the width of the parent"
-          text run at (0,36) width 59: "element. "
-          text run at (58,36) width 273: "This will require extra text in order to test."
-      RenderBlock {P} at (0,1128) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 208x17
-          text run at (0,0) width 208: "This element has a class of zero."
-      RenderBlock {UL} at (25,1171) size 718x122 [bgcolor=#00FFFF]
-        RenderListItem {LI} at (40,0) size 678x18
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (0,0) size 382x17
-            text run at (0,0) width 382: "This list has a margin of 25px, and a light blue background."
-        RenderListItem {LI} at (40,18) size 678x18
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (0,0) size 269x17
-            text run at (0,0) width 269: "Therefore, it ought to have such a margin."
-        RenderListItem {LI} at (65,61) size 628x18
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (0,0) size 556x17
-            text run at (0,0) width 556: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
-        RenderListItem {LI} at (40,104) size 678x18
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (0,0) size 304x17
-            text run at (0,0) width 304: "This list item has no special styles applied to it."
-      RenderBlock {P} at (0,1318) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 208x17
-          text run at (0,0) width 208: "This element has a class of zero."
-      RenderBlock {P} at (-10,1326) size 788x54 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 772x53
-          text run at (0,0) width 772: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull"
-          text run at (0,18) width 376: "subsequent text up toward it, and a light blue background. "
-          text run at (375,18) width 391: "In all other respects, however, the element should be normal."
-          text run at (0,36) width 563: "No styles have been applied to it besides the negative margin and the background color."
-      RenderBlock {P} at (0,1370) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 208x17
-          text run at (0,0) width 208: "This element has a class of zero."
-      RenderTable {TABLE} at (0,1388) size 768x1242 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 766x1240
-          RenderTableRow {TR} at (0,0) size 766x26
-            RenderTableCell {TD} at (0,0) size 766x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 163x17
-                RenderText {#text} at (4,4) size 163x17
+layer at (0,0) size 787x2628
+  RenderView at (0,0) size 785x585
+layer at (0,0) size 785x2628
+  RenderBlock {HTML} at (0,0) size 785x2628
+    RenderBody {BODY} at (8,8) size 769x2612 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
+        RenderText {#text} at (0,0) size 355x19
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,34) size 769x105
+        RenderText {#text} at (0,0) size 360x105
+          text run at (0,0) width 352: ".zero {background-color: silver; margin: 0;}"
+          text run at (352,0) width 0: " "
+          text run at (0,15) width 360: ".one {margin: 0.5in; background-color: aqua;}"
+          text run at (360,15) width 0: " "
+          text run at (0,30) width 352: ".two {margin: 25px; background-color: aqua;}"
+          text run at (352,30) width 0: " "
+          text run at (0,45) width 360: ".three {margin: 5em; background-color: aqua;}"
+          text run at (360,45) width 0: " "
+          text run at (0,60) width 352: ".four {margin: 25%; background-color: aqua;}"
+          text run at (352,60) width 0: " "
+          text run at (0,75) width 168: ".five {margin: 25px;}"
+          text run at (168,75) width 0: " "
+          text run at (0,90) width 360: ".six {margin: -10px; background-color: aqua;}"
+          text run at (360,90) width 0: " "
+      RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,170) size 769x36
+        RenderText {#text} at (0,0) size 738x37
+          text run at (0,0) width 738: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
+          text run at (0,18) width 248: "section 4.1.1 of the CSS1 specification."
+      RenderBlock {P} at (0,222) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x19
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (48,288) size 673x18 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 658x19
+          text run at (0,0) width 658: "This sentence should have an overall margin of half an inch, which will require extra text in order to test."
+      RenderBlock {P} at (0,354) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x19
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (25,397) size 719x18 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 641x19
+          text run at (0,0) width 641: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
+      RenderBlock {P} at (0,440) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x19
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (80,538) size 609x36 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 586x37
+          text run at (0,0) width 586: "This sentence should have an overall margin of 5 em, which will require extra text in order to"
+          text run at (0,18) width 25: "test."
+      RenderBlock {P} at (0,654) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x19
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (192,864) size 385x54 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 377x55
+          text run at (0,0) width 377: "This sentence should have an overall margin of 25%, which"
+          text run at (0,18) width 376: "is calculated with respect to the width of the parent element."
+          text run at (0,36) width 264: "This will require extra text in order to test."
+      RenderBlock {P} at (0,1110) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x19
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {UL} at (25,1153) size 719x122 [bgcolor=#00FFFF]
+        RenderListItem {LI} at (40,0) size 679x18
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (0,0) size 375x19
+            text run at (0,0) width 375: "This list has a margin of 25px, and a light blue background."
+        RenderListItem {LI} at (40,18) size 679x18
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (0,0) size 264x19
+            text run at (0,0) width 264: "Therefore, it ought to have such a margin."
+        RenderListItem {LI} at (65,61) size 629x18
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (0,0) size 543x19
+            text run at (0,0) width 543: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
+        RenderListItem {LI} at (40,104) size 679x18
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (0,0) size 294x19
+            text run at (0,0) width 294: "This list item has no special styles applied to it."
+      RenderBlock {P} at (0,1300) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x19
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (-10,1308) size 789x54 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 775x55
+          text run at (0,0) width 758: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull"
+          text run at (0,18) width 369: "subsequent text up toward it, and a light blue background. "
+          text run at (369,18) width 386: "In all other respects, however, the element should be normal. "
+          text run at (755,18) width 20: "No"
+          text run at (0,36) width 528: "styles have been applied to it besides the negative margin and the background color."
+      RenderBlock {P} at (0,1352) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x19
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderTable {TABLE} at (0,1370) size 769x1242 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 767x1240
+          RenderTableRow {TR} at (0,0) size 767x26
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x19
+                RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,26) size 766x1214
+          RenderTableRow {TR} at (0,26) size 767x1214
             RenderTableCell {TD} at (0,620) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x17
+              RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 754x1214 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 746x36
-                RenderText {#text} at (0,0) size 736x35
-                  text run at (0,0) width 736: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described"
-                  text run at (0,18) width 269: "in section 4.1.1 of the CSS1 specification."
-              RenderBlock {P} at (4,56) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 208x17
-                  text run at (0,0) width 208: "This element has a class of zero."
-              RenderBlock {P} at (52,122) size 650x36 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 643x35
-                  text run at (0,0) width 643: "This sentence should have an overall margin of half an inch, which will require extra text in order to"
-                  text run at (0,18) width 27: "test."
-              RenderBlock {P} at (4,206) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 208x17
-                  text run at (0,0) width 208: "This element has a class of zero."
-              RenderBlock {P} at (29,249) size 696x18 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 655x17
-                  text run at (0,0) width 655: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
-              RenderBlock {P} at (4,292) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 208x17
-                  text run at (0,0) width 208: "This element has a class of zero."
-              RenderBlock {P} at (84,390) size 586x36 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 582x35
-                  text run at (0,0) width 582: "This sentence should have an overall margin of 5 em, which will require extra text in order"
-                  text run at (0,18) width 43: "to test."
-              RenderBlock {P} at (4,506) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 208x17
-                  text run at (0,0) width 208: "This element has a class of zero."
-              RenderBlock {P} at (190,710) size 374x54 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 370x53
-                  text run at (0,0) width 340: "This sentence should have an overall margin of 25%,"
-                  text run at (0,18) width 370: "which is calculated with respect to the width of the parent"
-                  text run at (0,36) width 59: "element. "
-                  text run at (58,36) width 273: "This will require extra text in order to test."
-              RenderBlock {P} at (4,950) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 208x17
-                  text run at (0,0) width 208: "This element has a class of zero."
-              RenderBlock {UL} at (29,993) size 696x122 [bgcolor=#00FFFF]
-                RenderListItem {LI} at (40,0) size 656x18
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (0,0) size 382x17
-                    text run at (0,0) width 382: "This list has a margin of 25px, and a light blue background."
-                RenderListItem {LI} at (40,18) size 656x18
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (0,0) size 269x17
-                    text run at (0,0) width 269: "Therefore, it ought to have such a margin."
-                RenderListItem {LI} at (65,61) size 606x18
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (0,0) size 556x17
-                    text run at (0,0) width 556: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
-                RenderListItem {LI} at (40,104) size 656x18
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (0,0) size 304x17
-                    text run at (0,0) width 304: "This list item has no special styles applied to it."
-              RenderBlock {P} at (4,1140) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 208x17
-                  text run at (0,0) width 208: "This element has a class of zero."
-              RenderBlock {P} at (-6,1148) size 766x54 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 743x53
-                  text run at (0,0) width 743: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and"
-                  text run at (0,18) width 404: "pull subsequent text up toward it, and a light blue background. "
-                  text run at (403,18) width 338: "In all other respects, however, the element should be"
-                  text run at (0,36) width 54: "normal. "
-                  text run at (53,36) width 563: "No styles have been applied to it besides the negative margin and the background color."
-              RenderBlock {P} at (4,1192) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 208x17
-                  text run at (0,0) width 208: "This element has a class of zero."
+            RenderTableCell {TD} at (12,26) size 755x1214 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 747x36
+                RenderText {#text} at (0,0) size 738x37
+                  text run at (0,0) width 738: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
+                  text run at (0,18) width 248: "section 4.1.1 of the CSS1 specification."
+              RenderBlock {P} at (4,56) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x19
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (52,122) size 651x36 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 629x37
+                  text run at (0,0) width 629: "This sentence should have an overall margin of half an inch, which will require extra text in order to"
+                  text run at (0,18) width 25: "test."
+              RenderBlock {P} at (4,206) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x19
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (29,249) size 697x18 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 641x19
+                  text run at (0,0) width 641: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
+              RenderBlock {P} at (4,292) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x19
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (84,390) size 587x36 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 586x37
+                  text run at (0,0) width 586: "This sentence should have an overall margin of 5 em, which will require extra text in order to"
+                  text run at (0,18) width 25: "test."
+              RenderBlock {P} at (4,506) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x19
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (190,710) size 375x54 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 362x55
+                  text run at (0,0) width 334: "This sentence should have an overall margin of 25%,"
+                  text run at (0,18) width 362: "which is calculated with respect to the width of the parent"
+                  text run at (0,36) width 57: "element. "
+                  text run at (57,36) width 264: "This will require extra text in order to test."
+              RenderBlock {P} at (4,950) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x19
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {UL} at (29,993) size 697x122 [bgcolor=#00FFFF]
+                RenderListItem {LI} at (40,0) size 657x18
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (0,0) size 375x19
+                    text run at (0,0) width 375: "This list has a margin of 25px, and a light blue background."
+                RenderListItem {LI} at (40,18) size 657x18
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (0,0) size 264x19
+                    text run at (0,0) width 264: "Therefore, it ought to have such a margin."
+                RenderListItem {LI} at (65,61) size 607x18
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (0,0) size 543x19
+                    text run at (0,0) width 543: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
+                RenderListItem {LI} at (40,104) size 657x18
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (0,0) size 294x19
+                    text run at (0,0) width 294: "This list item has no special styles applied to it."
+              RenderBlock {P} at (4,1140) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x19
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (-6,1148) size 767x54 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 758x55
+                  text run at (0,0) width 758: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull"
+                  text run at (0,18) width 369: "subsequent text up toward it, and a light blue background. "
+                  text run at (369,18) width 382: "In all other respects, however, the element should be normal."
+                  text run at (0,36) width 552: "No styles have been applied to it besides the negative margin and the background color."
+              RenderBlock {P} at (4,1192) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x19
+                  text run at (0,0) width 203: "This element has a class of zero."
index c2d1401..9ef1dca 100644 (file)
-layer at (0,0) size 784x1728
-  RenderView at (0,0) size 784x600
-layer at (0,0) size 784x1728
-  RenderBlock {HTML} at (0,0) size 784x1728
-    RenderBody {BODY} at (8,8) size 768x1712 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 768x18
-        RenderText {#text} at (0,0) size 363x17
-          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 768x135
-        RenderText {#text} at (0,0) size 406x135
-          text run at (0,0) width 398: ".zero {background-color: silver; margin-bottom: 0;}"
-          text run at (397,0) width 1: " "
-          text run at (0,15) width 406: ".one {margin-bottom: 0.5in; background-color: aqua;}"
-          text run at (405,15) width 1: " "
-          text run at (0,30) width 398: ".two {margin-bottom: 25px; background-color: aqua;}"
-          text run at (397,30) width 1: " "
-          text run at (0,45) width 406: ".three {margin-bottom: 5em; background-color: aqua;}"
-          text run at (405,45) width 1: " "
-          text run at (0,60) width 398: ".four {margin-bottom: 25%; background-color: aqua;}"
-          text run at (397,60) width 1: " "
-          text run at (0,75) width 219: ".five {margin-bottom: 25px;}"
-          text run at (218,75) width 1: " "
-          text run at (0,90) width 406: ".six {margin-bottom: -10px; background-color: aqua;}"
-          text run at (405,90) width 1: " "
-          text run at (0,105) width 172: "P, UL {margin-top: 0;}"
-          text run at (171,105) width 1: " "
+layer at (0,0) size 785x1728
+  RenderView at (0,0) size 785x600
+layer at (0,0) size 785x1728
+  RenderBlock {HTML} at (0,0) size 785x1728
+    RenderBody {BODY} at (8,8) size 769x1712 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
+        RenderText {#text} at (0,0) size 355x19
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,34) size 769x135
+        RenderText {#text} at (0,0) size 416x135
+          text run at (0,0) width 408: ".zero {background-color: silver; margin-bottom: 0;}"
+          text run at (408,0) width 0: " "
+          text run at (0,15) width 416: ".one {margin-bottom: 0.5in; background-color: aqua;}"
+          text run at (416,15) width 0: " "
+          text run at (0,30) width 408: ".two {margin-bottom: 25px; background-color: aqua;}"
+          text run at (408,30) width 0: " "
+          text run at (0,45) width 416: ".three {margin-bottom: 5em; background-color: aqua;}"
+          text run at (416,45) width 0: " "
+          text run at (0,60) width 408: ".four {margin-bottom: 25%; background-color: aqua;}"
+          text run at (408,60) width 0: " "
+          text run at (0,75) width 224: ".five {margin-bottom: 25px;}"
+          text run at (224,75) width 0: " "
+          text run at (0,90) width 416: ".six {margin-bottom: -10px; background-color: aqua;}"
+          text run at (416,90) width 0: " "
+          text run at (0,105) width 176: "P, UL {margin-top: 0;}"
+          text run at (176,105) width 0: " "
           text run at (0,120) width 0: " "
-      RenderBlock {HR} at (0,182) size 768x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,192) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 208x17
-          text run at (0,0) width 208: "This element has a class of zero."
-      RenderBlock {P} at (0,210) size 768x36 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 756x35
-          text run at (0,0) width 756: "This sentence should have a bottom margin of half an inch, which will require extra text in order to make sure that the"
-          text run at (0,18) width 209: "margin isn't applied to each line."
-      RenderBlock {P} at (0,294) size 768x36 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 739x35
-          text run at (0,0) width 739: "This sentence should have a bottom margin of 25 pixels, which will require extra text in order to make sure that the"
-          text run at (0,18) width 209: "margin isn't applied to each line."
-      RenderBlock {P} at (0,355) size 768x36 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 762x35
-          text run at (0,0) width 762: "This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that the margin"
-          text run at (0,18) width 159: "isn't applied to each line."
-      RenderBlock {P} at (0,471) size 768x36 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 755x35
-          text run at (0,0) width 755: "This element should have a bottom margin of 25%, which will require extra text in order to make sure that the margin"
-          text run at (0,18) width 159: "isn't applied to each line."
-      RenderBlock {P} at (0,699) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 208x17
-          text run at (0,0) width 208: "This element has a class of zero."
-      RenderBlock {P} at (0,717) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 238x17
-          text run at (0,0) width 238: "This element also has a class of zero."
-      RenderBlock {UL} at (0,735) size 768x97 [bgcolor=#00FFFF]
-        RenderListItem {LI} at (40,0) size 728x18
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (0,0) size 433x17
-            text run at (0,0) width 433: "This list has a margin-bottom of 25px, and a light blue background."
-        RenderListItem {LI} at (40,18) size 728x18
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (0,0) size 269x17
-            text run at (0,0) width 269: "Therefore, it ought to have such a margin."
-        RenderListItem {LI} at (40,36) size 728x18
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (0,0) size 605x17
-            text run at (0,0) width 605: "This list item has a bottom margin of 25px, which should cause it to be offset in some fashion."
-        RenderListItem {LI} at (40,79) size 728x18
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (0,0) size 304x17
-            text run at (0,0) width 304: "This list item has no special styles applied to it."
-      RenderBlock {P} at (0,857) size 768x54 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 761x53
-          text run at (0,0) width 761: "This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted \"upward\" on the page,"
-          text run at (0,18) width 125: "and no top margin. "
-          text run at (124,18) width 499: "No other styles have been applied to it besides a light blue background color. "
-          text run at (622,18) width 130: "In all other respects,"
-          text run at (0,36) width 194: "the element should be normal."
-      RenderBlock {P} at (0,901) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 208x17
-          text run at (0,0) width 208: "This element has a class of zero."
-      RenderBlock {P} at (0,919) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 238x17
-          text run at (0,0) width 238: "This element also has a class of zero."
-      RenderTable {TABLE} at (0,937) size 768x775 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 766x773
-          RenderTableRow {TR} at (0,0) size 766x26
-            RenderTableCell {TD} at (0,0) size 766x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 163x17
-                RenderText {#text} at (4,4) size 163x17
+      RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,192) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x19
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (0,210) size 769x36 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 740x37
+          text run at (0,0) width 740: "This sentence should have a bottom margin of half an inch, which will require extra text in order to make sure that the"
+          text run at (0,18) width 203: "margin isn't applied to each line."
+      RenderBlock {P} at (0,294) size 769x36 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 723x37
+          text run at (0,0) width 723: "This sentence should have a bottom margin of 25 pixels, which will require extra text in order to make sure that the"
+          text run at (0,18) width 203: "margin isn't applied to each line."
+      RenderBlock {P} at (0,355) size 769x36 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 745x37
+          text run at (0,0) width 745: "This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that the margin"
+          text run at (0,18) width 155: "isn't applied to each line."
+      RenderBlock {P} at (0,471) size 769x36 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 767x37
+          text run at (0,0) width 767: "This element should have a bottom margin of 25%, which will require extra text in order to make sure that the margin isn't"
+          text run at (0,18) width 126: "applied to each line."
+      RenderBlock {P} at (0,699) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x19
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (0,717) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 232x19
+          text run at (0,0) width 232: "This element also has a class of zero."
+      RenderBlock {UL} at (0,735) size 769x97 [bgcolor=#00FFFF]
+        RenderListItem {LI} at (40,0) size 729x18
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (0,0) size 424x19
+            text run at (0,0) width 424: "This list has a margin-bottom of 25px, and a light blue background."
+        RenderListItem {LI} at (40,18) size 729x18
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (0,0) size 264x19
+            text run at (0,0) width 264: "Therefore, it ought to have such a margin."
+        RenderListItem {LI} at (40,36) size 729x18
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (0,0) size 591x19
+            text run at (0,0) width 591: "This list item has a bottom margin of 25px, which should cause it to be offset in some fashion."
+        RenderListItem {LI} at (40,79) size 729x18
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (0,0) size 294x19
+            text run at (0,0) width 294: "This list item has no special styles applied to it."
+      RenderBlock {P} at (0,857) size 769x54 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 760x55
+          text run at (0,0) width 748: "This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted \"upward\" on the page,"
+          text run at (0,18) width 123: "and no top margin. "
+          text run at (123,18) width 488: "No other styles have been applied to it besides a light blue background color. "
+          text run at (611,18) width 149: "In all other respects, the"
+          text run at (0,36) width 166: "element should be normal."
+      RenderBlock {P} at (0,901) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x19
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (0,919) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 232x19
+          text run at (0,0) width 232: "This element also has a class of zero."
+      RenderTable {TABLE} at (0,937) size 769x775 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 767x773
+          RenderTableRow {TR} at (0,0) size 767x26
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x19
+                RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,26) size 766x747
+          RenderTableRow {TR} at (0,26) size 767x747
             RenderTableCell {TD} at (0,386) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x17
+              RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 754x747 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 208x17
-                  text run at (0,0) width 208: "This element has a class of zero."
-              RenderBlock {P} at (4,22) size 746x36 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 733x35
-                  text run at (0,0) width 733: "This sentence should have a bottom margin of half an inch, which will require extra text in order to make sure that"
-                  text run at (0,18) width 232: "the margin isn't applied to each line."
-              RenderBlock {P} at (4,106) size 746x36 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 739x35
-                  text run at (0,0) width 739: "This sentence should have a bottom margin of 25 pixels, which will require extra text in order to make sure that the"
-                  text run at (0,18) width 209: "margin isn't applied to each line."
-              RenderBlock {P} at (4,167) size 746x36 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 712x35
-                  text run at (0,0) width 712: "This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that the"
-                  text run at (0,18) width 209: "margin isn't applied to each line."
-              RenderBlock {P} at (4,283) size 746x36 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 706x35
-                  text run at (0,0) width 706: "This element should have a bottom margin of 25%, which will require extra text in order to make sure that the"
-                  text run at (0,18) width 209: "margin isn't applied to each line."
-              RenderBlock {P} at (4,505) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 208x17
-                  text run at (0,0) width 208: "This element has a class of zero."
-              RenderBlock {P} at (4,523) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 238x17
-                  text run at (0,0) width 238: "This element also has a class of zero."
-              RenderBlock {UL} at (4,541) size 746x97 [bgcolor=#00FFFF]
-                RenderListItem {LI} at (40,0) size 706x18
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (0,0) size 433x17
-                    text run at (0,0) width 433: "This list has a margin-bottom of 25px, and a light blue background."
-                RenderListItem {LI} at (40,18) size 706x18
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (0,0) size 269x17
-                    text run at (0,0) width 269: "Therefore, it ought to have such a margin."
-                RenderListItem {LI} at (40,36) size 706x18
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (0,0) size 605x17
-                    text run at (0,0) width 605: "This list item has a bottom margin of 25px, which should cause it to be offset in some fashion."
-                RenderListItem {LI} at (40,79) size 706x18
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (0,0) size 304x17
-                    text run at (0,0) width 304: "This list item has no special styles applied to it."
-              RenderBlock {P} at (4,663) size 746x54 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 731x53
-                  text run at (0,0) width 723: "This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted \"upward\" on the"
-                  text run at (0,18) width 164: "page, and no top margin. "
-                  text run at (163,18) width 498: "No other styles have been applied to it besides a light blue background color. "
-                  text run at (660,18) width 71: "In all other"
-                  text run at (0,36) width 253: "respects, the element should be normal."
-              RenderBlock {P} at (4,707) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 208x17
-                  text run at (0,0) width 208: "This element has a class of zero."
-              RenderBlock {P} at (4,725) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 238x17
-                  text run at (0,0) width 238: "This element also has a class of zero."
+            RenderTableCell {TD} at (12,26) size 755x747 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x19
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (4,22) size 747x36 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 740x37
+                  text run at (0,0) width 740: "This sentence should have a bottom margin of half an inch, which will require extra text in order to make sure that the"
+                  text run at (0,18) width 203: "margin isn't applied to each line."
+              RenderBlock {P} at (4,106) size 747x36 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 723x37
+                  text run at (0,0) width 723: "This sentence should have a bottom margin of 25 pixels, which will require extra text in order to make sure that the"
+                  text run at (0,18) width 203: "margin isn't applied to each line."
+              RenderBlock {P} at (4,167) size 747x36 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 745x37
+                  text run at (0,0) width 745: "This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that the margin"
+                  text run at (0,18) width 155: "isn't applied to each line."
+              RenderBlock {P} at (4,283) size 747x36 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 738x37
+                  text run at (0,0) width 738: "This element should have a bottom margin of 25%, which will require extra text in order to make sure that the margin"
+                  text run at (0,18) width 155: "isn't applied to each line."
+              RenderBlock {P} at (4,505) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x19
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (4,523) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 232x19
+                  text run at (0,0) width 232: "This element also has a class of zero."
+              RenderBlock {UL} at (4,541) size 747x97 [bgcolor=#00FFFF]
+                RenderListItem {LI} at (40,0) size 707x18
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (0,0) size 424x19
+                    text run at (0,0) width 424: "This list has a margin-bottom of 25px, and a light blue background."
+                RenderListItem {LI} at (40,18) size 707x18
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (0,0) size 264x19
+                    text run at (0,0) width 264: "Therefore, it ought to have such a margin."
+                RenderListItem {LI} at (40,36) size 707x18
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (0,0) size 591x19
+                    text run at (0,0) width 591: "This list item has a bottom margin of 25px, which should cause it to be offset in some fashion."
+                RenderListItem {LI} at (40,79) size 707x18
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (0,0) size 294x19
+                    text run at (0,0) width 294: "This list item has no special styles applied to it."
+              RenderBlock {P} at (4,663) size 747x54 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 717x55
+                  text run at (0,0) width 710: "This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted \"upward\" on the"
+                  text run at (0,18) width 161: "page, and no top margin. "
+                  text run at (161,18) width 488: "No other styles have been applied to it besides a light blue background color. "
+                  text run at (649,18) width 68: "In all other"
+                  text run at (0,36) width 247: "respects, the element should be normal."
+              RenderBlock {P} at (4,707) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x19
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (4,725) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 232x19
+                  text run at (0,0) width 232: "This element also has a class of zero."
index 4d78a92..ffffdc5 100644 (file)
@@ -4,92 +4,92 @@ 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 784x18
-        RenderText {#text} at (0,0) size 363x17
-          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+        RenderText {#text} at (0,0) size 355x19
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x30
-        RenderText {#text} at (0,0) size 406x30
-          text run at (0,0) width 398: ".one {margin-bottom: 25px; background-color: aqua;}"
-          text run at (397,0) width 1: " "
-          text run at (0,15) width 406: ".two {margin-bottom: -10px; background-color: aqua;}"
-          text run at (405,15) width 1: " "
+        RenderText {#text} at (0,0) size 416x30
+          text run at (0,0) width 408: ".one {margin-bottom: 25px; background-color: aqua;}"
+          text run at (408,0) width 0: " "
+          text run at (0,15) width 416: ".two {margin-bottom: -10px; background-color: aqua;}"
+          text run at (416,15) width 0: " "
       RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,95) size 784x54 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 491x17
-          text run at (0,0) width 401: "This element is unstyled save for a background color of gray.. "
-          text run at (400,0) width 91: "It contains an "
-        RenderInline {SPAN} at (0,0) size 777x35 [bgcolor=#00FFFF]
-          RenderText {#text} at (490,0) size 149x17
-            text run at (490,0) width 149: "inline element of class "
+      RenderBlock {P} at (0,95) size 784x55 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 481x19
+          text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
+          text run at (393,0) width 88: "It contains an "
+        RenderInline {SPAN} at (0,0) size 761x38 [bgcolor=#00FFFF]
+          RenderText {#text} at (481,0) size 143x19
+            text run at (481,0) width 143: "inline element of class "
           RenderInline {TT} at (0,0) size 24x15
-            RenderText {#text} at (638,3) size 24x15
-              text run at (638,3) width 24: "one"
-          RenderText {#text} at (661,0) size 777x35
-            text run at (661,0) width 116: ", giving it an aqua"
-            text run at (0,18) width 249: "background and a 25px bottom margin"
-        RenderText {#text} at (248,18) size 776x35
-          text run at (248,18) width 9: ". "
-          text run at (256,18) width 520: "Margins on inline elements does not affect line-height calculations, so all lines in"
-          text run at (0,36) width 297: "this element should have the same line-height."
-      RenderBlock {P} at (0,165) size 784x54 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 491x17
-          text run at (0,0) width 401: "This element is unstyled save for a background color of gray.. "
-          text run at (400,0) width 91: "It contains an "
-        RenderInline {SPAN} at (0,0) size 777x35 [bgcolor=#00FFFF]
-          RenderText {#text} at (490,0) size 149x17
-            text run at (490,0) width 149: "inline element of class "
+            RenderText {#text} at (624,4) size 24x15
+              text run at (624,4) width 24: "one"
+          RenderText {#text} at (648,0) size 761x38
+            text run at (648,0) width 113: ", giving it an aqua"
+            text run at (0,19) width 245: "background and a 25px bottom margin"
+        RenderText {#text} at (245,19) size 784x37
+          text run at (245,19) width 8: ". "
+          text run at (253,19) width 531: "Margins on inline elements does not affect line-height calculations, so all lines in this"
+          text run at (0,37) width 263: "element should have the same line-height."
+      RenderBlock {P} at (0,166) size 784x55 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 481x19
+          text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
+          text run at (393,0) width 88: "It contains an "
+        RenderInline {SPAN} at (0,0) size 761x38 [bgcolor=#00FFFF]
+          RenderText {#text} at (481,0) size 143x19
+            text run at (481,0) width 143: "inline element of class "
           RenderInline {TT} at (0,0) size 24x15
-            RenderText {#text} at (638,3) size 24x15
-              text run at (638,3) width 24: "two"
-          RenderText {#text} at (661,0) size 777x35
-            text run at (661,0) width 116: ", giving it an aqua"
-            text run at (0,18) width 254: "background and a -10px bottom margin"
-        RenderText {#text} at (253,18) size 782x35
-          text run at (253,18) width 9: ". "
-          text run at (261,18) width 521: "Margins on inline elements does not affect line-height calculations, so all lines in"
-          text run at (0,36) width 297: "this element should have the same line-height."
-      RenderTable {TABLE} at (0,235) size 784x160 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x158
+            RenderText {#text} at (624,4) size 24x15
+              text run at (624,4) width 24: "two"
+          RenderText {#text} at (648,0) size 761x38
+            text run at (648,0) width 113: ", giving it an aqua"
+            text run at (0,19) width 250: "background and a -10px bottom margin"
+        RenderText {#text} at (250,19) size 763x37
+          text run at (250,19) width 8: ". "
+          text run at (258,19) width 505: "Margins on inline elements does not affect line-height calculations, so all lines in"
+          text run at (0,37) width 289: "this element should have the same line-height."
+      RenderTable {TABLE} at (0,237) size 784x162 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x160
           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 163x17
-                RenderText {#text} at (4,4) size 163x17
+              RenderInline {STRONG} at (0,0) size 163x19
+                RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,26) size 782x132
-            RenderTableCell {TD} at (0,79) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x17
+          RenderTableRow {TR} at (0,26) size 782x134
+            RenderTableCell {TD} at (0,80) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            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 762x54 [bgcolor=#808080]
-                RenderText {#text} at (0,0) size 491x17
-                  text run at (0,0) width 401: "This element is unstyled save for a background color of gray.. "
-                  text run at (400,0) width 91: "It contains an "
-                RenderInline {SPAN} at (0,0) size 743x35 [bgcolor=#00FFFF]
-                  RenderText {#text} at (490,0) size 149x17
-                    text run at (490,0) width 149: "inline element of class "
+            RenderTableCell {TD} at (12,26) size 770x134 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x55 [bgcolor=#808080]
+                RenderText {#text} at (0,0) size 481x19
+                  text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
+                  text run at (393,0) width 88: "It contains an "
+                RenderInline {SPAN} at (0,0) size 761x38 [bgcolor=#00FFFF]
+                  RenderText {#text} at (481,0) size 143x19
+                    text run at (481,0) width 143: "inline element of class "
                   RenderInline {TT} at (0,0) size 24x15
-                    RenderText {#text} at (638,3) size 24x15
-                      text run at (638,3) width 24: "one"
-                  RenderText {#text} at (661,0) size 743x35
-                    text run at (661,0) width 82: ", giving it an"
-                    text run at (0,18) width 283: "aqua background and a 25px bottom margin"
-                RenderText {#text} at (282,18) size 760x35
-                  text run at (282,18) width 9: ". "
-                  text run at (290,18) width 470: "Margins on inline elements does not affect line-height calculations, so all"
-                  text run at (0,36) width 348: "lines in this element should have the same line-height."
-              RenderBlock {P} at (4,74) size 762x54 [bgcolor=#808080]
-                RenderText {#text} at (0,0) size 491x17
-                  text run at (0,0) width 401: "This element is unstyled save for a background color of gray.. "
-                  text run at (400,0) width 91: "It contains an "
-                RenderInline {SPAN} at (0,0) size 743x35 [bgcolor=#00FFFF]
-                  RenderText {#text} at (490,0) size 149x17
-                    text run at (490,0) width 149: "inline element of class "
+                    RenderText {#text} at (624,4) size 24x15
+                      text run at (624,4) width 24: "one"
+                  RenderText {#text} at (648,0) size 761x38
+                    text run at (648,0) width 113: ", giving it an aqua"
+                    text run at (0,19) width 245: "background and a 25px bottom margin"
+                RenderText {#text} at (245,19) size 758x37
+                  text run at (245,19) width 8: ". "
+                  text run at (253,19) width 505: "Margins on inline elements does not affect line-height calculations, so all lines in"
+                  text run at (0,37) width 289: "this element should have the same line-height."
+              RenderBlock {P} at (4,75) size 762x55 [bgcolor=#808080]
+                RenderText {#text} at (0,0) size 481x19
+                  text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
+                  text run at (393,0) width 88: "It contains an "
+                RenderInline {SPAN} at (0,0) size 761x38 [bgcolor=#00FFFF]
+                  RenderText {#text} at (481,0) size 143x19
+                    text run at (481,0) width 143: "inline element of class "
                   RenderInline {TT} at (0,0) size 24x15
-                    RenderText {#text} at (638,3) size 24x15
-                      text run at (638,3) width 24: "two"
-                  RenderText {#text} at (661,0) size 743x35
-                    text run at (661,0) width 82: ", giving it an"
-                    text run at (0,18) width 288: "aqua background and a -10px bottom margin"
-                RenderText {#text} at (287,18) size 745x35
-                  text run at (287,18) width 9: ". "
-                  text run at (295,18) width 450: "Margins on inline elements does not affect line-height calculations, so"
-                  text run at (0,36) width 368: "all lines in this element should have the same line-height."
+                    RenderText {#text} at (624,4) size 24x15
+                      text run at (624,4) width 24: "two"
+                  RenderText {#text} at (648,0) size 761x38
+                    text run at (648,0) width 113: ", giving it an aqua"
+                    text run at (0,19) width 250: "background and a -10px bottom margin"
+                RenderText {#text} at (250,19) size 747x37
+                  text run at (250,19) width 8: ". "
+                  text run at (258,19) width 489: "Margins on inline elements does not affect line-height calculations, so all lines"
+                  text run at (0,37) width 305: "in this element should have the same line-height."
index dff4ac1..f086a3c 100644 (file)
-layer at (0,0) size 784x732
-  RenderView at (0,0) size 784x600
-layer at (0,0) size 784x732
-  RenderBlock {HTML} at (0,0) size 784x732
-    RenderBody {BODY} at (8,8) size 768x716 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 768x18
-        RenderText {#text} at (0,0) size 363x17
-          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 768x45
-        RenderText {#text} at (0,0) size 352x45
-          text run at (0,0) width 344: ".zero {background-color: silver; margin: 0;}"
-          text run at (343,0) width 1: " "
-          text run at (0,15) width 344: ".one {margin: 25px; background-color: aqua;}"
-          text run at (343,15) width 1: " "
-          text run at (0,30) width 352: ".two {margin: -10px; background-color: aqua;}"
-          text run at (351,30) width 1: " "
-      RenderBlock {HR} at (0,92) size 768x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,102) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 208x17
-          text run at (0,0) width 208: "This element has a class of zero."
-      RenderBlock {P} at (0,136) size 768x90 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 491x17
-          text run at (0,0) width 401: "This element is unstyled save for a background color of gray.. "
-          text run at (400,0) width 91: "It contains an "
-        RenderInline {SPAN} at (0,0) size 768x35 [bgcolor=#00FFFF]
-          RenderText {#text} at (515,0) size 149x17
-            text run at (515,0) width 149: "inline element of class "
+layer at (0,0) size 785x718
+  RenderView at (0,0) size 785x600
+layer at (0,0) size 785x718
+  RenderBlock {HTML} at (0,0) size 785x718
+    RenderBody {BODY} at (8,8) size 769x702 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
+        RenderText {#text} at (0,0) size 355x19
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,34) size 769x45
+        RenderText {#text} at (0,0) size 360x45
+          text run at (0,0) width 352: ".zero {background-color: silver; margin: 0;}"
+          text run at (352,0) width 0: " "
+          text run at (0,15) width 352: ".one {margin: 25px; background-color: aqua;}"
+          text run at (352,15) width 0: " "
+          text run at (0,30) width 360: ".two {margin: -10px; background-color: aqua;}"
+          text run at (360,30) width 0: " "
+      RenderBlock {HR} at (0,92) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,102) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x19
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (0,136) size 769x73 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 481x19
+          text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
+          text run at (393,0) width 88: "It contains an "
+        RenderInline {SPAN} at (0,0) size 752x38 [bgcolor=#00FFFF]
+          RenderText {#text} at (506,0) size 143x19
+            text run at (506,0) width 143: "inline element of class "
           RenderInline {TT} at (0,0) size 24x15
-            RenderText {#text} at (663,3) size 24x15
-              text run at (663,3) width 24: "one"
-          RenderText {#text} at (686,0) size 768x35
-            text run at (686,0) width 82: ", giving it an"
-            text run at (0,18) width 234: "aqua background and a 25px margin"
-        RenderText {#text} at (258,18) size 761x71
-          text run at (258,18) width 9: ". "
-          text run at (266,18) width 470: "Margins on inline elements does not affect line-height calculations, so all"
-          text run at (0,36) width 352: "lines in this element should have the same line-height. "
-          text run at (351,36) width 397: "However, there should be a 25px margin to the left side of the"
-          text run at (0,54) width 761: "inline box in the first line it appears, and a 25px margin to the right side of the inline element box in the last line where"
-          text run at (0,72) width 66: "it appears."
-      RenderBlock {P} at (0,242) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 208x17
-          text run at (0,0) width 208: "This element has a class of zero."
-      RenderBlock {P} at (0,276) size 768x72 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 491x17
-          text run at (0,0) width 401: "This element is unstyled save for a background color of gray.. "
-          text run at (400,0) width 91: "It contains an "
-        RenderInline {SPAN} at (0,0) size 767x35 [bgcolor=#00FFFF]
-          RenderText {#text} at (480,0) size 149x17
-            text run at (480,0) width 149: "inline element of class "
+            RenderText {#text} at (649,4) size 24x15
+              text run at (649,4) width 24: "one"
+          RenderText {#text} at (673,0) size 752x38
+            text run at (673,0) width 79: ", giving it an"
+            text run at (0,19) width 231: "aqua background and a 25px margin"
+        RenderText {#text} at (256,19) size 769x55
+          text run at (256,19) width 8: ". "
+          text run at (264,19) width 505: "Margins on inline elements does not affect line-height calculations, so all lines in"
+          text run at (0,37) width 293: "this element should have the same line-height. "
+          text run at (293,37) width 473: "However, there should be a 25px margin to the left side of the inline box in"
+          text run at (0,55) width 727: "the first line it appears, and a 25px margin to the right side of the inline element box in the last line where it appears."
+      RenderBlock {P} at (0,225) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x19
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (0,259) size 769x73 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 481x19
+          text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
+          text run at (393,0) width 88: "It contains an "
+        RenderInline {SPAN} at (0,0) size 751x38 [bgcolor=#00FFFF]
+          RenderText {#text} at (471,0) size 143x19
+            text run at (471,0) width 143: "inline element of class "
           RenderInline {TT} at (0,0) size 24x15
-            RenderText {#text} at (628,3) size 24x15
-              text run at (628,3) width 24: "two"
-          RenderText {#text} at (651,0) size 767x35
-            text run at (651,0) width 116: ", giving it an aqua"
-            text run at (0,18) width 205: "background and a -10px margin"
-        RenderText {#text} at (194,18) size 761x53
-          text run at (194,18) width 9: ". "
-          text run at (202,18) width 547: "Margins on inline elements does not affect line-height calculations, so all lines in this"
-          text run at (0,36) width 274: "element should have the same line-height. "
-          text run at (273,36) width 488: "However, there should be a -10px margin to the left side of the inline box in"
-          text run at (0,54) width 751: "the first line it appears, and a -10px margin to the right side of the inline element box in the last line where it appears."
-      RenderBlock {P} at (0,364) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 208x17
-          text run at (0,0) width 208: "This element has a class of zero."
-      RenderTable {TABLE} at (0,382) size 768x334 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 766x332
-          RenderTableRow {TR} at (0,0) size 766x26
-            RenderTableCell {TD} at (0,0) size 766x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 163x17
-                RenderText {#text} at (4,4) size 163x17
+            RenderText {#text} at (614,4) size 24x15
+              text run at (614,4) width 24: "two"
+          RenderText {#text} at (638,0) size 751x38
+            text run at (638,0) width 113: ", giving it an aqua"
+            text run at (0,19) width 202: "background and a -10px margin"
+        RenderText {#text} at (192,19) size 768x55
+          text run at (192,19) width 8: ". "
+          text run at (200,19) width 531: "Margins on inline elements does not affect line-height calculations, so all lines in this"
+          text run at (0,37) width 267: "element should have the same line-height. "
+          text run at (267,37) width 501: "However, there should be a -10px margin to the left side of the inline box in the"
+          text run at (0,55) width 709: "first line it appears, and a -10px margin to the right side of the inline element box in the last line where it appears."
+      RenderBlock {P} at (0,348) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x19
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderTable {TABLE} at (0,366) size 769x336 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 767x334
+          RenderTableRow {TR} at (0,0) size 767x26
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x19
+                RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,26) size 766x306
-            RenderTableCell {TD} at (0,166) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x17
+          RenderTableRow {TR} at (0,26) size 767x308
+            RenderTableCell {TD} at (0,167) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 754x306 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 208x17
-                  text run at (0,0) width 208: "This element has a class of zero."
-              RenderBlock {P} at (4,38) size 746x90 [bgcolor=#808080]
-                RenderText {#text} at (0,0) size 491x17
-                  text run at (0,0) width 401: "This element is unstyled save for a background color of gray.. "
-                  text run at (400,0) width 91: "It contains an "
-                RenderInline {SPAN} at (0,0) size 736x35 [bgcolor=#00FFFF]
-                  RenderText {#text} at (515,0) size 149x17
-                    text run at (515,0) width 149: "inline element of class "
+            RenderTableCell {TD} at (12,26) size 755x308 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x19
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (4,38) size 747x91 [bgcolor=#808080]
+                RenderText {#text} at (0,0) size 481x19
+                  text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
+                  text run at (393,0) width 88: "It contains an "
+                RenderInline {SPAN} at (0,0) size 733x38 [bgcolor=#00FFFF]
+                  RenderText {#text} at (506,0) size 143x19
+                    text run at (506,0) width 143: "inline element of class "
                   RenderInline {TT} at (0,0) size 24x15
-                    RenderText {#text} at (663,3) size 24x15
-                      text run at (663,3) width 24: "one"
-                  RenderText {#text} at (686,0) size 736x35
-                    text run at (686,0) width 50: ", giving"
-                    text run at (0,18) width 266: "it an aqua background and a 25px margin"
-                RenderText {#text} at (290,18) size 746x71
-                  text run at (290,18) width 9: ". "
-                  text run at (298,18) width 431: "Margins on inline elements does not affect line-height calculations,"
-                  text run at (0,36) width 390: "so all lines in this element should have the same line-height. "
-                  text run at (389,36) width 357: "However, there should be a 25px margin to the left side"
-                  text run at (0,54) width 731: "of the inline box in the first line it appears, and a 25px margin to the right side of the inline element box in the last"
-                  text run at (0,72) width 137: "line where it appears."
-              RenderBlock {P} at (4,144) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 208x17
-                  text run at (0,0) width 208: "This element has a class of zero."
-              RenderBlock {P} at (4,178) size 746x90 [bgcolor=#808080]
-                RenderText {#text} at (0,0) size 491x17
-                  text run at (0,0) width 401: "This element is unstyled save for a background color of gray.. "
-                  text run at (400,0) width 91: "It contains an "
-                RenderInline {SPAN} at (0,0) size 733x35 [bgcolor=#00FFFF]
-                  RenderText {#text} at (480,0) size 149x17
-                    text run at (480,0) width 149: "inline element of class "
+                    RenderText {#text} at (649,4) size 24x15
+                      text run at (649,4) width 24: "one"
+                  RenderText {#text} at (673,0) size 733x38
+                    text run at (673,0) width 60: ", giving it"
+                    text run at (0,19) width 250: "an aqua background and a 25px margin"
+                RenderText {#text} at (275,19) size 742x73
+                  text run at (275,19) width 8: ". "
+                  text run at (283,19) width 456: "Margins on inline elements does not affect line-height calculations, so all"
+                  text run at (0,37) width 342: "lines in this element should have the same line-height. "
+                  text run at (342,37) width 390: "However, there should be a 25px margin to the left side of the"
+                  text run at (0,55) width 742: "inline box in the first line it appears, and a 25px margin to the right side of the inline element box in the last line where"
+                  text run at (0,73) width 64: "it appears."
+              RenderBlock {P} at (4,145) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x19
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (4,179) size 747x91 [bgcolor=#808080]
+                RenderText {#text} at (0,0) size 481x19
+                  text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
+                  text run at (393,0) width 88: "It contains an "
+                RenderInline {SPAN} at (0,0) size 717x38 [bgcolor=#00FFFF]
+                  RenderText {#text} at (471,0) size 143x19
+                    text run at (471,0) width 143: "inline element of class "
                   RenderInline {TT} at (0,0) size 24x15
-                    RenderText {#text} at (628,3) size 24x15
-                      text run at (628,3) width 24: "two"
-                  RenderText {#text} at (651,0) size 733x35
-                    text run at (651,0) width 82: ", giving it an"
-                    text run at (0,18) width 239: "aqua background and a -10px margin"
-                RenderText {#text} at (228,18) size 740x71
-                  text run at (228,18) width 9: ". "
-                  text run at (236,18) width 504: "Margins on inline elements does not affect line-height calculations, so all lines"
-                  text run at (0,36) width 317: "in this element should have the same line-height. "
-                  text run at (316,36) width 403: "However, there should be a -10px margin to the left side of the"
-                  text run at (0,54) width 723: "inline box in the first line it appears, and a -10px margin to the right side of the inline element box in the last line"
-                  text run at (0,72) width 109: "where it appears."
-              RenderBlock {P} at (4,284) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 208x17
-                  text run at (0,0) width 208: "This element has a class of zero."
+                    RenderText {#text} at (614,4) size 24x15
+                      text run at (614,4) width 24: "two"
+                  RenderText {#text} at (638,0) size 717x38
+                    text run at (638,0) width 79: ", giving it an"
+                    text run at (0,19) width 236: "aqua background and a -10px margin"
+                RenderText {#text} at (226,19) size 739x73
+                  text run at (226,19) width 8: ". "
+                  text run at (234,19) width 505: "Margins on inline elements does not affect line-height calculations, so all lines in"
+                  text run at (0,37) width 293: "this element should have the same line-height. "
+                  text run at (293,37) width 434: "However, there should be a -10px margin to the left side of the inline"
+                  text run at (0,55) width 720: "box in the first line it appears, and a -10px margin to the right side of the inline element box in the last line where it"
+                  text run at (0,73) width 52: "appears."
+              RenderBlock {P} at (4,286) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x19
+                  text run at (0,0) width 203: "This element has a class of zero."
index 09189be..6e2787d 100644 (file)
-layer at (0,0) size 784x1005
-  RenderView at (0,0) size 784x600
-layer at (0,0) size 784x1005
-  RenderBlock {HTML} at (0,0) size 784x1005
-    RenderBody {BODY} at (8,8) size 768x989 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 768x18
-        RenderText {#text} at (0,0) size 363x17
-          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 768x90
-        RenderText {#text} at (0,0) size 398x90
-          text run at (0,0) width 383: ".zero {background-color: silver; margin-left: 0;}"
-          text run at (382,0) width 1: " "
-          text run at (0,15) width 391: ".one {margin-left: 0.5in; background-color: aqua;}"
-          text run at (390,15) width 1: " "
-          text run at (0,30) width 383: ".two {margin-left: 25px; background-color: aqua;}"
-          text run at (382,30) width 1: " "
-          text run at (0,45) width 391: ".three {margin-left: 5em; background-color: aqua;}"
-          text run at (390,45) width 1: " "
-          text run at (0,60) width 383: ".four {margin-left: 25%; background-color: aqua;}"
-          text run at (382,60) width 1: " "
-          text run at (0,75) width 398: ".five {margin-left: -10px; background-color: aqua;}"
-          text run at (397,75) width 1: " "
-      RenderBlock {HR} at (0,137) size 768x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,155) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 208x17
-          text run at (0,0) width 208: "This element has a class of zero."
-      RenderBlock {P} at (48,189) size 720x18 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 355x17
-          text run at (0,0) width 355: "This sentence should have a left margin of half an inch."
-      RenderBlock {P} at (25,223) size 743x18 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 338x17
-          text run at (0,0) width 338: "This sentence should have a left margin of 25 pixels."
-      RenderBlock {P} at (80,257) size 688x18 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 312x17
-          text run at (0,0) width 312: "This sentence should have a left margin of 5 em."
-      RenderBlock {P} at (192,291) size 576x36 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 558x35
-          text run at (0,0) width 558: "This sentence should have a left margin of 25%, which is calculated with respect to the"
-          text run at (0,18) width 180: "width of the parent element."
-      RenderBlock {UL} at (25,343) size 743x90 [bgcolor=#808080]
-        RenderListItem {LI} at (40,0) size 703x18
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (0,0) size 700x17
-            text run at (0,0) width 700: "The left margin on this unordered list has been set to 25 pixels, and its background color has been set to gray."
-        RenderListItem {LI} at (65,18) size 678x54 [bgcolor=#FFFFFF]
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (0,0) size 670x53
-            text run at (0,0) width 670: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
-            text run at (0,18) width 61: "checked. "
-            text run at (60,18) width 576: "This list item has its left margin also set to 25 pixels, which should combine with the list's"
-            text run at (0,36) width 538: "margin to make 50 pixels of margin, and its background color has been set to white."
-        RenderListItem {LI} at (40,72) size 703x18
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (0,0) size 185x17
-            text run at (0,0) width 185: "This is an unclassed list item"
-      RenderBlock {P} at (0,449) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 208x17
-          text run at (0,0) width 208: "This element has a class of zero."
-      RenderBlock {P} at (-10,483) size 778x54 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 774x53
-          text run at (0,0) width 774: "This paragraph has a left margin of -10px, which should cause it to be wider than it might otherwise be, and it has a light"
-          text run at (0,18) width 116: "blue background. "
-          text run at (115,18) width 395: "In all other respects, however, the element should be normal. "
-          text run at (509,18) width 261: "No styles have been applied to it besides"
-          text run at (0,36) width 324: "the negative left margin and the background color."
-      RenderTable {TABLE} at (0,553) size 768x436 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 766x434
-          RenderTableRow {TR} at (0,0) size 766x26
-            RenderTableCell {TD} at (0,0) size 766x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 163x17
-                RenderText {#text} at (4,4) size 163x17
+layer at (0,0) size 785x1005
+  RenderView at (0,0) size 785x600
+layer at (0,0) size 785x1005
+  RenderBlock {HTML} at (0,0) size 785x1005
+    RenderBody {BODY} at (8,8) size 769x989 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
+        RenderText {#text} at (0,0) size 355x19
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,34) size 769x90
+        RenderText {#text} at (0,0) size 408x90
+          text run at (0,0) width 392: ".zero {background-color: silver; margin-left: 0;}"
+          text run at (392,0) width 0: " "
+          text run at (0,15) width 400: ".one {margin-left: 0.5in; background-color: aqua;}"
+          text run at (400,15) width 0: " "
+          text run at (0,30) width 392: ".two {margin-left: 25px; background-color: aqua;}"
+          text run at (392,30) width 0: " "
+          text run at (0,45) width 400: ".three {margin-left: 5em; background-color: aqua;}"
+          text run at (400,45) width 0: " "
+          text run at (0,60) width 392: ".four {margin-left: 25%; background-color: aqua;}"
+          text run at (392,60) width 0: " "
+          text run at (0,75) width 408: ".five {margin-left: -10px; background-color: aqua;}"
+          text run at (408,75) width 0: " "
+      RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,155) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x19
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (48,189) size 721x18 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 348x19
+          text run at (0,0) width 348: "This sentence should have a left margin of half an inch."
+      RenderBlock {P} at (25,223) size 744x18 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 331x19
+          text run at (0,0) width 331: "This sentence should have a left margin of 25 pixels."
+      RenderBlock {P} at (80,257) size 689x18 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 305x19
+          text run at (0,0) width 305: "This sentence should have a left margin of 5 em."
+      RenderBlock {P} at (192,291) size 577x36 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 546x37
+          text run at (0,0) width 546: "This sentence should have a left margin of 25%, which is calculated with respect to the"
+          text run at (0,18) width 176: "width of the parent element."
+      RenderBlock {UL} at (25,343) size 744x90 [bgcolor=#808080]
+        RenderListItem {LI} at (40,0) size 704x18
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (0,0) size 686x19
+            text run at (0,0) width 686: "The left margin on this unordered list has been set to 25 pixels, and its background color has been set to gray."
+        RenderListItem {LI} at (65,18) size 679x54 [bgcolor=#FFFFFF]
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (0,0) size 668x55
+            text run at (0,0) width 656: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
+            text run at (0,18) width 60: "checked. "
+            text run at (60,18) width 608: "This list item has its left margin also set to 25 pixels, which should combine with the list's margin"
+            text run at (0,36) width 479: "to make 50 pixels of margin, and its background color has been set to white."
+        RenderListItem {LI} at (40,72) size 704x18
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (0,0) size 179x19
+            text run at (0,0) width 179: "This is an unclassed list item"
+      RenderBlock {P} at (0,449) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x19
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (-10,483) size 779x54 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 778x55
+          text run at (0,0) width 758: "This paragraph has a left margin of -10px, which should cause it to be wider than it might otherwise be, and it has a light"
+          text run at (0,18) width 114: "blue background. "
+          text run at (114,18) width 386: "In all other respects, however, the element should be normal. "
+          text run at (500,18) width 278: "No styles have been applied to it besides the"
+          text run at (0,36) width 294: "negative left margin and the background color."
+      RenderTable {TABLE} at (0,553) size 769x436 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 767x434
+          RenderTableRow {TR} at (0,0) size 767x26
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x19
+                RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,26) size 766x408
+          RenderTableRow {TR} at (0,26) size 767x408
             RenderTableCell {TD} at (0,217) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x17
+              RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 754x408 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 208x17
-                  text run at (0,0) width 208: "This element has a class of zero."
-              RenderBlock {P} at (52,38) size 698x18 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 355x17
-                  text run at (0,0) width 355: "This sentence should have a left margin of half an inch."
-              RenderBlock {P} at (29,72) size 721x18 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 338x17
-                  text run at (0,0) width 338: "This sentence should have a left margin of 25 pixels."
-              RenderBlock {P} at (84,106) size 666x18 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 312x17
-                  text run at (0,0) width 312: "This sentence should have a left margin of 5 em."
-              RenderBlock {P} at (190,140) size 560x36 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 558x35
-                  text run at (0,0) width 558: "This sentence should have a left margin of 25%, which is calculated with respect to the"
-                  text run at (0,18) width 180: "width of the parent element."
-              RenderBlock {UL} at (29,192) size 721x108 [bgcolor=#808080]
-                RenderListItem {LI} at (40,0) size 681x36
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (0,0) size 664x35
-                    text run at (0,0) width 664: "The left margin on this unordered list has been set to 25 pixels, and its background color has been set to"
-                    text run at (0,18) width 33: "gray."
-                RenderListItem {LI} at (65,36) size 656x54 [bgcolor=#FFFFFF]
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (0,0) size 652x53
-                    text run at (0,0) width 617: "Another list item might not be such a bad idea, either, considering that such things do need to be"
-                    text run at (0,18) width 110: "double-checked. "
-                    text run at (109,18) width 543: "This list item has its left margin also set to 25 pixels, which should combine with the"
-                    text run at (0,36) width 570: "list's margin to make 50 pixels of margin, and its background color has been set to white."
-                RenderListItem {LI} at (40,90) size 681x18
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (0,0) size 185x17
-                    text run at (0,0) width 185: "This is an unclassed list item"
-              RenderBlock {P} at (4,316) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 208x17
-                  text run at (0,0) width 208: "This element has a class of zero."
-              RenderBlock {P} at (-6,350) size 756x54 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 752x53
-                  text run at (0,0) width 740: "This paragraph has a left margin of -10px, which should cause it to be wider than it might otherwise be, and it has a"
-                  text run at (0,18) width 149: "light blue background. "
-                  text run at (148,18) width 395: "In all other respects, however, the element should be normal. "
-                  text run at (542,18) width 210: "No styles have been applied to it"
-                  text run at (0,36) width 375: "besides the negative left margin and the background color."
+            RenderTableCell {TD} at (12,26) size 755x408 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x19
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (52,38) size 699x18 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 348x19
+                  text run at (0,0) width 348: "This sentence should have a left margin of half an inch."
+              RenderBlock {P} at (29,72) size 722x18 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 331x19
+                  text run at (0,0) width 331: "This sentence should have a left margin of 25 pixels."
+              RenderBlock {P} at (84,106) size 667x18 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 305x19
+                  text run at (0,0) width 305: "This sentence should have a left margin of 5 em."
+              RenderBlock {P} at (190,140) size 561x36 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 546x37
+                  text run at (0,0) width 546: "This sentence should have a left margin of 25%, which is calculated with respect to the"
+                  text run at (0,18) width 176: "width of the parent element."
+              RenderBlock {UL} at (29,192) size 722x108 [bgcolor=#808080]
+                RenderListItem {LI} at (40,0) size 682x36
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (0,0) size 650x37
+                    text run at (0,0) width 650: "The left margin on this unordered list has been set to 25 pixels, and its background color has been set to"
+                    text run at (0,18) width 32: "gray."
+                RenderListItem {LI} at (65,36) size 657x54 [bgcolor=#FFFFFF]
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (0,0) size 656x55
+                    text run at (0,0) width 656: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
+                    text run at (0,18) width 60: "checked. "
+                    text run at (60,18) width 560: "This list item has its left margin also set to 25 pixels, which should combine with the list's"
+                    text run at (0,36) width 527: "margin to make 50 pixels of margin, and its background color has been set to white."
+                RenderListItem {LI} at (40,90) size 682x18
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (0,0) size 179x19
+                    text run at (0,0) width 179: "This is an unclassed list item"
+              RenderBlock {P} at (4,316) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x19
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (-6,350) size 757x54 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 737x55
+                  text run at (0,0) width 726: "This paragraph has a left margin of -10px, which should cause it to be wider than it might otherwise be, and it has a"
+                  text run at (0,18) width 146: "light blue background. "
+                  text run at (146,18) width 386: "In all other respects, however, the element should be normal. "
+                  text run at (532,18) width 205: "No styles have been applied to it"
+                  text run at (0,36) width 367: "besides the negative left margin and the background color."
index d7ca269..dc8da9c 100644 (file)
@@ -4,96 +4,96 @@ 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 784x18
-        RenderText {#text} at (0,0) size 363x17
-          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+        RenderText {#text} at (0,0) size 355x19
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x30
-        RenderText {#text} at (0,0) size 391x30
-          text run at (0,0) width 383: ".one {margin-left: 25px; background-color: aqua;}"
-          text run at (382,0) width 1: " "
-          text run at (0,15) width 391: ".two {margin-left: -10px; background-color: aqua;}"
-          text run at (390,15) width 1: " "
+        RenderText {#text} at (0,0) size 400x30
+          text run at (0,0) width 392: ".one {margin-left: 25px; background-color: aqua;}"
+          text run at (392,0) width 0: " "
+          text run at (0,15) width 400: ".two {margin-left: -10px; background-color: aqua;}"
+          text run at (400,15) width 0: " "
       RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,95) size 784x36 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 553x17
-          text run at (0,0) width 397: "This element is unstyled save for a background color of gray. "
-          text run at (396,0) width 157: "However, it contains an "
-        RenderInline {SPAN} at (0,0) size 172x17 [bgcolor=#00FFFF]
-          RenderText {#text} at (577,0) size 148x17
-            text run at (577,0) width 148: "inline element of class "
-          RenderInline {TT} at (0,0) size 25x15
-            RenderText {#text} at (724,3) size 25x15
-              text run at (724,3) width 25: "one"
-        RenderText {#text} at (748,0) size 753x35
-          text run at (748,0) width 5: ","
-          text run at (0,18) width 351: "which should result in 25-pixel left margin only in the "
-        RenderInline {STRONG} at (0,0) size 29x17
-          RenderText {#text} at (350,18) size 29x17
-            text run at (350,18) width 29: "first"
-        RenderText {#text} at (378,18) size 237x17
-          text run at (378,18) width 237: " line in which the inline box appears."
-      RenderBlock {P} at (0,147) size 784x36 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 553x17
-          text run at (0,0) width 397: "This element is unstyled save for a background color of gray. "
-          text run at (396,0) width 157: "However, it contains an "
-        RenderInline {SPAN} at (0,0) size 172x17 [bgcolor=#00FFFF]
-          RenderText {#text} at (542,0) size 148x17
-            text run at (542,0) width 148: "inline element of class "
-          RenderInline {TT} at (0,0) size 25x15
-            RenderText {#text} at (689,3) size 25x15
-              text run at (689,3) width 25: "two"
-        RenderText {#text} at (713,0) size 761x35
-          text run at (713,0) width 48: ", which"
-          text run at (0,18) width 292: "should result in -10px left margin only in the "
-        RenderInline {STRONG} at (0,0) size 29x17
-          RenderText {#text} at (291,18) size 29x17
-            text run at (291,18) width 29: "first"
-        RenderText {#text} at (319,18) size 237x17
-          text run at (319,18) width 237: " line in which the inline box appears."
-      RenderTable {TABLE} at (0,199) size 784x124 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x122
+      RenderBlock {P} at (0,95) size 784x37 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 543x19
+          text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
+          text run at (389,0) width 154: "However, it contains an "
+        RenderInline {SPAN} at (0,0) size 167x19 [bgcolor=#00FFFF]
+          RenderText {#text} at (568,0) size 143x19
+            text run at (568,0) width 143: "inline element of class "
+          RenderInline {TT} at (0,0) size 24x15
+            RenderText {#text} at (711,4) size 24x15
+              text run at (711,4) width 24: "one"
+        RenderText {#text} at (735,0) size 782x38
+          text run at (735,0) width 47: ", which"
+          text run at (0,19) width 299: "should result in 25-pixel left margin only in the "
+        RenderInline {STRONG} at (0,0) size 27x19
+          RenderText {#text} at (299,19) size 27x19
+            text run at (299,19) width 27: "first"
+        RenderText {#text} at (326,19) size 232x19
+          text run at (326,19) width 232: " line in which the inline box appears."
+      RenderBlock {P} at (0,148) size 784x37 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 543x19
+          text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
+          text run at (389,0) width 154: "However, it contains an "
+        RenderInline {SPAN} at (0,0) size 167x19 [bgcolor=#00FFFF]
+          RenderText {#text} at (533,0) size 143x19
+            text run at (533,0) width 143: "inline element of class "
+          RenderInline {TT} at (0,0) size 24x15
+            RenderText {#text} at (676,4) size 24x15
+              text run at (676,4) width 24: "two"
+        RenderText {#text} at (700,0) size 747x38
+          text run at (700,0) width 47: ", which"
+          text run at (0,19) width 284: "should result in -10px left margin only in the "
+        RenderInline {STRONG} at (0,0) size 27x19
+          RenderText {#text} at (284,19) size 27x19
+            text run at (284,19) width 27: "first"
+        RenderText {#text} at (311,19) size 232x19
+          text run at (311,19) width 232: " line in which the inline box appears."
+      RenderTable {TABLE} at (0,201) size 784x126 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x124
           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 163x17
-                RenderText {#text} at (4,4) size 163x17
+              RenderInline {STRONG} at (0,0) size 163x19
+                RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,26) size 782x96
-            RenderTableCell {TD} at (0,61) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x17
+          RenderTableRow {TR} at (0,26) size 782x98
+            RenderTableCell {TD} at (0,62) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x96 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x36 [bgcolor=#808080]
-                RenderText {#text} at (0,0) size 553x17
-                  text run at (0,0) width 397: "This element is unstyled save for a background color of gray. "
-                  text run at (396,0) width 157: "However, it contains an "
-                RenderInline {SPAN} at (0,0) size 172x17 [bgcolor=#00FFFF]
-                  RenderText {#text} at (577,0) size 148x17
-                    text run at (577,0) width 148: "inline element of class "
-                  RenderInline {TT} at (0,0) size 25x15
-                    RenderText {#text} at (724,3) size 25x15
-                      text run at (724,3) width 25: "one"
-                RenderText {#text} at (748,0) size 753x35
-                  text run at (748,0) width 5: ","
-                  text run at (0,18) width 351: "which should result in 25-pixel left margin only in the "
-                RenderInline {STRONG} at (0,0) size 29x17
-                  RenderText {#text} at (350,18) size 29x17
-                    text run at (350,18) width 29: "first"
-                RenderText {#text} at (378,18) size 237x17
-                  text run at (378,18) width 237: " line in which the inline box appears."
-              RenderBlock {P} at (4,56) size 762x36 [bgcolor=#808080]
-                RenderText {#text} at (0,0) size 553x17
-                  text run at (0,0) width 397: "This element is unstyled save for a background color of gray. "
-                  text run at (396,0) width 157: "However, it contains an "
-                RenderInline {SPAN} at (0,0) size 172x17 [bgcolor=#00FFFF]
-                  RenderText {#text} at (542,0) size 148x17
-                    text run at (542,0) width 148: "inline element of class "
-                  RenderInline {TT} at (0,0) size 25x15
-                    RenderText {#text} at (689,3) size 25x15
-                      text run at (689,3) width 25: "two"
-                RenderText {#text} at (713,0) size 761x35
-                  text run at (713,0) width 48: ", which"
-                  text run at (0,18) width 292: "should result in -10px left margin only in the "
-                RenderInline {STRONG} at (0,0) size 29x17
-                  RenderText {#text} at (291,18) size 29x17
-                    text run at (291,18) width 29: "first"
-                RenderText {#text} at (319,18) size 237x17
-                  text run at (319,18) width 237: " line in which the inline box appears."
+            RenderTableCell {TD} at (12,26) size 770x98 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x37 [bgcolor=#808080]
+                RenderText {#text} at (0,0) size 543x19
+                  text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
+                  text run at (389,0) width 154: "However, it contains an "
+                RenderInline {SPAN} at (0,0) size 167x19 [bgcolor=#00FFFF]
+                  RenderText {#text} at (568,0) size 143x19
+                    text run at (568,0) width 143: "inline element of class "
+                  RenderInline {TT} at (0,0) size 24x15
+                    RenderText {#text} at (711,4) size 24x15
+                      text run at (711,4) width 24: "one"
+                RenderText {#text} at (735,0) size 739x38
+                  text run at (735,0) width 4: ","
+                  text run at (0,19) width 342: "which should result in 25-pixel left margin only in the "
+                RenderInline {STRONG} at (0,0) size 27x19
+                  RenderText {#text} at (342,19) size 27x19
+                    text run at (342,19) width 27: "first"
+                RenderText {#text} at (369,19) size 232x19
+                  text run at (369,19) width 232: " line in which the inline box appears."
+              RenderBlock {P} at (4,57) size 762x37 [bgcolor=#808080]
+                RenderText {#text} at (0,0) size 543x19
+                  text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
+                  text run at (389,0) width 154: "However, it contains an "
+                RenderInline {SPAN} at (0,0) size 167x19 [bgcolor=#00FFFF]
+                  RenderText {#text} at (533,0) size 143x19
+                    text run at (533,0) width 143: "inline element of class "
+                  RenderInline {TT} at (0,0) size 24x15
+                    RenderText {#text} at (676,4) size 24x15
+                      text run at (676,4) width 24: "two"
+                RenderText {#text} at (700,0) size 747x38
+                  text run at (700,0) width 47: ", which"
+                  text run at (0,19) width 284: "should result in -10px left margin only in the "
+                RenderInline {STRONG} at (0,0) size 27x19
+                  RenderText {#text} at (284,19) size 27x19
+                    text run at (284,19) width 27: "first"
+                RenderText {#text} at (311,19) size 232x19
+                  text run at (311,19) width 232: " line in which the inline box appears."
index 4c79c6d..dbf026a 100644 (file)
-layer at (0,0) size 786x1023
-  RenderView at (0,0) size 784x584
-layer at (0,0) size 784x1023
-  RenderBlock {HTML} at (0,0) size 784x1023
-    RenderBody {BODY} at (8,8) size 768x1007 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 768x18
-        RenderText {#text} at (0,0) size 363x17
-          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 768x90
-        RenderText {#text} at (0,0) size 547x90
-          text run at (0,0) width 539: ".zero {background-color: silver; margin-right: 0; text-align: right;}"
-          text run at (538,0) width 1: " "
-          text run at (0,15) width 547: ".one {margin-right: 0.5in; text-align: right; background-color: aqua;}"
-          text run at (546,15) width 1: " "
-          text run at (0,30) width 539: ".two {margin-right: 25px; text-align: right; background-color: aqua;}"
-          text run at (538,30) width 1: " "
-          text run at (0,45) width 547: ".three {margin-right: 5em; text-align: right; background-color: aqua;}"
-          text run at (546,45) width 1: " "
-          text run at (0,60) width 539: ".four {margin-right: 25%; text-align: right; background-color: aqua;}"
-          text run at (538,60) width 1: " "
-          text run at (0,75) width 406: ".five {margin-right: -10px; background-color: aqua;}"
-          text run at (405,75) width 1: " "
-      RenderBlock {HR} at (0,137) size 768x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,155) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (560,0) size 208x17
-          text run at (560,0) width 208: "This element has a class of zero."
-      RenderBlock {P} at (0,189) size 720x18 [bgcolor=#00FFFF]
-        RenderText {#text} at (356,0) size 364x17
-          text run at (356,0) width 364: "This sentence should have a right margin of half an inch."
-      RenderBlock {P} at (0,223) size 743x18 [bgcolor=#00FFFF]
-        RenderText {#text} at (396,0) size 347x17
-          text run at (396,0) width 347: "This sentence should have a right margin of 25 pixels."
-      RenderBlock {P} at (0,257) size 688x18 [bgcolor=#00FFFF]
-        RenderText {#text} at (368,0) size 320x17
-          text run at (368,0) width 320: "This sentence should have a right margin of 5 em."
-      RenderBlock {P} at (0,291) size 576x36 [bgcolor=#00FFFF]
-        RenderText {#text} at (9,0) size 567x35
-          text run at (9,0) width 567: "This sentence should have a right margin of 25%, which is calculated with respect to the"
-          text run at (396,18) width 180: "width of the parent element."
-      RenderBlock {UL} at (0,343) size 743x108 [bgcolor=#808080]
-        RenderListItem {LI} at (40,0) size 703x36
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (26,0) size 677x35
-            text run at (26,0) width 677: "The right margin on this unordered list has been set to 25 pixels, and the background color has been set to"
-            text run at (670,18) width 33: "gray."
-        RenderListItem {LI} at (40,36) size 678x54 [bgcolor=#FFFFFF]
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (8,0) size 670x53
-            text run at (8,0) width 670: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
-            text run at (33,18) width 61: "checked. "
-            text run at (93,18) width 585: "This list item has its right margin also set to 25 pixels, which should combine with the list's"
-            text run at (139,36) width 539: "margin to make 50 pixels of margin, and its background-color has been set to white."
-        RenderListItem {LI} at (40,90) size 703x18
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (518,0) size 185x17
-            text run at (518,0) width 185: "This is an unclassed list item"
-      RenderBlock {P} at (0,467) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (560,0) size 208x17
-          text run at (560,0) width 208: "This element has a class of zero."
-      RenderBlock {P} at (0,501) size 778x54 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 752x53
-          text run at (0,0) width 749: "This paragraph has a right margin of -10px, which should cause it to be wider than it might otherwise be, and it has a"
-          text run at (0,18) width 149: "light blue background. "
-          text run at (148,18) width 395: "In all other respects, however, the element should be normal. "
-          text run at (542,18) width 210: "No styles have been applied to it"
-          text run at (0,36) width 384: "besides the negative right margin and the background color."
-      RenderTable {TABLE} at (0,571) size 768x436 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 766x434
-          RenderTableRow {TR} at (0,0) size 766x26
-            RenderTableCell {TD} at (0,0) size 766x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 163x17
-                RenderText {#text} at (4,4) size 163x17
+layer at (0,0) size 787x1005
+  RenderView at (0,0) size 785x585
+layer at (0,0) size 785x1005
+  RenderBlock {HTML} at (0,0) size 785x1005
+    RenderBody {BODY} at (8,8) size 769x989 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
+        RenderText {#text} at (0,0) size 355x19
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,34) size 769x90
+        RenderText {#text} at (0,0) size 560x90
+          text run at (0,0) width 552: ".zero {background-color: silver; margin-right: 0; text-align: right;}"
+          text run at (552,0) width 0: " "
+          text run at (0,15) width 560: ".one {margin-right: 0.5in; text-align: right; background-color: aqua;}"
+          text run at (560,15) width 0: " "
+          text run at (0,30) width 552: ".two {margin-right: 25px; text-align: right; background-color: aqua;}"
+          text run at (552,30) width 0: " "
+          text run at (0,45) width 560: ".three {margin-right: 5em; text-align: right; background-color: aqua;}"
+          text run at (560,45) width 0: " "
+          text run at (0,60) width 552: ".four {margin-right: 25%; text-align: right; background-color: aqua;}"
+          text run at (552,60) width 0: " "
+          text run at (0,75) width 416: ".five {margin-right: -10px; background-color: aqua;}"
+          text run at (416,75) width 0: " "
+      RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,155) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (566,0) size 203x19
+          text run at (566,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (0,189) size 721x18 [bgcolor=#00FFFF]
+        RenderText {#text} at (364,0) size 357x19
+          text run at (364,0) width 357: "This sentence should have a right margin of half an inch."
+      RenderBlock {P} at (0,223) size 744x18 [bgcolor=#00FFFF]
+        RenderText {#text} at (404,0) size 340x19
+          text run at (404,0) width 340: "This sentence should have a right margin of 25 pixels."
+      RenderBlock {P} at (0,257) size 689x18 [bgcolor=#00FFFF]
+        RenderText {#text} at (375,0) size 314x19
+          text run at (375,0) width 314: "This sentence should have a right margin of 5 em."
+      RenderBlock {P} at (0,291) size 577x36 [bgcolor=#00FFFF]
+        RenderText {#text} at (22,0) size 555x37
+          text run at (22,0) width 555: "This sentence should have a right margin of 25%, which is calculated with respect to the"
+          text run at (401,18) width 176: "width of the parent element."
+      RenderBlock {UL} at (0,343) size 744x90 [bgcolor=#808080]
+        RenderListItem {LI} at (40,0) size 704x18
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (4,0) size 700x19
+            text run at (4,0) width 700: "The right margin on this unordered list has been set to 25 pixels, and the background color has been set to gray."
+        RenderListItem {LI} at (40,18) size 679x54 [bgcolor=#FFFFFF]
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (23,0) size 677x55
+            text run at (23,0) width 656: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
+            text run at (2,18) width 60: "checked. "
+            text run at (62,18) width 617: "This list item has its right margin also set to 25 pixels, which should combine with the list's margin"
+            text run at (199,36) width 480: "to make 50 pixels of margin, and its background-color has been set to white."
+        RenderListItem {LI} at (40,72) size 704x18
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (525,0) size 179x19
+            text run at (525,0) width 179: "This is an unclassed list item"
+      RenderBlock {P} at (0,449) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (566,0) size 203x19
+          text run at (566,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (0,483) size 779x54 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 778x55
+          text run at (0,0) width 767: "This paragraph has a right margin of -10px, which should cause it to be wider than it might otherwise be, and it has a light"
+          text run at (0,18) width 114: "blue background. "
+          text run at (114,18) width 386: "In all other respects, however, the element should be normal. "
+          text run at (500,18) width 278: "No styles have been applied to it besides the"
+          text run at (0,36) width 303: "negative right margin and the background color."
+      RenderTable {TABLE} at (0,553) size 769x436 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 767x434
+          RenderTableRow {TR} at (0,0) size 767x26
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x19
+                RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,26) size 766x408
+          RenderTableRow {TR} at (0,26) size 767x408
             RenderTableCell {TD} at (0,217) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x17
+              RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 754x408 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (538,0) size 208x17
-                  text run at (538,0) width 208: "This element has a class of zero."
-              RenderBlock {P} at (4,38) size 698x18 [bgcolor=#00FFFF]
-                RenderText {#text} at (334,0) size 364x17
-                  text run at (334,0) width 364: "This sentence should have a right margin of half an inch."
-              RenderBlock {P} at (4,72) size 721x18 [bgcolor=#00FFFF]
-                RenderText {#text} at (374,0) size 347x17
-                  text run at (374,0) width 347: "This sentence should have a right margin of 25 pixels."
-              RenderBlock {P} at (4,106) size 666x18 [bgcolor=#00FFFF]
-                RenderText {#text} at (346,0) size 320x17
-                  text run at (346,0) width 320: "This sentence should have a right margin of 5 em."
-              RenderBlock {P} at (4,140) size 560x36 [bgcolor=#00FFFF]
-                RenderText {#text} at (17,0) size 543x35
-                  text run at (17,0) width 543: "This sentence should have a right margin of 25%, which is calculated with respect to"
-                  text run at (356,18) width 204: "the width of the parent element."
-              RenderBlock {UL} at (4,192) size 721x108 [bgcolor=#808080]
-                RenderListItem {LI} at (40,0) size 681x36
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (4,0) size 677x35
-                    text run at (4,0) width 677: "The right margin on this unordered list has been set to 25 pixels, and the background color has been set to"
-                    text run at (648,18) width 33: "gray."
-                RenderListItem {LI} at (40,36) size 656x54 [bgcolor=#FFFFFF]
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (39,0) size 638x53
-                    text run at (39,0) width 617: "Another list item might not be such a bad idea, either, considering that such things do need to be"
-                    text run at (18,18) width 111: "double-checked. "
-                    text run at (128,18) width 528: "This list item has its right margin also set to 25 pixels, which should combine with"
-                    text run at (61,36) width 595: "the list's margin to make 50 pixels of margin, and its background-color has been set to white."
-                RenderListItem {LI} at (40,90) size 681x18
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (496,0) size 185x17
-                    text run at (496,0) width 185: "This is an unclassed list item"
-              RenderBlock {P} at (4,316) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (538,0) size 208x17
-                  text run at (538,0) width 208: "This element has a class of zero."
-              RenderBlock {P} at (4,350) size 756x54 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 752x53
-                  text run at (0,0) width 749: "This paragraph has a right margin of -10px, which should cause it to be wider than it might otherwise be, and it has a"
-                  text run at (0,18) width 149: "light blue background. "
-                  text run at (148,18) width 395: "In all other respects, however, the element should be normal. "
-                  text run at (542,18) width 210: "No styles have been applied to it"
-                  text run at (0,36) width 384: "besides the negative right margin and the background color."
+            RenderTableCell {TD} at (12,26) size 755x408 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (544,0) size 203x19
+                  text run at (544,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (4,38) size 699x18 [bgcolor=#00FFFF]
+                RenderText {#text} at (342,0) size 357x19
+                  text run at (342,0) width 357: "This sentence should have a right margin of half an inch."
+              RenderBlock {P} at (4,72) size 722x18 [bgcolor=#00FFFF]
+                RenderText {#text} at (382,0) size 340x19
+                  text run at (382,0) width 340: "This sentence should have a right margin of 25 pixels."
+              RenderBlock {P} at (4,106) size 667x18 [bgcolor=#00FFFF]
+                RenderText {#text} at (353,0) size 314x19
+                  text run at (353,0) width 314: "This sentence should have a right margin of 5 em."
+              RenderBlock {P} at (4,140) size 561x36 [bgcolor=#00FFFF]
+                RenderText {#text} at (6,0) size 555x37
+                  text run at (6,0) width 555: "This sentence should have a right margin of 25%, which is calculated with respect to the"
+                  text run at (385,18) width 176: "width of the parent element."
+              RenderBlock {UL} at (4,192) size 722x108 [bgcolor=#808080]
+                RenderListItem {LI} at (40,0) size 682x36
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (18,0) size 664x37
+                    text run at (18,0) width 664: "The right margin on this unordered list has been set to 25 pixels, and the background color has been set to"
+                    text run at (650,18) width 32: "gray."
+                RenderListItem {LI} at (40,36) size 657x54 [bgcolor=#FFFFFF]
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (1,0) size 656x55
+                    text run at (1,0) width 656: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
+                    text run at (28,18) width 60: "checked. "
+                    text run at (88,18) width 569: "This list item has its right margin also set to 25 pixels, which should combine with the list's"
+                    text run at (129,36) width 528: "margin to make 50 pixels of margin, and its background-color has been set to white."
+                RenderListItem {LI} at (40,90) size 682x18
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (503,0) size 179x19
+                    text run at (503,0) width 179: "This is an unclassed list item"
+              RenderBlock {P} at (4,316) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (544,0) size 203x19
+                  text run at (544,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (4,350) size 757x54 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 737x55
+                  text run at (0,0) width 735: "This paragraph has a right margin of -10px, which should cause it to be wider than it might otherwise be, and it has a"
+                  text run at (0,18) width 146: "light blue background. "
+                  text run at (146,18) width 386: "In all other respects, however, the element should be normal. "
+                  text run at (532,18) width 205: "No styles have been applied to it"
+                  text run at (0,36) width 376: "besides the negative right margin and the background color."
index c98283d..ac26aa7 100644 (file)
@@ -4,96 +4,96 @@ 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 784x18
-        RenderText {#text} at (0,0) size 363x17
-          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+        RenderText {#text} at (0,0) size 355x19
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x30
-        RenderText {#text} at (0,0) size 539x30
-          text run at (0,0) width 539: ".one {margin-right: 25px; text-align: right; background-color: aqua;}"
-          text run at (538,0) width 1: " "
-          text run at (0,15) width 398: ".two {margin-right: -10px; background-color: aqua;}"
-          text run at (397,15) width 1: " "
+        RenderText {#text} at (0,0) size 552x30
+          text run at (0,0) width 552: ".one {margin-right: 25px; text-align: right; background-color: aqua;}"
+          text run at (552,0) width 0: " "
+          text run at (0,15) width 408: ".two {margin-right: -10px; background-color: aqua;}"
+          text run at (408,15) width 0: " "
       RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,95) size 784x36 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 553x17
-          text run at (0,0) width 397: "This element is unstyled save for a background color of gray. "
-          text run at (396,0) width 157: "However, it contains an "
-        RenderInline {SPAN} at (0,0) size 172x17 [bgcolor=#00FFFF]
-          RenderText {#text} at (552,0) size 148x17
-            text run at (552,0) width 148: "inline element of class "
-          RenderInline {TT} at (0,0) size 25x15
-            RenderText {#text} at (699,3) size 25x15
-              text run at (699,3) width 25: "one"
-        RenderText {#text} at (748,0) size 753x35
-          text run at (748,0) width 5: ","
-          text run at (0,18) width 360: "which should result in 25-pixel right margin only in the "
-        RenderInline {STRONG} at (0,0) size 25x17
-          RenderText {#text} at (359,18) size 25x17
-            text run at (359,18) width 25: "last"
-        RenderText {#text} at (383,18) size 237x17
-          text run at (383,18) width 237: " line in which the inline box appears."
-      RenderBlock {P} at (0,147) size 784x36 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 553x17
-          text run at (0,0) width 397: "This element is unstyled save for a background color of gray. "
-          text run at (396,0) width 157: "However, it contains an "
-        RenderInline {SPAN} at (0,0) size 172x17 [bgcolor=#00FFFF]
-          RenderText {#text} at (552,0) size 148x17
-            text run at (552,0) width 148: "inline element of class "
-          RenderInline {TT} at (0,0) size 25x15
-            RenderText {#text} at (699,3) size 25x15
-              text run at (699,3) width 25: "two"
-        RenderText {#text} at (713,0) size 761x35
-          text run at (713,0) width 48: ", which"
-          text run at (0,18) width 300: "should result in -10px right margin only in the "
-        RenderInline {STRONG} at (0,0) size 25x17
-          RenderText {#text} at (299,18) size 25x17
-            text run at (299,18) width 25: "last"
-        RenderText {#text} at (323,18) size 238x17
-          text run at (323,18) width 238: " line in which the inline box appears."
-      RenderTable {TABLE} at (0,199) size 784x124 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x122
+      RenderBlock {P} at (0,95) size 784x37 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 543x19
+          text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
+          text run at (389,0) width 154: "However, it contains an "
+        RenderInline {SPAN} at (0,0) size 167x19 [bgcolor=#00FFFF]
+          RenderText {#text} at (543,0) size 143x19
+            text run at (543,0) width 143: "inline element of class "
+          RenderInline {TT} at (0,0) size 24x15
+            RenderText {#text} at (686,4) size 24x15
+              text run at (686,4) width 24: "one"
+        RenderText {#text} at (735,0) size 782x38
+          text run at (735,0) width 47: ", which"
+          text run at (0,19) width 308: "should result in 25-pixel right margin only in the "
+        RenderInline {STRONG} at (0,0) size 23x19
+          RenderText {#text} at (308,19) size 23x19
+            text run at (308,19) width 23: "last"
+        RenderText {#text} at (331,19) size 232x19
+          text run at (331,19) width 232: " line in which the inline box appears."
+      RenderBlock {P} at (0,148) size 784x37 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 543x19
+          text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
+          text run at (389,0) width 154: "However, it contains an "
+        RenderInline {SPAN} at (0,0) size 167x19 [bgcolor=#00FFFF]
+          RenderText {#text} at (543,0) size 143x19
+            text run at (543,0) width 143: "inline element of class "
+          RenderInline {TT} at (0,0) size 24x15
+            RenderText {#text} at (686,4) size 24x15
+              text run at (686,4) width 24: "two"
+        RenderText {#text} at (700,0) size 747x38
+          text run at (700,0) width 47: ", which"
+          text run at (0,19) width 293: "should result in -10px right margin only in the "
+        RenderInline {STRONG} at (0,0) size 23x19
+          RenderText {#text} at (293,19) size 23x19
+            text run at (293,19) width 23: "last"
+        RenderText {#text} at (316,19) size 232x19
+          text run at (316,19) width 232: " line in which the inline box appears."
+      RenderTable {TABLE} at (0,201) size 784x126 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x124
           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 163x17
-                RenderText {#text} at (4,4) size 163x17
+              RenderInline {STRONG} at (0,0) size 163x19
+                RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,26) size 782x96
-            RenderTableCell {TD} at (0,61) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x17
+          RenderTableRow {TR} at (0,26) size 782x98
+            RenderTableCell {TD} at (0,62) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 770x96 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x36 [bgcolor=#808080]
-                RenderText {#text} at (0,0) size 553x17
-                  text run at (0,0) width 397: "This element is unstyled save for a background color of gray. "
-                  text run at (396,0) width 157: "However, it contains an "
-                RenderInline {SPAN} at (0,0) size 172x17 [bgcolor=#00FFFF]
-                  RenderText {#text} at (552,0) size 148x17
-                    text run at (552,0) width 148: "inline element of class "
-                  RenderInline {TT} at (0,0) size 25x15
-                    RenderText {#text} at (699,3) size 25x15
-                      text run at (699,3) width 25: "one"
-                RenderText {#text} at (748,0) size 753x35
-                  text run at (748,0) width 5: ","
-                  text run at (0,18) width 360: "which should result in 25-pixel right margin only in the "
-                RenderInline {STRONG} at (0,0) size 25x17
-                  RenderText {#text} at (359,18) size 25x17
-                    text run at (359,18) width 25: "last"
-                RenderText {#text} at (383,18) size 237x17
-                  text run at (383,18) width 237: " line in which the inline box appears."
-              RenderBlock {P} at (4,56) size 762x36 [bgcolor=#808080]
-                RenderText {#text} at (0,0) size 553x17
-                  text run at (0,0) width 397: "This element is unstyled save for a background color of gray. "
-                  text run at (396,0) width 157: "However, it contains an "
-                RenderInline {SPAN} at (0,0) size 172x17 [bgcolor=#00FFFF]
-                  RenderText {#text} at (552,0) size 148x17
-                    text run at (552,0) width 148: "inline element of class "
-                  RenderInline {TT} at (0,0) size 25x15
-                    RenderText {#text} at (699,3) size 25x15
-                      text run at (699,3) width 25: "two"
-                RenderText {#text} at (713,0) size 761x35
-                  text run at (713,0) width 48: ", which"
-                  text run at (0,18) width 300: "should result in -10px right margin only in the "
-                RenderInline {STRONG} at (0,0) size 25x17
-                  RenderText {#text} at (299,18) size 25x17
-                    text run at (299,18) width 25: "last"
-                RenderText {#text} at (323,18) size 238x17
-                  text run at (323,18) width 238: " line in which the inline box appears."
+            RenderTableCell {TD} at (12,26) size 770x98 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x37 [bgcolor=#808080]
+                RenderText {#text} at (0,0) size 543x19
+                  text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
+                  text run at (389,0) width 154: "However, it contains an "
+                RenderInline {SPAN} at (0,0) size 167x19 [bgcolor=#00FFFF]
+                  RenderText {#text} at (543,0) size 143x19
+                    text run at (543,0) width 143: "inline element of class "
+                  RenderInline {TT} at (0,0) size 24x15
+                    RenderText {#text} at (686,4) size 24x15
+                      text run at (686,4) width 24: "one"
+                RenderText {#text} at (735,0) size 739x38
+                  text run at (735,0) width 4: ","
+                  text run at (0,19) width 351: "which should result in 25-pixel right margin only in the "
+                RenderInline {STRONG} at (0,0) size 23x19
+                  RenderText {#text} at (351,19) size 23x19
+                    text run at (351,19) width 23: "last"
+                RenderText {#text} at (374,19) size 232x19
+                  text run at (374,19) width 232: " line in which the inline box appears."
+              RenderBlock {P} at (4,57) size 762x37 [bgcolor=#808080]
+                RenderText {#text} at (0,0) size 543x19
+                  text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
+                  text run at (389,0) width 154: "However, it contains an "
+                RenderInline {SPAN} at (0,0) size 167x19 [bgcolor=#00FFFF]
+                  RenderText {#text} at (543,0) size 143x19
+                    text run at (543,0) width 143: "inline element of class "
+                  RenderInline {TT} at (0,0) size 24x15
+                    RenderText {#text} at (686,4) size 24x15
+                      text run at (686,4) width 24: "two"
+                RenderText {#text} at (700,0) size 747x38
+                  text run at (700,0) width 47: ", which"
+                  text run at (0,19) width 293: "should result in -10px right margin only in the "
+                RenderInline {STRONG} at (0,0) size 23x19
+                  RenderText {#text} at (293,19) size 23x19
+                    text run at (293,19) width 23: "last"
+                RenderText {#text} at (316,19) size 232x19
+                  text run at (316,19) width 232: " line in which the inline box appears."
index 456bc3f..bf73059 100644 (file)
-layer at (0,0) size 784x1638
-  RenderView at (0,0) size 784x600
-layer at (0,0) size 784x1638
-  RenderBlock {HTML} at (0,0) size 784x1638
-    RenderBody {BODY} at (8,8) size 768x1622 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 768x18
-        RenderText {#text} at (0,0) size 363x17
-          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,31) size 768x120
-        RenderText {#text} at (0,0) size 383x120
-          text run at (0,0) width 375: ".zero {background-color: silver; margin-top: 0;}"
-          text run at (374,0) width 1: " "
-          text run at (0,15) width 383: ".one {margin-top: 0.5in; background-color: aqua;}"
-          text run at (382,15) width 1: " "
-          text run at (0,30) width 375: ".two {margin-top: 25px; background-color: aqua;}"
-          text run at (374,30) width 1: " "
-          text run at (0,45) width 383: ".three {margin-top: 5em; background-color: aqua;}"
-          text run at (382,45) width 1: " "
-          text run at (0,60) width 375: ".four {margin-top: 25%; background-color: aqua;}"
-          text run at (374,60) width 1: " "
-          text run at (0,75) width 196: ".five {margin-top: 25px;}"
-          text run at (195,75) width 1: " "
-          text run at (0,90) width 383: ".six {margin-top: -10px; background-color: aqua;}"
-          text run at (382,90) width 1: " "
-          text run at (0,105) width 196: "P, UL {margin-bottom: 0;}"
-          text run at (195,105) width 1: " "
-      RenderBlock {HR} at (0,164) size 768x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,174) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 208x17
-          text run at (0,0) width 208: "This element has a class of zero."
-      RenderBlock {P} at (0,192) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 238x17
-          text run at (0,0) width 238: "This element also has a class of zero."
-      RenderBlock {P} at (0,258) size 768x36 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 727x35
-          text run at (0,0) width 727: "This element should have a top margin of half an inch, which will require extra text in order to make sure that the"
-          text run at (0,18) width 209: "margin isn't applied to each line."
-      RenderBlock {P} at (0,319) size 768x36 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 759x35
-          text run at (0,0) width 759: "This element should have a top margin of 25 pixels, which will require extra text in order to make sure that the margin"
-          text run at (0,18) width 159: "isn't applied to each line."
-      RenderBlock {P} at (0,435) size 768x36 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 762x35
-          text run at (0,0) width 762: "This element should have a top margin of 5 em, which will require extra text in order to make sure that the margin isn't"
-          text run at (0,18) width 129: "applied to each line."
-      RenderBlock {P} at (0,663) size 768x36 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 736x35
-          text run at (0,0) width 736: "This element should have a top margin of 25%, which is calculated with respect to the width of the parent element."
-          text run at (0,18) width 272: "This will require extra text in order to test."
-      RenderBlock {UL} at (0,724) size 768x97 [bgcolor=#00FFFF]
-        RenderListItem {LI} at (40,0) size 728x18
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (0,0) size 408x17
-            text run at (0,0) width 408: "This list has a margin-top of 25px, and a light blue background."
-        RenderListItem {LI} at (40,18) size 728x18
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (0,0) size 269x17
-            text run at (0,0) width 269: "Therefore, it ought to have such a margin."
-        RenderListItem {LI} at (40,61) size 728x18
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (0,0) size 580x17
-            text run at (0,0) width 580: "This list item has a top margin of 25px, which should cause it to be offset in some fashion."
-        RenderListItem {LI} at (40,79) size 728x18
-          RenderListMarker at (-17,0) size 7x17: bullet
-          RenderText {#text} at (0,0) size 304x17
-            text run at (0,0) width 304: "This list item has no special styles applied to it."
-      RenderBlock {P} at (0,821) size 768x18 [bgcolor=#C0C0C0]
-        RenderText {#text} at (0,0) size 208x17
-          text run at (0,0) width 208: "This element has a class of zero."
-      RenderBlock {P} at (0,829) size 768x54 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 759x53
-          text run at (0,0) width 725: "This element has a top margin of -10px, which should cause it to be shifted \"upward\" on the page, and no bottom"
-          text run at (0,18) width 54: "margin. "
-          text run at (53,18) width 498: "No other styles have been applied to it besides a light blue background color. "
-          text run at (550,18) width 209: "In all other respects, the element"
-          text run at (0,36) width 116: "should be normal."
-      RenderTable {TABLE} at (0,883) size 768x739 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 766x737
-          RenderTableRow {TR} at (0,0) size 766x26
-            RenderTableCell {TD} at (0,0) size 766x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 163x17
-                RenderText {#text} at (4,4) size 163x17
+layer at (0,0) size 785x1638
+  RenderView at (0,0) size 785x600
+layer at (0,0) size 785x1638
+  RenderBlock {HTML} at (0,0) size 785x1638
+    RenderBody {BODY} at (8,8) size 769x1622 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
+        RenderText {#text} at (0,0) size 355x19
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 769x120
+        RenderText {#text} at (0,0) size 392x120
+          text run at (0,0) width 384: ".zero {background-color: silver; margin-top: 0;}"
+          text run at (384,0) width 0: " "
+          text run at (0,15) width 392: ".one {margin-top: 0.5in; background-color: aqua;}"
+          text run at (392,15) width 0: " "
+          text run at (0,30) width 384: ".two {margin-top: 25px; background-color: aqua;}"
+          text run at (384,30) width 0: " "
+          text run at (0,45) width 392: ".three {margin-top: 5em; background-color: aqua;}"
+          text run at (392,45) width 0: " "
+          text run at (0,60) width 384: ".four {margin-top: 25%; background-color: aqua;}"
+          text run at (384,60) width 0: " "
+          text run at (0,75) width 200: ".five {margin-top: 25px;}"
+          text run at (200,75) width 0: " "
+          text run at (0,90) width 392: ".six {margin-top: -10px; background-color: aqua;}"
+          text run at (392,90) width 0: " "
+          text run at (0,105) width 200: "P, UL {margin-bottom: 0;}"
+          text run at (200,105) width 0: " "
+      RenderBlock {HR} at (0,164) size 769x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,174) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x19
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (0,192) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 232x19
+          text run at (0,0) width 232: "This element also has a class of zero."
+      RenderBlock {P} at (0,258) size 769x36 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 759x37
+          text run at (0,0) width 759: "This element should have a top margin of half an inch, which will require extra text in order to make sure that the margin"
+          text run at (0,18) width 155: "isn't applied to each line."
+      RenderBlock {P} at (0,319) size 769x36 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 742x37
+          text run at (0,0) width 742: "This element should have a top margin of 25 pixels, which will require extra text in order to make sure that the margin"
+          text run at (0,18) width 155: "isn't applied to each line."
+      RenderBlock {P} at (0,435) size 769x36 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 745x37
+          text run at (0,0) width 745: "This element should have a top margin of 5 em, which will require extra text in order to make sure that the margin isn't"
+          text run at (0,18) width 126: "applied to each line."
+      RenderBlock {P} at (0,663) size 769x36 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 753x37
+          text run at (0,0) width 725: "This element should have a top margin of 25%, which is calculated with respect to the width of the parent element. "
+          text run at (725,0) width 28: "This"
+          text run at (0,18) width 232: "will require extra text in order to test."
+      RenderBlock {UL} at (0,724) size 769x97 [bgcolor=#00FFFF]
+        RenderListItem {LI} at (40,0) size 729x18
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (0,0) size 400x19
+            text run at (0,0) width 400: "This list has a margin-top of 25px, and a light blue background."
+        RenderListItem {LI} at (40,18) size 729x18
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (0,0) size 264x19
+            text run at (0,0) width 264: "Therefore, it ought to have such a margin."
+        RenderListItem {LI} at (40,61) size 729x18
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (0,0) size 567x19
+            text run at (0,0) width 567: "This list item has a top margin of 25px, which should cause it to be offset in some fashion."
+        RenderListItem {LI} at (40,79) size 729x18
+          RenderListMarker at (-18,0) size 7x19: bullet
+          RenderText {#text} at (0,0) size 294x19
+            text run at (0,0) width 294: "This list item has no special styles applied to it."
+      RenderBlock {P} at (0,821) size 769x18 [bgcolor=#C0C0C0]
+        RenderText {#text} at (0,0) size 203x19
+          text run at (0,0) width 203: "This element has a class of zero."
+      RenderBlock {P} at (0,829) size 769x54 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 766x55
+          text run at (0,0) width 766: "This element has a top margin of -10px, which should cause it to be shifted \"upward\" on the page, and no bottom margin."
+          text run at (0,18) width 488: "No other styles have been applied to it besides a light blue background color. "
+          text run at (488,18) width 267: "In all other respects, the element should be"
+          text run at (0,36) width 48: "normal."
+      RenderTable {TABLE} at (0,883) size 769x739 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 767x737
+          RenderTableRow {TR} at (0,0) size 767x26
+            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x19
+                RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,26) size 766x711
+          RenderTableRow {TR} at (0,26) size 767x711
             RenderTableCell {TD} at (0,368) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x17
+              RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,26) size 754x711 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 208x17
-                  text run at (0,0) width 208: "This element has a class of zero."
-              RenderBlock {P} at (4,22) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 238x17
-                  text run at (0,0) width 238: "This element also has a class of zero."
-              RenderBlock {P} at (4,88) size 746x36 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 727x35
-                  text run at (0,0) width 727: "This element should have a top margin of half an inch, which will require extra text in order to make sure that the"
-                  text run at (0,18) width 209: "margin isn't applied to each line."
-              RenderBlock {P} at (4,149) size 746x36 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 710x35
-                  text run at (0,0) width 710: "This element should have a top margin of 25 pixels, which will require extra text in order to make sure that the"
-                  text run at (0,18) width 209: "margin isn't applied to each line."
-              RenderBlock {P} at (4,265) size 746x36 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 732x35
-                  text run at (0,0) width 732: "This element should have a top margin of 5 em, which will require extra text in order to make sure that the margin"
-                  text run at (0,18) width 159: "isn't applied to each line."
-              RenderBlock {P} at (4,487) size 746x36 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 736x35
-                  text run at (0,0) width 736: "This element should have a top margin of 25%, which is calculated with respect to the width of the parent element."
-                  text run at (0,18) width 272: "This will require extra text in order to test."
-              RenderBlock {UL} at (4,548) size 746x97 [bgcolor=#00FFFF]
-                RenderListItem {LI} at (40,0) size 706x18
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (0,0) size 408x17
-                    text run at (0,0) width 408: "This list has a margin-top of 25px, and a light blue background."
-                RenderListItem {LI} at (40,18) size 706x18
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (0,0) size 269x17
-                    text run at (0,0) width 269: "Therefore, it ought to have such a margin."
-                RenderListItem {LI} at (40,61) size 706x18
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (0,0) size 580x17
-                    text run at (0,0) width 580: "This list item has a top margin of 25px, which should cause it to be offset in some fashion."
-                RenderListItem {LI} at (40,79) size 706x18
-                  RenderListMarker at (-17,0) size 7x17: bullet
-                  RenderText {#text} at (0,0) size 304x17
-                    text run at (0,0) width 304: "This list item has no special styles applied to it."
-              RenderBlock {P} at (4,645) size 746x18 [bgcolor=#C0C0C0]
-                RenderText {#text} at (0,0) size 208x17
-                  text run at (0,0) width 208: "This element has a class of zero."
-              RenderBlock {P} at (4,653) size 746x54 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 725x53
-                  text run at (0,0) width 725: "This element has a top margin of -10px, which should cause it to be shifted \"upward\" on the page, and no bottom"
-                  text run at (0,18) width 54: "margin. "
-                  text run at (53,18) width 498: "No other styles have been applied to it besides a light blue background color. "
-                  text run at (550,18) width 154: "In all other respects, the"
-                  text run at (0,36) width 170: "element should be normal."
+            RenderTableCell {TD} at (12,26) size 755x711 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x19
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (4,22) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 232x19
+                  text run at (0,0) width 232: "This element also has a class of zero."
+              RenderBlock {P} at (4,88) size 747x36 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 711x37
+                  text run at (0,0) width 711: "This element should have a top margin of half an inch, which will require extra text in order to make sure that the"
+                  text run at (0,18) width 203: "margin isn't applied to each line."
+              RenderBlock {P} at (4,149) size 747x36 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 742x37
+                  text run at (0,0) width 742: "This element should have a top margin of 25 pixels, which will require extra text in order to make sure that the margin"
+                  text run at (0,18) width 155: "isn't applied to each line."
+              RenderBlock {P} at (4,265) size 747x36 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 745x37
+                  text run at (0,0) width 745: "This element should have a top margin of 5 em, which will require extra text in order to make sure that the margin isn't"
+                  text run at (0,18) width 126: "applied to each line."
+              RenderBlock {P} at (4,487) size 747x36 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 721x37
+                  text run at (0,0) width 721: "This element should have a top margin of 25%, which is calculated with respect to the width of the parent element."
+                  text run at (0,18) width 264: "This will require extra text in order to test."
+              RenderBlock {UL} at (4,548) size 747x97 [bgcolor=#00FFFF]
+                RenderListItem {LI} at (40,0) size 707x18
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (0,0) size 400x19
+                    text run at (0,0) width 400: "This list has a margin-top of 25px, and a light blue background."
+                RenderListItem {LI} at (40,18) size 707x18
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (0,0) size 264x19
+                    text run at (0,0) width 264: "Therefore, it ought to have such a margin."
+                RenderListItem {LI} at (40,61) size 707x18
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (0,0) size 567x19
+                    text run at (0,0) width 567: "This list item has a top margin of 25px, which should cause it to be offset in some fashion."
+                RenderListItem {LI} at (40,79) size 707x18
+                  RenderListMarker at (-18,0) size 7x19: bullet
+                  RenderText {#text} at (0,0) size 294x19
+                    text run at (0,0) width 294: "This list item has no special styles applied to it."
+              RenderBlock {P} at (4,645) size 747x18 [bgcolor=#C0C0C0]
+                RenderText {#text} at (0,0) size 203x19
+                  text run at (0,0) width 203: "This element has a class of zero."
+              RenderBlock {P} at (4,653) size 747x54 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 742x55
+                  text run at (0,0) width 714: "This element has a top margin of -10px, which should cause it to be shifted \"upward\" on the page, and no bottom"
+                  text run at (0,18) width 52: "margin. "
+                  text run at (52,18) width 488: "No other styles have been applied to it besides a light blue background color. "
+                  text run at (540,18) width 202: "In all other respects, the element"
+                  text run at (0,36) width 113: "should be normal."
index c9d3b21..9268661 100644 (file)
@@ -4,95 +4,95 @@ 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 784x18
-        RenderText {#text} at (0,0) size 363x17
-          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+        RenderText {#text} at (0,0) size 355x19
+          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x60
-        RenderText {#text} at (0,0) size 383x60
-          text run at (0,0) width 375: ".zero {background-color: silver; margin-top: 0;}"
-          text run at (374,0) width 1: " "
-          text run at (0,15) width 375: ".one {margin-top: 25px; background-color: aqua;}"
-          text run at (374,15) width 1: " "
-          text run at (0,30) width 383: ".two {margin-top: -10px; background-color: aqua;}"
-          text run at (382,30) width 1: " "
+        RenderText {#text} at (0,0) size 392x60
+          text run at (0,0) width 384: ".zero {background-color: silver; margin-top: 0;}"
+          text run at (384,0) width 0: " "
+          text run at (0,15) width 384: ".one {margin-top: 25px; background-color: aqua;}"
+          text run at (384,15) width 0: " "
+          text run at (0,30) width 392: ".two {margin-top: -10px; background-color: aqua;}"
+          text run at (392,30) width 0: " "
           text run at (0,45) width 0: " "
       RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,125) size 784x54 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 487x17
-          text run at (0,0) width 397: "This element is unstyled save for a background color of gray. "
-          text run at (396,0) width 91: "It contains an "
-        RenderInline {SPAN} at (0,0) size 773x35 [bgcolor=#00FFFF]
-          RenderText {#text} at (486,0) size 149x17
-            text run at (486,0) width 149: "inline element of class "
+      RenderBlock {P} at (0,125) size 784x55 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 477x19
+          text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
+          text run at (389,0) width 88: "It contains an "
+        RenderInline {SPAN} at (0,0) size 757x38 [bgcolor=#00FFFF]
+          RenderText {#text} at (477,0) size 143x19
+            text run at (477,0) width 143: "inline element of class "
           RenderInline {TT} at (0,0) size 24x15
-            RenderText {#text} at (634,3) size 24x15
-              text run at (634,3) width 24: "one"
-          RenderText {#text} at (657,0) size 773x35
-            text run at (657,0) width 116: ", giving it an aqua"
-            text run at (0,18) width 224: "background and a 25px top margin"
-        RenderText {#text} at (223,18) size 765x35
-          text run at (223,18) width 9: ". "
-          text run at (231,18) width 534: "Margins on inline elements do not affect line-height calculations, so all lines in this"
-          text run at (0,36) width 270: "element should have the same line-height."
-      RenderBlock {P} at (0,195) size 784x54 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 487x17
-          text run at (0,0) width 397: "This element is unstyled save for a background color of gray. "
-          text run at (396,0) width 91: "It contains an "
-        RenderInline {SPAN} at (0,0) size 771x35 [bgcolor=#00FFFF]
-          RenderText {#text} at (486,0) size 149x17
-            text run at (486,0) width 149: "inline element of class "
+            RenderText {#text} at (620,4) size 24x15
+              text run at (620,4) width 24: "one"
+          RenderText {#text} at (644,0) size 757x38
+            text run at (644,0) width 113: ", giving it an aqua"
+            text run at (0,19) width 221: "background and a 25px top margin"
+        RenderText {#text} at (221,19) size 747x37
+          text run at (221,19) width 8: ". "
+          text run at (229,19) width 518: "Margins on inline elements do not affect line-height calculations, so all lines in this"
+          text run at (0,37) width 263: "element should have the same line-height."
+      RenderBlock {P} at (0,196) size 784x55 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 477x19
+          text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
+          text run at (389,0) width 88: "It contains an "
+        RenderInline {SPAN} at (0,0) size 754x38 [bgcolor=#00FFFF]
+          RenderText {#text} at (477,0) size 143x19
+            text run at (477,0) width 143: "inline element of class "
           RenderInline {TT} at (0,0) size 24x15
-            RenderText {#text} at (634,3) size 24x15
-              text run at (634,3) width 24: "two"
-          RenderText {#text} at (657,0) size 771x35
-            text run at (657,0) width 114: ", giving the inline"
-            text run at (0,18) width 337: "element an aqua background and a -10px top margin"
-        RenderText {#text} at (336,18) size 781x35
-          text run at (336,18) width 9: ". "
-          text run at (344,18) width 437: "Margins on inline elements do not affect line-height calculations, so"
-          text run at (0,36) width 368: "all lines in this element should have the same line-height."
-      RenderTable {TABLE} at (0,265) size 784x160 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x158
+            RenderText {#text} at (620,4) size 24x15
+              text run at (620,4) width 24: "two"
+          RenderText {#text} at (644,0) size 754x38
+            text run at (644,0) width 110: ", giving the inline"
+            text run at (0,19) width 332: "element an aqua background and a -10px top margin"
+        RenderText {#text} at (332,19) size 783x37
+          text run at (332,19) width 8: ". "
+          text run at (340,19) width 443: "Margins on inline elements do not affect line-height calculations, so all"
+          text run at (0,37) width 338: "lines in this element should have the same line-height."
+      RenderTable {TABLE} at (0,267) size 784x162 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x160
           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 163x17
-                RenderText {#text} at (4,4) size 163x17
+              RenderInline {STRONG} at (0,0) size 163x19
+                RenderText {#text} at (4,4) size 163x19
                   text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,26) size 782x132
-            RenderTableCell {TD} at (0,79) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x17
+          RenderTableRow {TR} at (0,26) size 782x134
+            RenderTableCell {TD} at (0,80) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            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 762x54 [bgcolor=#808080]
-                RenderText {#text} at (0,0) size 487x17
-                  text run at (0,0) width 397: "This element is unstyled save for a background color of gray. "
-                  text run at (396,0) width 91: "It contains an "
-                RenderInline {SPAN} at (0,0) size 739x35 [bgcolor=#00FFFF]
-                  RenderText {#text} at (486,0) size 149x17
-                    text run at (486,0) width 149: "inline element of class "
+            RenderTableCell {TD} at (12,26) size 770x134 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x55 [bgcolor=#808080]
+                RenderText {#text} at (0,0) size 477x19
+                  text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
+                  text run at (389,0) width 88: "It contains an "
+                RenderInline {SPAN} at (0,0) size 757x38 [bgcolor=#00FFFF]
+                  RenderText {#text} at (477,0) size 143x19
+                    text run at (477,0) width 143: "inline element of class "
                   RenderInline {TT} at (0,0) size 24x15
-                    RenderText {#text} at (634,3) size 24x15
-                      text run at (634,3) width 24: "one"
-                  RenderText {#text} at (657,0) size 739x35
-                    text run at (657,0) width 82: ", giving it an"
-                    text run at (0,18) width 258: "aqua background and a 25px top margin"
-                RenderText {#text} at (257,18) size 756x35
-                  text run at (257,18) width 9: ". "
-                  text run at (265,18) width 491: "Margins on inline elements do not affect line-height calculations, so all lines"
-                  text run at (0,36) width 313: "in this element should have the same line-height."
-              RenderBlock {P} at (4,74) size 762x54 [bgcolor=#808080]
-                RenderText {#text} at (0,0) size 487x17
-                  text run at (0,0) width 397: "This element is unstyled save for a background color of gray. "
-                  text run at (396,0) width 91: "It contains an "
-                RenderInline {SPAN} at (0,0) size 730x35 [bgcolor=#00FFFF]
-                  RenderText {#text} at (486,0) size 149x17
-                    text run at (486,0) width 149: "inline element of class "
+                    RenderText {#text} at (620,4) size 24x15
+                      text run at (620,4) width 24: "one"
+                  RenderText {#text} at (644,0) size 757x38
+                    text run at (644,0) width 113: ", giving it an aqua"
+                    text run at (0,19) width 221: "background and a 25px top margin"
+                RenderText {#text} at (221,19) size 747x37
+                  text run at (221,19) width 8: ". "
+                  text run at (229,19) width 518: "Margins on inline elements do not affect line-height calculations, so all lines in this"
+                  text run at (0,37) width 263: "element should have the same line-height."
+              RenderBlock {P} at (4,75) size 762x55 [bgcolor=#808080]
+                RenderText {#text} at (0,0) size 477x19
+                  text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
+                  text run at (389,0) width 88: "It contains an "
+                RenderInline {SPAN} at (0,0) size 754x38 [bgcolor=#00FFFF]
+                  RenderText {#text} at (477,0) size 143x19
+                    text run at (477,0) width 143: "inline element of class "
                   RenderInline {TT} at (0,0) size 24x15
-                    RenderText {#text} at (634,3) size 24x15
-                      text run at (634,3) width 24: "two"
-                  RenderText {#text} at (657,0) size 730x35
-                    text run at (657,0) width 73: ", giving the"
-                    text run at (0,18) width 378: "inline element an aqua background and a -10px top margin"
-                RenderText {#text} at (377,18) size 719x35
-                  text run at (377,18) width 9: ". "
-                  text run at (385,18) width 334: "Margins on inline elements do not affect line-height"
-                  text run at (0,36) width 470: "calculations, so all lines in this element should have the same line-height."
+                    RenderText {#text} at (620,4) size 24x15
+                      text run at (620,4) width 24: "two"
+                  RenderText {#text} at (644,0) size 754x38
+                    text run at (644,0) width 110: ", giving the inline"
+                    text run at (0,19) width 332: "element an aqua background and a -10px top margin"
+                RenderText {#text} at (332,19) size 746x37
+                  text run at (332,19) width 8: ". "
+                  text run at (340,19) width 406: "Margins on inline elements do not affect line-height calculations,"
+                  text run at (0,37) width 375: "so all lines in this element should have the same line-height."