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

        [Qt] Update font metrics for these css1 tests.

        * platform/qt/Skipped:
        * platform/qt/css1/formatting_model/canvas-expected.txt:
        * platform/qt/css1/formatting_model/floating_elements-expected.txt:
        * platform/qt/css1/formatting_model/height_of_lines-expected.txt:
        * platform/qt/css1/formatting_model/horizontal_formatting-expected.txt:
        * platform/qt/css1/formatting_model/inline_elements-expected.txt:
        * platform/qt/css1/formatting_model/replaced_elements-expected.txt:
        * platform/qt/css1/formatting_model/vertical_formatting-expected.txt:
        * platform/qt/css1/pseudo/anchor-expected.txt:
        * platform/qt/css1/pseudo/firstletter-expected.txt:
        * platform/qt/css1/pseudo/firstline-expected.txt:
        * platform/qt/css1/pseudo/multiple_pseudo_elements-expected.txt:
        * platform/qt/css1/pseudo/pseudo_elements_in_selectors-expected.txt:

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

14 files changed:
LayoutTests/ChangeLog
LayoutTests/platform/qt/Skipped
LayoutTests/platform/qt/css1/formatting_model/canvas-expected.txt
LayoutTests/platform/qt/css1/formatting_model/floating_elements-expected.txt
LayoutTests/platform/qt/css1/formatting_model/height_of_lines-expected.txt
LayoutTests/platform/qt/css1/formatting_model/horizontal_formatting-expected.txt
LayoutTests/platform/qt/css1/formatting_model/inline_elements-expected.txt
LayoutTests/platform/qt/css1/formatting_model/replaced_elements-expected.txt
LayoutTests/platform/qt/css1/formatting_model/vertical_formatting-expected.txt
LayoutTests/platform/qt/css1/pseudo/anchor-expected.txt
LayoutTests/platform/qt/css1/pseudo/firstletter-expected.txt
LayoutTests/platform/qt/css1/pseudo/firstline-expected.txt
LayoutTests/platform/qt/css1/pseudo/multiple_pseudo_elements-expected.txt
LayoutTests/platform/qt/css1/pseudo/pseudo_elements_in_selectors-expected.txt

index e2c50cd..3a5d8cc 100644 (file)
@@ -2,6 +2,26 @@
 
         Reviewed by Ariya Hidayat.
 
+        [Qt] Update font metrics for these css1 tests.
+
+        * platform/qt/Skipped:
+        * platform/qt/css1/formatting_model/canvas-expected.txt:
+        * platform/qt/css1/formatting_model/floating_elements-expected.txt:
+        * platform/qt/css1/formatting_model/height_of_lines-expected.txt:
+        * platform/qt/css1/formatting_model/horizontal_formatting-expected.txt:
+        * platform/qt/css1/formatting_model/inline_elements-expected.txt:
+        * platform/qt/css1/formatting_model/replaced_elements-expected.txt:
+        * platform/qt/css1/formatting_model/vertical_formatting-expected.txt:
+        * platform/qt/css1/pseudo/anchor-expected.txt:
+        * platform/qt/css1/pseudo/firstletter-expected.txt:
+        * platform/qt/css1/pseudo/firstline-expected.txt:
+        * platform/qt/css1/pseudo/multiple_pseudo_elements-expected.txt:
+        * platform/qt/css1/pseudo/pseudo_elements_in_selectors-expected.txt:
+
+2009-08-31  Andras Becsi  <becsi.andras@stud.u-szeged.hu>
+
+        Reviewed by Ariya Hidayat.
+
         [Qt] Update outdated font metrics for these css1 tests.
 
         * platform/qt/Skipped:
index 216b4c8..59de3d6 100644 (file)
@@ -1095,18 +1095,6 @@ fast/loader/stop-provisional-loads.html
 # Skip tests with metrics for now
 animations/animation-drt-api.html
 animations/animation-drt-api-multiple-keyframes.html
-css1/formatting_model/canvas.html
-css1/formatting_model/floating_elements.html
-css1/formatting_model/height_of_lines.html
-css1/formatting_model/horizontal_formatting.html
-css1/formatting_model/inline_elements.html
-css1/formatting_model/replaced_elements.html
-css1/formatting_model/vertical_formatting.html
-css1/pseudo/anchor.html
-css1/pseudo/firstletter.html
-css1/pseudo/firstline.html
-css1/pseudo/multiple_pseudo_elements.html
-css1/pseudo/pseudo_elements_in_selectors.html
 css1/text_properties/letter_spacing.html
 css1/text_properties/line_height.html
 css1/text_properties/text_align.html
index ccb6a56..318d61a 100644 (file)
@@ -3,39 +3,39 @@ layer at (0,0) size 800x600
 layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600 [bgcolor=#00FFFF]
     RenderBody {BODY} at (25,25) size 750x550 [bgcolor=#008000]
-      RenderBlock {P} at (0,0) size 750x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 750x38
-        RenderText {#text} at (0,0) size 471x38
-          text run at (0,0) width 208: "HTML {background-color: aqua;}"
-          text run at (208,0) width 0: " "
-          text run at (0,19) width 471: "BODY {background-color: green; background-image: none; margin: 25px;}"
-          text run at (471,19) width 0: " "
-      RenderBlock {HR} at (0,85) size 750x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,101) size 750x57
-        RenderText {#text} at (0,0) size 745x57
-          text run at (0,0) width 390: "The body of this document should have a green background. "
-          text run at (390,0) width 309: "It also has a margin of 25 pixels, so the light blue"
-          text run at (0,19) width 423: "background set for the HTML element should surround the BODY. "
-          text run at (423,19) width 322: "If the BODY content is significantly shorter than the"
-          text run at (0,38) width 497: "browser's window height, then the bottom border may be larger than 25 pixels."
-      RenderTable {TABLE} at (0,172) size 750x95 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 748x93
-          RenderTableRow {TR} at (0,0) size 748x28
-            RenderTableCell {TD} at (0,0) size 748x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 748x65
-            RenderTableCell {TD} at (0,47) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+      RenderBlock {P} at (0,0) size 750x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 750x34
+        RenderText {#text} at (0,0) size 425x34
+          text run at (0,0) width 186: "HTML {background-color: aqua;}"
+          text run at (186,0) width 0: " "
+          text run at (0,17) width 425: "BODY {background-color: green; background-image: none; margin: 25px;}"
+          text run at (425,17) width 0: " "
+      RenderBlock {HR} at (0,77) size 750x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,92) size 750x51
+        RenderText {#text} at (0,0) size 740x51
+          text run at (0,0) width 355: "The body of this document should have a green background. "
+          text run at (355,0) width 379: "It also has a margin of 25 pixels, so the light blue background set"
+          text run at (0,17) width 293: "for the HTML element should surround the BODY. "
+          text run at (293,17) width 447: "If the BODY content is significantly shorter than the browser's window height,"
+          text run at (0,34) width 303: "then the bottom border may be larger than 25 pixels."
+      RenderTable {TABLE} at (0,156) size 750x87 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 748x85
+          RenderTableRow {TR} at (0,0) size 748x26
+            RenderTableCell {TD} at (0,0) size 748x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 748x59
+            RenderTableCell {TD} at (0,43) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 736x65 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 728x57
-                RenderText {#text} at (0,0) size 721x57
-                  text run at (0,0) width 390: "The body of this document should have a green background. "
-                  text run at (390,0) width 309: "It also has a margin of 25 pixels, so the light blue"
-                  text run at (0,19) width 423: "background set for the HTML element should surround the BODY. "
-                  text run at (423,19) width 298: "If the BODY content is significantly shorter than"
-                  text run at (0,38) width 521: "the browser's window height, then the bottom border may be larger than 25 pixels."
+            RenderTableCell {TD} at (12,26) size 736x59 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 728x51
+                RenderText {#text} at (0,0) size 719x51
+                  text run at (0,0) width 355: "The body of this document should have a green background. "
+                  text run at (355,0) width 357: "It also has a margin of 25 pixels, so the light blue background"
+                  text run at (0,17) width 315: "set for the HTML element should surround the BODY. "
+                  text run at (315,17) width 404: "If the BODY content is significantly shorter than the browser's window"
+                  text run at (0,34) width 346: "height, then the bottom border may be larger than 25 pixels."
index df4a9da..8ada2bc 100644 (file)
-layer at (0,0) size 800x6417
+layer at (0,0) size 800x5680
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x6417
-  RenderBlock {HTML} at (0,0) size 800x6417
-    RenderBody {BODY} at (8,8) size 784x6401 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x171
-        RenderText {#text} at (0,0) size 382x171
-          text run at (0,0) width 214: "HR.minor {clear: both; width: 5%;}"
-          text run at (214,0) width 0: " "
-          text run at (0,19) width 322: "HR.major {clear: both; width: 75%; margin: 1.5em;}"
-          text run at (322,19) width 0: " "
-          text run at (0,38) width 382: "DIV {border: 5px solid purple; padding: 0; margin: 0.125em;}"
-          text run at (382,38) width 0: " "
-          text run at (0,57) width 334: "P.left, P.right {width: 10em; padding: 1em; margin: 0;"
-          text run at (334,57) width 0: " "
-          text run at (0,76) width 317: "   border: 1px solid lime; background-color: silver;}"
-          text run at (317,76) width 0: " "
-          text run at (0,95) width 346: "IMG.left, IMG.right {margin: 0; border: 3px solid black;}"
-          text run at (346,95) width 0: " "
-          text run at (0,114) width 95: ".left {float: left;}"
-          text run at (95,114) width 0: " "
-          text run at (0,133) width 113: ".right {float: right;}"
-          text run at (113,133) width 0: " "
-          text run at (0,152) width 0: " "
-      RenderBlock {HR} at (0,218) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,234) size 784x38
-        RenderText {#text} at (0,0) size 781x38
-          text run at (0,0) width 689: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
-          text run at (689,0) width 92: "Other than the"
-          text run at (0,19) width 736: "substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of the floats."
-      RenderBlock {HR} at (21,293) size 590x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (1,316) size 782x86 [border: (5px solid #800080)]
-        RenderBlock (floating) {P} at (5,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (15,15) size 127x57
-            text run at (15,15) width 127: "This is a left-floating"
-            text run at (15,34) width 113: "paragraph (first in"
-            text run at (15,53) width 52: "source)."
-        RenderBlock (floating) {P} at (607,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (15,15) size 136x57
-            text run at (15,15) width 136: "This is a right-floating"
-            text run at (15,34) width 136: "paragraph (second in"
-            text run at (15,53) width 52: "source)."
-        RenderText {#text} at (175,5) size 421x76
-          text run at (175,5) width 167: "This is text within the DIV. "
-          text run at (342,5) width 230: "The floating elements within this DIV"
-          text run at (175,24) width 418: "should not go beyond the left or right inner edge of this DIV, which"
-          text run at (175,43) width 421: "means that the borders of the floating elements should not overlap"
-          text run at (175,62) width 215: "the top or side borders of the DIV."
-      RenderBlock {HR} at (371,409) size 41x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (1,418) size 782x48 [border: (5px solid #800080)]
+layer at (0,0) size 800x5680
+  RenderBlock {HTML} at (0,0) size 800x5680
+    RenderBody {BODY} at (8,8) size 784x5664 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x153
+        RenderText {#text} at (0,0) size 346x153
+          text run at (0,0) width 196: "HR.minor {clear: both; width: 5%;}"
+          text run at (196,0) width 0: " "
+          text run at (0,17) width 294: "HR.major {clear: both; width: 75%; margin: 1.5em;}"
+          text run at (294,17) width 0: " "
+          text run at (0,34) width 346: "DIV {border: 5px solid purple; padding: 0; margin: 0.125em;}"
+          text run at (346,34) width 0: " "
+          text run at (0,51) width 307: "P.left, P.right {width: 10em; padding: 1em; margin: 0;"
+          text run at (307,51) width 0: " "
+          text run at (0,68) width 290: "   border: 1px solid lime; background-color: silver;}"
+          text run at (290,68) width 0: " "
+          text run at (0,85) width 318: "IMG.left, IMG.right {margin: 0; border: 3px solid black;}"
+          text run at (318,85) width 0: " "
+          text run at (0,102) width 89: ".left {float: left;}"
+          text run at (89,102) width 0: " "
+          text run at (0,119) width 103: ".right {float: right;}"
+          text run at (103,119) width 0: " "
+          text run at (0,136) width 0: " "
+      RenderBlock {HR} at (0,196) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,211) size 784x34
+        RenderText {#text} at (0,0) size 714x34
+          text run at (0,0) width 631: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
+          text run at (631,0) width 83: "Other than the"
+          text run at (0,17) width 681: "substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of the floats."
+      RenderBlock {HR} at (19,264) size 590x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (1,285) size 782x61 [border: (5px solid #800080)]
+        RenderBlock (floating) {P} at (5,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (14,14) size 118x51
+            text run at (14,14) width 118: "This is a left-floating"
+            text run at (14,31) width 101: "paragraph (first in"
+            text run at (14,48) width 47: "source)."
+        RenderBlock (floating) {P} at (619,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (14,14) size 125x51
+            text run at (14,14) width 125: "This is a right-floating"
+            text run at (14,31) width 121: "paragraph (second in"
+            text run at (14,48) width 47: "source)."
+        RenderText {#text} at (163,5) size 454x51
+          text run at (163,5) width 158: "This is text within the DIV. "
+          text run at (321,5) width 295: "The floating elements within this DIV should not go"
+          text run at (163,22) width 454: "beyond the left or right inner edge of this DIV, which means that the borders of"
+          text run at (163,39) width 432: "the floating elements should not overlap the top or side borders of the DIV."
+      RenderBlock {HR} at (371,369) size 41x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (1,377) size 782x44 [border: (5px solid #800080)]
         RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
         RenderImage {IMG} at (762,5) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (20,5) size 736x38
-          text run at (20,5) width 167: "This is text within the DIV. "
-          text run at (187,5) width 569: "The floating images within this DIV should not go beyond the left or right inner edge of this"
-          text run at (20,24) width 699: "DIV, which means that the borders of the floating images should not overlap the top or side borders of the DIV."
-      RenderBlock {HR} at (21,487) size 590x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (1,510) size 388x257 [border: (5px solid #800080)]
-        RenderBlock (floating) {P} at (5,5) size 170x68 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (15,15) size 120x38
-            text run at (15,15) width 120: "This is the first left-"
-            text run at (15,34) width 120: "floating paragraph."
-        RenderBlock (floating) {P} at (175,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (15,15) size 115x57
-            text run at (15,15) width 115: "This is the second"
-            text run at (15,34) width 70: "left-floating"
-            text run at (15,53) width 70: "paragraph."
-        RenderBlock (floating) {P} at (5,92) size 170x68 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (15,15) size 125x38
-            text run at (15,15) width 125: "This is the third left-"
-            text run at (15,34) width 120: "floating paragraph."
-        RenderText {#text} at (345,5) size 377x247
-          text run at (345,5) width 27: "This"
-          text run at (345,24) width 37: "is text"
-          text run at (345,43) width 36: "within"
-          text run at (345,62) width 20: "the"
-          text run at (345,81) width 27: "DIV."
-          text run at (175,100) width 203: "The floating elements within this"
-          text run at (175,119) width 188: "DIV should not go beyond the"
-          text run at (175,138) width 182: "left or right inner edge of this"
-          text run at (175,157) width 166: "DIV, which means that the"
-          text run at (5,176) width 370: "borders of the floating elements should not overlap the top"
-          text run at (5,195) width 242: "or side borders of the DIV in any way. "
-          text run at (247,195) width 101: "In addition, they"
-          text run at (5,214) width 197: "should not overlap each other. "
-          text run at (202,214) width 174: "The first two should be side"
-          text run at (5,233) width 344: "by side, whereas the third should be on the next \"line.\""
-      RenderBlock {HR} at (371,774) size 41x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (1,783) size 360x200 [border: (5px solid #800080)]
+        RenderText {#text} at (20,5) size 710x34
+          text run at (20,5) width 158: "This is text within the DIV. "
+          text run at (178,5) width 552: "The floating images within this DIV should not go beyond the left or right inner edge of this DIV,"
+          text run at (20,22) width 611: "which means that the borders of the floating images should not overlap the top or side borders of the DIV."
+      RenderBlock {HR} at (19,440) size 590x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (1,461) size 361x214 [border: (5px solid #800080)]
+        RenderBlock (floating) {P} at (5,5) size 158x62 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (14,14) size 113x34
+            text run at (14,14) width 113: "This is the first left-"
+            text run at (14,31) width 107: "floating paragraph."
+        RenderBlock (floating) {P} at (163,5) size 158x62 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (14,14) size 129x34
+            text run at (14,14) width 107: "This is the second"
+            text run at (14,31) width 129: "left-floating paragraph."
+        RenderBlock (floating) {P} at (5,67) size 158x62 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (14,14) size 116x34
+            text run at (14,14) width 116: "This is the third left-"
+            text run at (14,31) width 107: "floating paragraph."
+        RenderText {#text} at (321,5) size 349x204
+          text run at (321,5) width 25: "This"
+          text run at (321,22) width 10: "is"
+          text run at (321,39) width 22: "text"
+          text run at (321,56) width 33: "within"
+          text run at (163,73) width 52: "the DIV. "
+          text run at (215,73) width 125: "The floating elements"
+          text run at (163,90) width 166: "within this DIV should not go"
+          text run at (163,107) width 162: "beyond the left or right inner"
+          text run at (163,124) width 178: "edge of this DIV, which means"
+          text run at (5,141) width 341: "that the borders of the floating elements should not overlap"
+          text run at (5,158) width 267: "the top or side borders of the DIV in any way. "
+          text run at (272,158) width 64: "In addition,"
+          text run at (5,175) width 208: "they should not overlap each other. "
+          text run at (213,175) width 132: "The first two should be"
+          text run at (5,192) width 344: "side by side, whereas the third should be on the next \"line.\""
+      RenderBlock {HR} at (371,681) size 41x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (1,689) size 360x180 [border: (5px solid #800080)]
         RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)]
         RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)]
         RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)]
-        RenderText {#text} at (317,5) size 350x190
-          text run at (317,5) width 27: "This"
-          text run at (317,24) width 37: "is text"
-          text run at (161,43) width 95: "within the DIV. "
-          text run at (256,43) width 75: "The floating"
-          text run at (161,62) width 185: "images within this DIV should"
-          text run at (5,81) width 332: "not go beyond the left or right inner edge of this DIV,"
-          text run at (5,100) width 328: "which means that the borders of the floating images"
-          text run at (5,119) width 347: "should not overlap the top or side borders of the DIV in"
-          text run at (5,138) width 60: "any way. "
-          text run at (65,138) width 257: "In addition, they should not overlap each"
-          text run at (5,157) width 41: "other. "
-          text run at (46,157) width 309: "The first two should be side by side, whereas the"
-          text run at (5,176) width 209: "third should be on the next \"line.\""
-      RenderBlock {HR} at (21,1004) size 590x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (1,1027) size 276x390 [border: (5px solid #800080)]
-        RenderBlock (floating) {P} at (5,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (15,15) size 127x57
-            text run at (15,15) width 127: "This is a left-floating"
-            text run at (15,34) width 113: "paragraph (first in"
-            text run at (15,53) width 52: "source)."
-        RenderBlock (floating) {P} at (101,92) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (15,15) size 136x57
-            text run at (15,15) width 136: "This is a right-floating"
-            text run at (15,34) width 136: "paragraph (second in"
-            text run at (15,53) width 52: "source)."
-        RenderText {#text} at (175,5) size 261x380
-          text run at (175,5) width 68: "This is text"
-          text run at (175,24) width 91: "within the DIV."
-          text run at (175,43) width 75: "The floating"
-          text run at (175,62) width 58: "elements"
-          text run at (175,81) width 89: "within this DIV"
-          text run at (5,100) width 86: "should not go"
-          text run at (5,119) width 94: "beyond the left"
-          text run at (5,138) width 81: "or right inner"
-          text run at (5,157) width 74: "edge of this"
-          text run at (5,176) width 67: "DIV, which"
-          text run at (5,195) width 238: "means that the borders of the floating"
-          text run at (5,214) width 244: "elements should not overlap the top or"
-          text run at (5,233) width 225: "side borders of the DIV in any way. "
-          text run at (230,233) width 12: "In"
-          text run at (5,252) width 241: "addition, they should not overlap each"
-          text run at (5,271) width 250: "other in any way, nor should the floated"
-          text run at (5,290) width 253: "elements be overwritten by the DIV text."
-          text run at (5,309) width 249: "In addition, the floated elements should"
-          text run at (5,328) width 250: "not be side-by-side, but instead the first"
-          text run at (5,347) width 238: "should be floated left, and the second"
-          text run at (5,366) width 211: "floated to the right below the first."
-      RenderBlock {HR} at (371,1424) size 41x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (1,1433) size 410x219 [border: (5px solid #800080)]
+        RenderText {#text} at (317,5) size 348x170
+          text run at (317,5) width 25: "This"
+          text run at (317,22) width 36: "is text"
+          text run at (317,39) width 33: "within"
+          text run at (161,56) width 52: "the DIV. "
+          text run at (213,56) width 114: "The floating images"
+          text run at (161,73) width 166: "within this DIV should not go"
+          text run at (5,90) width 344: "beyond the left or right inner edge of this DIV, which means"
+          text run at (5,107) width 330: "that the borders of the floating images should not overlap"
+          text run at (5,124) width 267: "the top or side borders of the DIV in any way. "
+          text run at (272,124) width 64: "In addition,"
+          text run at (5,141) width 208: "they should not overlap each other. "
+          text run at (213,141) width 132: "The first two should be"
+          text run at (5,158) width 344: "side by side, whereas the third should be on the next \"line.\""
+      RenderBlock {HR} at (19,888) size 590x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (1,909) size 257x350 [border: (5px solid #800080)]
+        RenderBlock (floating) {P} at (5,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (14,14) size 118x51
+            text run at (14,14) width 118: "This is a left-floating"
+            text run at (14,31) width 101: "paragraph (first in"
+            text run at (14,48) width 47: "source)."
+        RenderBlock (floating) {P} at (94,84) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (14,14) size 125x51
+            text run at (14,14) width 125: "This is a right-floating"
+            text run at (14,31) width 121: "paragraph (second in"
+            text run at (14,48) width 47: "source)."
+        RenderText {#text} at (163,5) size 243x340
+          text run at (163,5) width 65: "This is text"
+          text run at (163,22) width 85: "within the DIV."
+          text run at (163,39) width 68: "The floating"
+          text run at (163,56) width 53: "elements"
+          text run at (163,73) width 84: "within this DIV"
+          text run at (5,90) width 78: "should not go"
+          text run at (5,107) width 86: "beyond the left"
+          text run at (5,124) width 72: "or right inner"
+          text run at (5,141) width 68: "edge of this"
+          text run at (5,158) width 63: "DIV, which"
+          text run at (5,175) width 217: "means that the borders of the floating"
+          text run at (5,192) width 222: "elements should not overlap the top or"
+          text run at (5,209) width 208: "side borders of the DIV in any way. "
+          text run at (213,209) width 11: "In"
+          text run at (5,226) width 220: "addition, they should not overlap each"
+          text run at (5,243) width 228: "other in any way, nor should the floated"
+          text run at (5,260) width 234: "elements be overwritten by the DIV text."
+          text run at (5,277) width 228: "In addition, the floated elements should"
+          text run at (5,294) width 230: "not be side-by-side, but instead the first"
+          text run at (5,311) width 218: "should be floated left, and the second"
+          text run at (5,328) width 194: "floated to the right below the first."
+      RenderBlock {HR} at (371,1265) size 41x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (1,1273) size 410x197 [border: (5px solid #800080)]
         RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)]
         RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)]
-        RenderText {#text} at (261,5) size 398x209
-          text run at (261,5) width 132: "This is text within the"
-          text run at (261,24) width 31: "DIV. "
-          text run at (292,24) width 75: "The floating"
-          text run at (5,43) width 139: "images within this DIV"
-          text run at (5,62) width 137: "should not go beyond"
-          text run at (5,81) width 376: "the left or right inner edge of this DIV, which means that the"
-          text run at (5,100) width 375: "borders of the floating images should not overlap the top or"
-          text run at (5,119) width 225: "side borders of the DIV in any way. "
-          text run at (230,119) width 171: "In addition, they should not"
-          text run at (5,138) width 398: "overlap each other in any way, nor should the floated elements"
-          text run at (5,157) width 195: "be overwritten by the DIV text. "
-          text run at (200,157) width 191: "In addition, the floated images"
-          text run at (5,176) width 362: "should not be side-by-side, but instead the first should be"
-          text run at (5,195) width 387: "floated left, and the second floated to the right below the first."
-      RenderBlock {HR} at (21,1673) size 590x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (1,1696) size 782x105 [border: (5px solid #800080)]
-        RenderBlock (floating) {P} at (607,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (15,15) size 136x57
-            text run at (15,15) width 136: "This is a right-floating"
-            text run at (15,34) width 113: "paragraph (first in"
-            text run at (15,53) width 52: "source)."
-        RenderBlock (floating) {P} at (5,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (15,15) size 136x57
-            text run at (15,15) width 127: "This is a left-floating"
-            text run at (15,34) width 136: "paragraph (second in"
-            text run at (15,53) width 52: "source)."
-        RenderText {#text} at (175,5) size 427x95
-          text run at (175,5) width 167: "This is text within the DIV. "
-          text run at (342,5) width 230: "The floating elements within this DIV"
-          text run at (175,24) width 427: "should not go beyond the top side of this DIV, which means that the"
-          text run at (175,43) width 417: "borders of the floating elements should not overlap the top or side"
-          text run at (175,62) width 195: "borders of the DIV in any way. "
-          text run at (370,62) width 232: "In addition, the top of the left-floating"
-          text run at (175,81) width 391: "box should not be higher than the top of the right-floating box."
-      RenderBlock {HR} at (371,1808) size 41x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (1,1817) size 782x67 [border: (5px solid #800080)]
+        RenderText {#text} at (261,5) size 400x187
+          text run at (261,5) width 124: "This is text within the"
+          text run at (261,22) width 30: "DIV. "
+          text run at (291,22) width 114: "The floating images"
+          text run at (261,39) width 126: "within this DIV should"
+          text run at (5,56) width 141: "not go beyond the left or"
+          text run at (5,73) width 129: "right inner edge of this"
+          text run at (5,90) width 394: "DIV, which means that the borders of the floating images should not"
+          text run at (5,107) width 313: "overlap the top or side borders of the DIV in any way. "
+          text run at (318,107) width 64: "In addition,"
+          text run at (5,124) width 399: "they should not overlap each other in any way, nor should the floated"
+          text run at (5,141) width 238: "elements be overwritten by the DIV text. "
+          text run at (243,141) width 129: "In addition, the floated"
+          text run at (5,158) width 378: "images should not be side-by-side, but instead the first should be"
+          text run at (5,175) width 356: "floated left, and the second floated to the right below the first."
+      RenderBlock {HR} at (19,1489) size 590x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (1,1510) size 782x95 [border: (5px solid #800080)]
+        RenderBlock (floating) {P} at (619,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (14,14) size 125x51
+            text run at (14,14) width 125: "This is a right-floating"
+            text run at (14,31) width 101: "paragraph (first in"
+            text run at (14,48) width 47: "source)."
+        RenderBlock (floating) {P} at (5,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (14,14) size 121x51
+            text run at (14,14) width 118: "This is a left-floating"
+            text run at (14,31) width 121: "paragraph (second in"
+            text run at (14,48) width 47: "source)."
+        RenderText {#text} at (163,5) size 454x85
+          text run at (163,5) width 158: "This is text within the DIV. "
+          text run at (321,5) width 295: "The floating elements within this DIV should not go"
+          text run at (163,22) width 442: "beyond the top side of this DIV, which means that the borders of the floating"
+          text run at (163,39) width 434: "elements should not overlap the top or side borders of the DIV in any way. "
+          text run at (597,39) width 11: "In"
+          text run at (163,56) width 454: "addition, the top of the left-floating box should not be higher than the top of the"
+          text run at (163,73) width 100: "right-floating box."
+      RenderBlock {HR} at (371,1611) size 41x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (1,1619) size 782x61 [border: (5px solid #800080)]
         RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
         RenderImage {IMG} at (762,5) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (20,5) size 732x57
-          text run at (20,5) width 167: "This is text within the DIV. "
-          text run at (187,5) width 550: "The floating images within this DIV should not go beyond the top side of this DIV, which"
-          text run at (20,24) width 703: "means that the borders of the floating images should not overlap the top or side borders of the DIV in any way. "
-          text run at (723,24) width 12: "In"
-          text run at (5,43) width 643: "addition, the top of the left-floating image should not be higher than the top of the right-floating image."
-      RenderBlock {HR} at (21,1905) size 590x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (1,1928) size 782x124 [border: (5px solid #800080)]
-        RenderText {#text} at (175,5) size 172x19
-          text run at (175,5) width 167: "This is text within the DIV. "
-          text run at (342,5) width 5: "*"
-        RenderBlock (floating) {P} at (5,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (15,15) size 127x57
-            text run at (15,15) width 127: "This is a left-floating"
-            text run at (15,34) width 113: "paragraph (first in"
-            text run at (15,53) width 52: "source)."
-        RenderText {#text} at (347,5) size 599x38
-          text run at (347,5) width 427: " The floating elements within this DIV should not go any higher than"
-          text run at (175,24) width 402: "the line-box containing the inline content which precedes them. "
-          text run at (577,24) width 5: "*"
-        RenderBlock (floating) {P} at (607,24) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (15,15) size 136x57
-            text run at (15,15) width 136: "This is a right-floating"
-            text run at (15,34) width 136: "paragraph (second in"
-            text run at (15,53) width 52: "source)."
-        RenderText {#text} at (175,43) size 588x76
-          text run at (175,43) width 418: "This means that the top side of each float can be, at most, as high"
-          text run at (175,62) width 401: "as the top edge of the inline element containing the content just"
-          text run at (175,81) width 310: "before the floating elements occur in the source. "
-          text run at (485,81) width 102: "In order to mark"
-          text run at (5,100) width 529: "these points clearly, an asterisk has been inserted just before each floated element."
-      RenderBlock {HR} at (371,2059) size 41x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (1,2068) size 782x86 [border: (5px solid #800080)]
-        RenderText {#text} at (20,5) size 172x19
-          text run at (20,5) width 167: "This is text within the DIV. "
-          text run at (187,5) width 5: "*"
+        RenderText {#text} at (20,5) size 736x51
+          text run at (20,5) width 158: "This is text within the DIV. "
+          text run at (178,5) width 578: "The floating images within this DIV should not go beyond the top side of this DIV, which means that"
+          text run at (20,22) width 575: "the borders of the floating images should not overlap the top or side borders of the DIV in any way. "
+          text run at (595,22) width 145: "In addition, the top of the"
+          text run at (20,39) width 452: "left-floating image should not be higher than the top of the right-floating image."
+      RenderBlock {HR} at (19,1699) size 590x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (1,1720) size 782x112 [border: (5px solid #800080)]
+        RenderText {#text} at (163,5) size 163x17
+          text run at (163,5) width 158: "This is text within the DIV. "
+          text run at (321,5) width 5: "*"
+        RenderBlock (floating) {P} at (5,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (14,14) size 118x51
+            text run at (14,14) width 118: "This is a left-floating"
+            text run at (14,31) width 101: "paragraph (first in"
+            text run at (14,48) width 47: "source)."
+        RenderText {#text} at (326,5) size 605x34
+          text run at (326,5) width 442: " The floating elements within this DIV should not go any higher than the line-"
+          text run at (163,22) width 322: "box containing the inline content which precedes them. "
+          text run at (485,22) width 9: "* "
+        RenderBlock (floating) {P} at (619,22) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (14,14) size 125x51
+            text run at (14,14) width 125: "This is a right-floating"
+            text run at (14,31) width 121: "paragraph (second in"
+            text run at (14,48) width 47: "source)."
+        RenderText {#text} at (494,22) size 605x85
+          text run at (494,22) width 116: "This means that the"
+          text run at (163,39) width 432: "top side of each float can be, at most, as high as the top edge of the inline"
+          text run at (163,56) width 440: "element containing the content just before the floating elements occur in the"
+          text run at (163,73) width 47: "source. "
+          text run at (210,73) width 388: "In order to mark these points clearly, an asterisk has been inserted"
+          text run at (5,90) width 190: "just before each floated element."
+      RenderBlock {HR} at (371,1838) size 41x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (1,1846) size 782x78 [border: (5px solid #800080)]
+        RenderText {#text} at (20,5) size 163x17
+          text run at (20,5) width 158: "This is text within the DIV. "
+          text run at (178,5) width 5: "*"
         RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (192,5) size 734x38
-          text run at (192,5) width 562: " The floating images within this DIV should not go any higher than the line-box containing"
-          text run at (20,24) width 255: "the inline content which precedes them. "
-          text run at (275,24) width 9: "* "
-        RenderImage {IMG} at (762,24) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (284,24) size 740x57
-          text run at (284,24) width 461: "This means that the top side of each float can be, at most, as high as the"
-          text run at (5,43) width 660: "top edge of the inline element containing the content just before the floating images occur in the source. "
-          text run at (665,43) width 66: "In order to"
-          text run at (5,62) width 553: "mark these points clearly, an asterisk has been inserted just before each floated image."
-      RenderBlock {HR} at (21,2175) size 590x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (1,2198) size 782x238 [border: (5px solid #800080)]
-        RenderText {#text} at (175,5) size 172x19
-          text run at (175,5) width 167: "This is text within the DIV. "
-          text run at (342,5) width 5: "*"
-        RenderBlock (floating) {P} at (5,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (15,15) size 127x57
-            text run at (15,15) width 127: "This is a left-floating"
-            text run at (15,34) width 113: "paragraph (first in"
-            text run at (15,53) width 52: "source)."
-        RenderText {#text} at (347,5) size 599x38
-          text run at (347,5) width 427: " The floating elements within this DIV should not go any higher than"
-          text run at (175,24) width 402: "the line-box containing the inline content which precedes them. "
-          text run at (577,24) width 5: "*"
-        RenderBlock (floating) {P} at (607,24) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (15,15) size 136x57
-            text run at (15,15) width 136: "This is a right-floating"
-            text run at (15,34) width 136: "paragraph (second in"
-            text run at (15,53) width 52: "source)."
-        RenderText {#text} at (175,43) size 318x19
-          text run at (175,43) width 318: "This means that the top side of each float can be,*"
-        RenderBlock (floating) {P} at (175,62) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (15,15) size 127x57
-            text run at (15,15) width 127: "This is a left-floating"
-            text run at (15,34) width 118: "paragraph (third in"
-            text run at (15,53) width 52: "source)."
-        RenderText {#text} at (493,43) size 253x76
-          text run at (493,43) width 105: " at most, as high"
-          text run at (345,62) width 231: "as the top edge of the inline element"
-          text run at (345,81) width 235: "containing the content just before the"
-          text run at (345,100) width 241: "floating elements occur in the source. "
-          text run at (586,100) width 5: "*"
-        RenderBlock (floating) {P} at (345,119) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (15,15) size 127x57
-            text run at (15,15) width 127: "This is a left-floating"
-            text run at (15,34) width 127: "paragraph (fourth in"
-            text run at (15,53) width 52: "source)."
-        RenderText {#text} at (591,100) size 765x133
-          text run at (591,100) width 16: " In"
-          text run at (515,119) width 236: "order to mark these points clearly, an"
-          text run at (515,138) width 238: "asterisk has been inserted just before"
-          text run at (515,157) width 141: "each floated element. "
-          text run at (656,157) width 110: "If a line has room"
-          text run at (515,176) width 246: "for a floated element, then the element"
-          text run at (515,195) width 255: "should float so that its top is aligned with"
-          text run at (5,214) width 334: "the top of the line-box in which the asterisk appears. "
-          text run at (339,214) width 396: "Otherwise, its top should align with the top of the next line-box."
-      RenderBlock {HR} at (371,2443) size 41x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (1,2452) size 782x124 [border: (5px solid #800080)]
-        RenderText {#text} at (20,5) size 172x19
-          text run at (20,5) width 167: "This is text within the DIV. "
-          text run at (187,5) width 5: "*"
+        RenderText {#text} at (183,5) size 734x34
+          text run at (183,5) width 571: " The floating images within this DIV should not go any higher than the line-box containing the inline"
+          text run at (20,22) width 178: "content which precedes them. "
+          text run at (198,22) width 9: "* "
+        RenderImage {IMG} at (762,22) size 15x36 [border: (3px solid #000000)]
+        RenderText {#text} at (207,22) size 754x51
+          text run at (207,22) width 552: "This means that the top side of each float can be, at most, as high as the top edge of the inline"
+          text run at (20,39) width 480: "element containing the content just before the floating images occur in the source. "
+          text run at (500,39) width 231: "In order to mark these points clearly, an"
+          text run at (5,56) width 336: "asterisk has been inserted just before each floated image."
+      RenderBlock {HR} at (19,1943) size 590x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (1,1964) size 782x197 [border: (5px solid #800080)]
+        RenderText {#text} at (163,5) size 163x17
+          text run at (163,5) width 158: "This is text within the DIV. "
+          text run at (321,5) width 5: "*"
+        RenderBlock (floating) {P} at (5,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (14,14) size 118x51
+            text run at (14,14) width 118: "This is a left-floating"
+            text run at (14,31) width 101: "paragraph (first in"
+            text run at (14,48) width 47: "source)."
+        RenderText {#text} at (326,5) size 605x34
+          text run at (326,5) width 442: " The floating elements within this DIV should not go any higher than the line-"
+          text run at (163,22) width 322: "box containing the inline content which precedes them. "
+          text run at (485,22) width 9: "* "
+        RenderBlock (floating) {P} at (619,22) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (14,14) size 125x51
+            text run at (14,14) width 125: "This is a right-floating"
+            text run at (14,31) width 121: "paragraph (second in"
+            text run at (14,48) width 47: "source)."
+        RenderText {#text} at (494,22) size 289x34
+          text run at (494,22) width 116: "This means that the"
+          text run at (321,39) width 174: "top side of each float can be,*"
+        RenderBlock (floating) {P} at (163,39) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (14,14) size 118x51
+            text run at (14,14) width 118: "This is a left-floating"
+            text run at (14,31) width 104: "paragraph (third in"
+            text run at (14,48) width 47: "source)."
+        RenderText {#text} at (495,39) size 290x68
+          text run at (495,39) width 116: " at most, as high as"
+          text run at (321,56) width 278: "the top edge of the inline element containing the"
+          text run at (321,73) width 283: "content just before the floating elements occur in"
+          text run at (479,90) width 69: "the source. "
+          text run at (548,90) width 5: "*"
+        RenderBlock (floating) {P} at (321,90) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (14,14) size 118x51
+            text run at (14,14) width 118: "This is a left-floating"
+            text run at (14,31) width 112: "paragraph (fourth in"
+            text run at (14,48) width 47: "source)."
+        RenderText {#text} at (553,90) size 770x102
+          text run at (553,90) width 63: " In order to"
+          text run at (479,107) width 275: "mark these points clearly, an asterisk has been"
+          text run at (479,124) width 244: "inserted just before each floated element. "
+          text run at (723,124) width 43: "If a line"
+          text run at (479,141) width 282: "has room for a floated element, then the element"
+          text run at (479,158) width 296: "should float so that its top is aligned with the top of"
+          text run at (5,175) width 248: "the line-box in which the asterisk appears. "
+          text run at (253,175) width 365: "Otherwise, its top should align with the top of the next line-box."
+      RenderBlock {HR} at (371,2167) size 41x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (1,2175) size 782x112 [border: (5px solid #800080)]
+        RenderText {#text} at (20,5) size 163x17
+          text run at (20,5) width 158: "This is text within the DIV. "
+          text run at (178,5) width 5: "*"
         RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (192,5) size 719x38
-          text run at (192,5) width 562: " The floating images within this DIV should not go any higher than the line-box containing"
-          text run at (35,24) width 255: "the inline content which precedes them. "
-          text run at (290,24) width 9: "* "
-        RenderImage {IMG} at (762,24) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (299,24) size 322x19
-          text run at (299,24) width 317: "This means that the top side of each float can be, "
-          text run at (616,24) width 5: "*"
-        RenderImage {IMG} at (20,24) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (621,24) size 695x38
-          text run at (621,24) width 124: " at most, as high as"
-          text run at (50,43) width 684: "the top edge of the inline element containing the content just before the floating images occur in the source. "
-          text run at (734,43) width 5: "*"
-        RenderImage {IMG} at (35,43) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (739,43) size 766x76
-          text run at (739,43) width 16: " In"
-          text run at (50,62) width 611: "order to mark these points clearly, an asterisk has been inserted just before each floated image. "
-          text run at (661,62) width 110: "If a line has room"
-          text run at (5,81) width 755: "for a floated image, then the image should float so that its top is aligned with the top of the line-box in which the asterisk"
-          text run at (5,100) width 60: "appears. "
-          text run at (65,100) width 396: "Otherwise, its top should align with the top of the next line-box."
-      RenderBlock {HR} at (21,2597) size 590x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (1,2620) size 430x352 [border: (5px solid #800080)]
-        RenderText {#text} at (175,5) size 50x19
-          text run at (175,5) width 50: "This is *"
-        RenderBlock (floating) {P} at (5,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (15,15) size 127x57
-            text run at (15,15) width 127: "This is a left-floating"
-            text run at (15,34) width 113: "paragraph (first in"
-            text run at (15,53) width 52: "source)."
-        RenderText {#text} at (225,5) size 9x19
-          text run at (225,5) width 9: " *"
-        RenderBlock (floating) {P} at (255,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-          RenderText {#text} at (15,15) size 136x57
-            text run at (15,15) width 136: "This is a right-floating"
-            text run at (15,34) width 136: "paragraph (second in"
-            text run at (15,53) width 52: "source)."
-        RenderText {#text} at (175,24) size 416x323
-          text run at (175,24) width 63: "text within"
-          text run at (175,43) width 51: "the DIV."
-          text run at (175,62) width 39: "Under"
-          text run at (175,81) width 64: "CSS1, the"
-          text run at (5,100) width 400: "left floating element should be placed in the upper left corner of"
-          text run at (5,119) width 403: "the DIV, and the purple border of the DIV should abut the green"
-          text run at (5,138) width 195: "border of the floating element. "
-          text run at (200,138) width 218: "Similarly, the right floating element"
-          text run at (5,157) width 388: "should be placed in the upper right corner of the DIV, and the"
-          text run at (5,176) width 382: "purple border of the DIV should abut the green border of the"
-          text run at (5,195) width 416: "floating element. The text of the DIV element should flow between"
-          text run at (5,214) width 410: "and under the two floating elements. The two asterisk characters"
-          text run at (5,233) width 400: "mark the insertion points of the floating elements. It is expected"
-          text run at (5,252) width 407: "that, under future specifications, it may be acceptable for the top"
-          text run at (5,271) width 401: "of floated elements to align with the top of the line-box following"
-          text run at (5,290) width 359: "the insertion point of the floated element to avoid floating"
-          text run at (5,309) width 398: "elements appearing before text which precedes it in the source"
-          text run at (5,328) width 67: "document."
-      RenderBlock {HR} at (371,2979) size 41x2 [border: (1px inset #000000)]
-      RenderBlock {DIV} at (1,2988) size 430x257 [border: (5px solid #800080)]
-        RenderText {#text} at (20,5) size 50x19
-          text run at (20,5) width 50: "This is *"
+        RenderText {#text} at (183,5) size 719x34
+          text run at (183,5) width 571: " The floating images within this DIV should not go any higher than the line-box containing the inline"
+          text run at (35,22) width 178: "content which precedes them. "
+          text run at (213,22) width 9: "* "
+        RenderImage {IMG} at (762,22) size 15x36 [border: (3px solid #000000)]
+        RenderText {#text} at (222,22) size 298x17
+          text run at (222,22) width 293: "This means that the top side of each float can be, "
+          text run at (515,22) width 5: "*"
+        RenderImage {IMG} at (20,22) size 15x36 [border: (3px solid #000000)]
+        RenderText {#text} at (520,22) size 699x34
+          text run at (520,22) width 229: " at most, as high as the top edge of the"
+          text run at (50,39) width 514: "inline element containing the content just before the floating images occur in the source. "
+          text run at (564,39) width 5: "*"
+        RenderImage {IMG} at (35,39) size 15x36 [border: (3px solid #000000)]
+        RenderText {#text} at (569,39) size 768x68
+          text run at (569,39) width 171: " In order to mark these points"
+          text run at (50,56) width 404: "clearly, an asterisk has been inserted just before each floated image. "
+          text run at (454,56) width 307: "If a line has room for a floated image, then the image"
+          text run at (50,73) width 548: "should float so that its top is aligned with the top of the line-box in which the asterisk appears. "
+          text run at (598,73) width 175: "Otherwise, its top should align"
+          text run at (5,90) width 186: "with the top of the next line-box."
+      RenderBlock {HR} at (19,2306) size 590x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (1,2327) size 400x299 [border: (5px solid #800080)]
+        RenderText {#text} at (163,5) size 48x17
+          text run at (163,5) width 48: "This is *"
+        RenderBlock (floating) {P} at (5,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (14,14) size 118x51
+            text run at (14,14) width 118: "This is a left-floating"
+            text run at (14,31) width 101: "paragraph (first in"
+            text run at (14,48) width 47: "source)."
+        RenderText {#text} at (211,5) size 9x17
+          text run at (211,5) width 9: " *"
+        RenderBlock (floating) {P} at (237,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+          RenderText {#text} at (14,14) size 125x51
+            text run at (14,14) width 125: "This is a right-floating"
+            text run at (14,31) width 121: "paragraph (second in"
+            text run at (14,48) width 47: "source)."
+        RenderText {#text} at (163,22) size 390x272
+          text run at (163,22) width 59: "text within"
+          text run at (163,39) width 48: "the DIV."
+          text run at (163,56) width 34: "Under"
+          text run at (163,73) width 60: "CSS1, the"
+          text run at (5,90) width 387: "left floating element should be placed in the upper left corner of the"
+          text run at (5,107) width 384: "DIV, and the purple border of the DIV should abut the green border"
+          text run at (5,124) width 137: "of the floating element. "
+          text run at (142,124) width 243: "Similarly, the right floating element should"
+          text run at (5,141) width 390: "be placed in the upper right corner of the DIV, and the purple border"
+          text run at (5,158) width 365: "of the DIV should abut the green border of the floating element."
+          text run at (5,175) width 389: "The text of the DIV element should flow between and under the two"
+          text run at (5,192) width 376: "floating elements. The two asterisk characters mark the insertion"
+          text run at (5,209) width 365: "points of the floating elements. It is expected that, under future"
+          text run at (5,226) width 387: "specifications, it may be acceptable for the top of floated elements"
+          text run at (5,243) width 375: "to align with the top of the line-box following the insertion point of"
+          text run at (5,260) width 390: "the floated element to avoid floating elements appearing before text"
+          text run at (5,277) width 245: "which precedes it in the source document."
+      RenderBlock {HR} at (371,2632) size 41x2 [border: (1px inset #000000)]
+      RenderBlock {DIV} at (1,2640) size 400x231 [border: (5px solid #800080)]
+        RenderText {#text} at (20,5) size 48x17
+          text run at (20,5) width 48: "This is *"
         RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (70,5) size 9x19
-          text run at (70,5) width 9: " *"
-        RenderImage {IMG} at (410,5) size 15x36 [border: (3px solid #000000)]
-        RenderText {#text} at (79,5) size 418x247
-          text run at (79,5) width 126: " text within the DIV. "
-          text run at (205,5) width 180: "Under CSS1, the left floating"
-          text run at (20,24) width 370: "image should be placed in the upper left corner of the DIV,"
-          text run at (5,43) width 410: "and the purple border of the DIV should abut the green border of"
-          text run at (5,62) width 121: "the floating image. "
-          text run at (126,62) width 272: "Similarly, the right floating image should be"
-          text run at (5,81) width 412: "placed in the upper right corner of the DIV, and the purple border"
-          text run at (5,100) width 418: "of the DIV should abut the green border of the floating image. The"
-          text run at (5,119) width 397: "text of the DIV element should flow between and under the two"
-          text run at (5,138) width 390: "floating image. The two asterisk characters mark the insertion"
-          text run at (5,157) width 179: "points of the floating image. "
-          text run at (184,157) width 198: "It is expected that, under future"
-          text run at (5,176) width 418: "specifications, it may be acceptable for the top of floated elements"
-          text run at (5,195) width 409: "to align with the top of the line-box following the insertion point of"
-          text run at (5,214) width 401: "the floated element to avoid floating elements appearing before"
-          text run at (5,233) width 294: "text which precedes it in the source document."
-      RenderBlock {HR} at (21,3266) size 590x2 [border: (1px inset #000000)]
-      RenderTable {TABLE} at (0,3289) size 784x3112 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x3110
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x3082
-            RenderTableCell {TD} at (0,1555) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+        RenderText {#text} at (68,5) size 9x17
+          text run at (68,5) width 9: " *"
+        RenderImage {IMG} at (380,5) size 15x36 [border: (3px solid #000000)]
+        RenderText {#text} at (77,5) size 390x221
+          text run at (77,5) width 119: " text within the DIV. "
+          text run at (196,5) width 166: "Under CSS1, the left floating"
+          text run at (20,22) width 338: "image should be placed in the upper left corner of the DIV,"
+          text run at (20,39) width 354: "and the purple border of the DIV should abut the green border"
+          text run at (5,56) width 126: "of the floating image. "
+          text run at (131,56) width 250: "Similarly, the right floating image should be"
+          text run at (5,73) width 387: "placed in the upper right corner of the DIV, and the purple border of"
+          text run at (5,90) width 365: "the DIV should abut the green border of the floating image. The"
+          text run at (5,107) width 363: "text of the DIV element should flow between and under the two"
+          text run at (5,124) width 358: "floating image. The two asterisk characters mark the insertion"
+          text run at (5,141) width 165: "points of the floating image. "
+          text run at (170,141) width 182: "It is expected that, under future"
+          text run at (5,158) width 387: "specifications, it may be acceptable for the top of floated elements"
+          text run at (5,175) width 375: "to align with the top of the line-box following the insertion point of"
+          text run at (5,192) width 390: "the floated element to avoid floating elements appearing before text"
+          text run at (5,209) width 245: "which precedes it in the source document."
+      RenderBlock {HR} at (19,2890) size 590x2 [border: (1px inset #000000)]
+      RenderTable {TABLE} at (0,2911) size 784x2753 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x2751
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x2725
+            RenderTableCell {TD} at (0,1376) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x3082 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x38
-                RenderText {#text} at (0,0) size 760x38
-                  text run at (0,0) width 689: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
-                  text run at (689,0) width 68: "Other than"
-                  text run at (0,19) width 760: "the substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of the floats."
-              RenderBlock {HR} at (25,63) size 573x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (5,86) size 760x86 [border: (5px solid #800080)]
-                RenderBlock (floating) {P} at (5,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (15,15) size 127x57
-                    text run at (15,15) width 127: "This is a left-floating"
-                    text run at (15,34) width 113: "paragraph (first in"
-                    text run at (15,53) width 52: "source)."
-                RenderBlock (floating) {P} at (585,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (15,15) size 136x57
-                    text run at (15,15) width 136: "This is a right-floating"
-                    text run at (15,34) width 136: "paragraph (second in"
-                    text run at (15,53) width 52: "source)."
-                RenderText {#text} at (175,5) size 410x76
-                  text run at (175,5) width 167: "This is text within the DIV. "
-                  text run at (342,5) width 230: "The floating elements within this DIV"
-                  text run at (175,24) width 378: "should not go beyond the left or right inner edge of this DIV,"
-                  text run at (175,43) width 410: "which means that the borders of the floating elements should not"
-                  text run at (175,62) width 266: "overlap the top or side borders of the DIV."
-              RenderBlock {HR} at (365,179) size 40x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (5,188) size 760x67 [border: (5px solid #800080)]
+            RenderTableCell {TD} at (12,26) size 770x2725 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x34
+                RenderText {#text} at (0,0) size 714x34
+                  text run at (0,0) width 631: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
+                  text run at (631,0) width 83: "Other than the"
+                  text run at (0,17) width 681: "substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of the floats."
+              RenderBlock {HR} at (23,57) size 573x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (5,78) size 760x78 [border: (5px solid #800080)]
+                RenderBlock (floating) {P} at (5,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (14,14) size 118x51
+                    text run at (14,14) width 118: "This is a left-floating"
+                    text run at (14,31) width 101: "paragraph (first in"
+                    text run at (14,48) width 47: "source)."
+                RenderBlock (floating) {P} at (597,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (14,14) size 125x51
+                    text run at (14,14) width 125: "This is a right-floating"
+                    text run at (14,31) width 121: "paragraph (second in"
+                    text run at (14,48) width 47: "source)."
+                RenderText {#text} at (163,5) size 432x68
+                  text run at (163,5) width 158: "This is text within the DIV. "
+                  text run at (321,5) width 255: "The floating elements within this DIV should"
+                  text run at (163,22) width 432: "not go beyond the left or right inner edge of this DIV, which means that the"
+                  text run at (163,39) width 427: "borders of the floating elements should not overlap the top or side borders"
+                  text run at (163,56) width 63: "of the DIV."
+              RenderBlock {HR} at (365,162) size 40x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (5,170) size 760x44 [border: (5px solid #800080)]
                 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
                 RenderImage {IMG} at (740,5) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (20,5) size 725x57
-                  text run at (20,5) width 167: "This is text within the DIV. "
-                  text run at (187,5) width 543: "The floating images within this DIV should not go beyond the left or right inner edge of"
-                  text run at (20,24) width 694: "this DIV, which means that the borders of the floating images should not overlap the top or side borders of the"
-                  text run at (5,43) width 27: "DIV."
-              RenderBlock {HR} at (25,276) size 573x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (5,299) size 388x257 [border: (5px solid #800080)]
-                RenderBlock (floating) {P} at (5,5) size 170x68 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (15,15) size 120x38
-                    text run at (15,15) width 120: "This is the first left-"
-                    text run at (15,34) width 120: "floating paragraph."
-                RenderBlock (floating) {P} at (175,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (15,15) size 115x57
-                    text run at (15,15) width 115: "This is the second"
-                    text run at (15,34) width 70: "left-floating"
-                    text run at (15,53) width 70: "paragraph."
-                RenderBlock (floating) {P} at (5,92) size 170x68 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (15,15) size 125x38
-                    text run at (15,15) width 125: "This is the third left-"
-                    text run at (15,34) width 120: "floating paragraph."
-                RenderText {#text} at (345,5) size 377x247
-                  text run at (345,5) width 27: "This"
-                  text run at (345,24) width 37: "is text"
-                  text run at (345,43) width 36: "within"
-                  text run at (345,62) width 20: "the"
-                  text run at (345,81) width 27: "DIV."
-                  text run at (175,100) width 203: "The floating elements within this"
-                  text run at (175,119) width 188: "DIV should not go beyond the"
-                  text run at (175,138) width 182: "left or right inner edge of this"
-                  text run at (175,157) width 166: "DIV, which means that the"
-                  text run at (5,176) width 370: "borders of the floating elements should not overlap the top"
-                  text run at (5,195) width 242: "or side borders of the DIV in any way. "
-                  text run at (247,195) width 101: "In addition, they"
-                  text run at (5,214) width 197: "should not overlap each other. "
-                  text run at (202,214) width 174: "The first two should be side"
-                  text run at (5,233) width 344: "by side, whereas the third should be on the next \"line.\""
-              RenderBlock {HR} at (365,563) size 40x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (5,572) size 360x200 [border: (5px solid #800080)]
+                RenderText {#text} at (20,5) size 710x34
+                  text run at (20,5) width 158: "This is text within the DIV. "
+                  text run at (178,5) width 552: "The floating images within this DIV should not go beyond the left or right inner edge of this DIV,"
+                  text run at (20,22) width 611: "which means that the borders of the floating images should not overlap the top or side borders of the DIV."
+              RenderBlock {HR} at (23,233) size 573x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (5,254) size 361x214 [border: (5px solid #800080)]
+                RenderBlock (floating) {P} at (5,5) size 158x62 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (14,14) size 113x34
+                    text run at (14,14) width 113: "This is the first left-"
+                    text run at (14,31) width 107: "floating paragraph."
+                RenderBlock (floating) {P} at (163,5) size 158x62 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (14,14) size 129x34
+                    text run at (14,14) width 107: "This is the second"
+                    text run at (14,31) width 129: "left-floating paragraph."
+                RenderBlock (floating) {P} at (5,67) size 158x62 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (14,14) size 116x34
+                    text run at (14,14) width 116: "This is the third left-"
+                    text run at (14,31) width 107: "floating paragraph."
+                RenderText {#text} at (321,5) size 349x204
+                  text run at (321,5) width 25: "This"
+                  text run at (321,22) width 10: "is"
+                  text run at (321,39) width 22: "text"
+                  text run at (321,56) width 33: "within"
+                  text run at (163,73) width 52: "the DIV. "
+                  text run at (215,73) width 125: "The floating elements"
+                  text run at (163,90) width 166: "within this DIV should not go"
+                  text run at (163,107) width 162: "beyond the left or right inner"
+                  text run at (163,124) width 178: "edge of this DIV, which means"
+                  text run at (5,141) width 341: "that the borders of the floating elements should not overlap"
+                  text run at (5,158) width 267: "the top or side borders of the DIV in any way. "
+                  text run at (272,158) width 64: "In addition,"
+                  text run at (5,175) width 208: "they should not overlap each other. "
+                  text run at (213,175) width 132: "The first two should be"
+                  text run at (5,192) width 344: "side by side, whereas the third should be on the next \"line.\""
+              RenderBlock {HR} at (365,474) size 40x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (5,482) size 360x180 [border: (5px solid #800080)]
                 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)]
                 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)]
                 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)]
-                RenderText {#text} at (317,5) size 350x190
-                  text run at (317,5) width 27: "This"
-                  text run at (317,24) width 37: "is text"
-                  text run at (161,43) width 95: "within the DIV. "
-                  text run at (256,43) width 75: "The floating"
-                  text run at (161,62) width 185: "images within this DIV should"
-                  text run at (5,81) width 332: "not go beyond the left or right inner edge of this DIV,"
-                  text run at (5,100) width 328: "which means that the borders of the floating images"
-                  text run at (5,119) width 347: "should not overlap the top or side borders of the DIV in"
-                  text run at (5,138) width 60: "any way. "
-                  text run at (65,138) width 257: "In addition, they should not overlap each"
-                  text run at (5,157) width 41: "other. "
-                  text run at (46,157) width 309: "The first two should be side by side, whereas the"
-                  text run at (5,176) width 209: "third should be on the next \"line.\""
-              RenderBlock {HR} at (25,793) size 573x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (5,816) size 276x390 [border: (5px solid #800080)]
-                RenderBlock (floating) {P} at (5,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (15,15) size 127x57
-                    text run at (15,15) width 127: "This is a left-floating"
-                    text run at (15,34) width 113: "paragraph (first in"
-                    text run at (15,53) width 52: "source)."
-                RenderBlock (floating) {P} at (101,92) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (15,15) size 136x57
-                    text run at (15,15) width 136: "This is a right-floating"
-                    text run at (15,34) width 136: "paragraph (second in"
-                    text run at (15,53) width 52: "source)."
-                RenderText {#text} at (175,5) size 261x380
-                  text run at (175,5) width 68: "This is text"
-                  text run at (175,24) width 91: "within the DIV."
-                  text run at (175,43) width 75: "The floating"
-                  text run at (175,62) width 58: "elements"
-                  text run at (175,81) width 89: "within this DIV"
-                  text run at (5,100) width 86: "should not go"
-                  text run at (5,119) width 94: "beyond the left"
-                  text run at (5,138) width 81: "or right inner"
-                  text run at (5,157) width 74: "edge of this"
-                  text run at (5,176) width 67: "DIV, which"
-                  text run at (5,195) width 238: "means that the borders of the floating"
-                  text run at (5,214) width 244: "elements should not overlap the top or"
-                  text run at (5,233) width 225: "side borders of the DIV in any way. "
-                  text run at (230,233) width 12: "In"
-                  text run at (5,252) width 241: "addition, they should not overlap each"
-                  text run at (5,271) width 250: "other in any way, nor should the floated"
-                  text run at (5,290) width 253: "elements be overwritten by the DIV text."
-                  text run at (5,309) width 249: "In addition, the floated elements should"
-                  text run at (5,328) width 250: "not be side-by-side, but instead the first"
-                  text run at (5,347) width 238: "should be floated left, and the second"
-                  text run at (5,366) width 211: "floated to the right below the first."
-              RenderBlock {HR} at (365,1213) size 40x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (5,1222) size 410x219 [border: (5px solid #800080)]
+                RenderText {#text} at (317,5) size 348x170
+                  text run at (317,5) width 25: "This"
+                  text run at (317,22) width 36: "is text"
+                  text run at (317,39) width 33: "within"
+                  text run at (161,56) width 52: "the DIV. "
+                  text run at (213,56) width 114: "The floating images"
+                  text run at (161,73) width 166: "within this DIV should not go"
+                  text run at (5,90) width 344: "beyond the left or right inner edge of this DIV, which means"
+                  text run at (5,107) width 330: "that the borders of the floating images should not overlap"
+                  text run at (5,124) width 267: "the top or side borders of the DIV in any way. "
+                  text run at (272,124) width 64: "In addition,"
+                  text run at (5,141) width 208: "they should not overlap each other. "
+                  text run at (213,141) width 132: "The first two should be"
+                  text run at (5,158) width 344: "side by side, whereas the third should be on the next \"line.\""
+              RenderBlock {HR} at (23,681) size 573x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (5,702) size 257x350 [border: (5px solid #800080)]
+                RenderBlock (floating) {P} at (5,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (14,14) size 118x51
+                    text run at (14,14) width 118: "This is a left-floating"
+                    text run at (14,31) width 101: "paragraph (first in"
+                    text run at (14,48) width 47: "source)."
+                RenderBlock (floating) {P} at (94,84) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (14,14) size 125x51
+                    text run at (14,14) width 125: "This is a right-floating"
+                    text run at (14,31) width 121: "paragraph (second in"
+                    text run at (14,48) width 47: "source)."
+                RenderText {#text} at (163,5) size 243x340
+                  text run at (163,5) width 65: "This is text"
+                  text run at (163,22) width 85: "within the DIV."
+                  text run at (163,39) width 68: "The floating"
+                  text run at (163,56) width 53: "elements"
+                  text run at (163,73) width 84: "within this DIV"
+                  text run at (5,90) width 78: "should not go"
+                  text run at (5,107) width 86: "beyond the left"
+                  text run at (5,124) width 72: "or right inner"
+                  text run at (5,141) width 68: "edge of this"
+                  text run at (5,158) width 63: "DIV, which"
+                  text run at (5,175) width 217: "means that the borders of the floating"
+                  text run at (5,192) width 222: "elements should not overlap the top or"
+                  text run at (5,209) width 208: "side borders of the DIV in any way. "
+                  text run at (213,209) width 11: "In"
+                  text run at (5,226) width 220: "addition, they should not overlap each"
+                  text run at (5,243) width 228: "other in any way, nor should the floated"
+                  text run at (5,260) width 234: "elements be overwritten by the DIV text."
+                  text run at (5,277) width 228: "In addition, the floated elements should"
+                  text run at (5,294) width 230: "not be side-by-side, but instead the first"
+                  text run at (5,311) width 218: "should be floated left, and the second"
+                  text run at (5,328) width 194: "floated to the right below the first."
+              RenderBlock {HR} at (365,1058) size 40x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (5,1066) size 410x197 [border: (5px solid #800080)]
                 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)]
                 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)]
-                RenderText {#text} at (261,5) size 398x209
-                  text run at (261,5) width 132: "This is text within the"
-                  text run at (261,24) width 31: "DIV. "
-                  text run at (292,24) width 75: "The floating"
-                  text run at (5,43) width 139: "images within this DIV"
-                  text run at (5,62) width 137: "should not go beyond"
-                  text run at (5,81) width 376: "the left or right inner edge of this DIV, which means that the"
-                  text run at (5,100) width 375: "borders of the floating images should not overlap the top or"
-                  text run at (5,119) width 225: "side borders of the DIV in any way. "
-                  text run at (230,119) width 171: "In addition, they should not"
-                  text run at (5,138) width 398: "overlap each other in any way, nor should the floated elements"
-                  text run at (5,157) width 195: "be overwritten by the DIV text. "
-                  text run at (200,157) width 191: "In addition, the floated images"
-                  text run at (5,176) width 362: "should not be side-by-side, but instead the first should be"
-                  text run at (5,195) width 387: "floated left, and the second floated to the right below the first."
-              RenderBlock {HR} at (25,1462) size 573x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (5,1485) size 760x124 [border: (5px solid #800080)]
-                RenderBlock (floating) {P} at (585,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (15,15) size 136x57
-                    text run at (15,15) width 136: "This is a right-floating"
-                    text run at (15,34) width 113: "paragraph (first in"
-                    text run at (15,53) width 52: "source)."
-                RenderBlock (floating) {P} at (5,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (15,15) size 136x57
-                    text run at (15,15) width 127: "This is a left-floating"
-                    text run at (15,34) width 136: "paragraph (second in"
-                    text run at (15,53) width 52: "source)."
-                RenderText {#text} at (175,5) size 573x114
-                  text run at (175,5) width 167: "This is text within the DIV. "
-                  text run at (342,5) width 230: "The floating elements within this DIV"
-                  text run at (175,24) width 403: "should not go beyond the top side of this DIV, which means that"
-                  text run at (175,43) width 394: "the borders of the floating elements should not overlap the top"
-                  text run at (175,62) width 242: "or side borders of the DIV in any way. "
-                  text run at (417,62) width 158: "In addition, the top of the"
-                  text run at (175,81) width 388: "left-floating box should not be higher than the top of the right-"
-                  text run at (5,100) width 77: "floating box."
-              RenderBlock {HR} at (365,1616) size 40x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (5,1625) size 760x67 [border: (5px solid #800080)]
+                RenderText {#text} at (261,5) size 400x187
+                  text run at (261,5) width 124: "This is text within the"
+                  text run at (261,22) width 30: "DIV. "
+                  text run at (291,22) width 114: "The floating images"
+                  text run at (261,39) width 126: "within this DIV should"
+                  text run at (5,56) width 141: "not go beyond the left or"
+                  text run at (5,73) width 129: "right inner edge of this"
+                  text run at (5,90) width 394: "DIV, which means that the borders of the floating images should not"
+                  text run at (5,107) width 313: "overlap the top or side borders of the DIV in any way. "
+                  text run at (318,107) width 64: "In addition,"
+                  text run at (5,124) width 399: "they should not overlap each other in any way, nor should the floated"
+                  text run at (5,141) width 238: "elements be overwritten by the DIV text. "
+                  text run at (243,141) width 129: "In addition, the floated"
+                  text run at (5,158) width 378: "images should not be side-by-side, but instead the first should be"
+                  text run at (5,175) width 356: "floated left, and the second floated to the right below the first."
+              RenderBlock {HR} at (23,1282) size 573x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (5,1303) size 760x95 [border: (5px solid #800080)]
+                RenderBlock (floating) {P} at (597,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (14,14) size 125x51
+                    text run at (14,14) width 125: "This is a right-floating"
+                    text run at (14,31) width 101: "paragraph (first in"
+                    text run at (14,48) width 47: "source)."
+                RenderBlock (floating) {P} at (5,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (14,14) size 121x51
+                    text run at (14,14) width 118: "This is a left-floating"
+                    text run at (14,31) width 121: "paragraph (second in"
+                    text run at (14,48) width 47: "source)."
+                RenderText {#text} at (163,5) size 429x85
+                  text run at (163,5) width 158: "This is text within the DIV. "
+                  text run at (321,5) width 255: "The floating elements within this DIV should"
+                  text run at (163,22) width 414: "not go beyond the top side of this DIV, which means that the borders of"
+                  text run at (163,39) width 428: "the floating elements should not overlap the top or side borders of the DIV"
+                  text run at (163,56) width 70: "in any way. "
+                  text run at (233,56) width 359: "In addition, the top of the left-floating box should not be higher"
+                  text run at (163,73) width 210: "than the top of the right-floating box."
+              RenderBlock {HR} at (365,1404) size 40x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (5,1412) size 760x61 [border: (5px solid #800080)]
                 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
                 RenderImage {IMG} at (740,5) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (20,5) size 732x57
-                  text run at (20,5) width 167: "This is text within the DIV. "
-                  text run at (187,5) width 550: "The floating images within this DIV should not go beyond the top side of this DIV, which"
-                  text run at (20,24) width 703: "means that the borders of the floating images should not overlap the top or side borders of the DIV in any way. "
-                  text run at (723,24) width 12: "In"
-                  text run at (5,43) width 643: "addition, the top of the left-floating image should not be higher than the top of the right-floating image."
-              RenderBlock {HR} at (25,1713) size 573x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (5,1736) size 760x124 [border: (5px solid #800080)]
-                RenderText {#text} at (175,5) size 172x19
-                  text run at (175,5) width 167: "This is text within the DIV. "
-                  text run at (342,5) width 5: "*"
-                RenderBlock (floating) {P} at (5,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (15,15) size 127x57
-                    text run at (15,15) width 127: "This is a left-floating"
-                    text run at (15,34) width 113: "paragraph (first in"
-                    text run at (15,53) width 52: "source)."
-                RenderText {#text} at (347,5) size 567x38
-                  text run at (347,5) width 395: " The floating elements within this DIV should not go any higher"
-                  text run at (175,24) width 434: "than the line-box containing the inline content which precedes them. "
-                  text run at (609,24) width 9: "* "
-                RenderBlock (floating) {P} at (585,43) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (15,15) size 136x57
-                    text run at (15,15) width 136: "This is a right-floating"
-                    text run at (15,34) width 136: "paragraph (second in"
-                    text run at (15,53) width 52: "source)."
-                RenderText {#text} at (618,24) size 739x95
-                  text run at (618,24) width 126: "This means that the"
-                  text run at (175,43) width 407: "top side of each float can be, at most, as high as the top edge of"
-                  text run at (175,62) width 401: "the inline element containing the content just before the floating"
-                  text run at (175,81) width 191: "elements occur in the source. "
-                  text run at (366,81) width 183: "In order to mark these points"
-                  text run at (5,100) width 448: "clearly, an asterisk has been inserted just before each floated element."
-              RenderBlock {HR} at (365,1867) size 40x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (5,1876) size 760x86 [border: (5px solid #800080)]
-                RenderText {#text} at (20,5) size 172x19
-                  text run at (20,5) width 167: "This is text within the DIV. "
-                  text run at (187,5) width 5: "*"
+                RenderText {#text} at (20,5) size 710x51
+                  text run at (20,5) width 158: "This is text within the DIV. "
+                  text run at (178,5) width 552: "The floating images within this DIV should not go beyond the top side of this DIV, which means"
+                  text run at (20,22) width 601: "that the borders of the floating images should not overlap the top or side borders of the DIV in any way. "
+                  text run at (621,22) width 108: "In addition, the top"
+                  text run at (20,39) width 489: "of the left-floating image should not be higher than the top of the right-floating image."
+              RenderBlock {HR} at (23,1492) size 573x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (5,1513) size 760x112 [border: (5px solid #800080)]
+                RenderText {#text} at (163,5) size 163x17
+                  text run at (163,5) width 158: "This is text within the DIV. "
+                  text run at (321,5) width 5: "*"
+                RenderBlock (floating) {P} at (5,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (14,14) size 118x51
+                    text run at (14,14) width 118: "This is a left-floating"
+                    text run at (14,31) width 101: "paragraph (first in"
+                    text run at (14,48) width 47: "source)."
+                RenderText {#text} at (326,5) size 577x34
+                  text run at (326,5) width 414: " The floating elements within this DIV should not go any higher than the"
+                  text run at (163,22) width 346: "line-box containing the inline content which precedes them. "
+                  text run at (509,22) width 9: "* "
+                RenderBlock (floating) {P} at (597,22) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (14,14) size 125x51
+                    text run at (14,14) width 125: "This is a right-floating"
+                    text run at (14,31) width 121: "paragraph (second in"
+                    text run at (14,48) width 47: "source)."
+                RenderText {#text} at (518,22) size 583x85
+                  text run at (518,22) width 68: "This means"
+                  text run at (163,39) width 424: "that the top side of each float can be, at most, as high as the top edge of"
+                  text run at (163,56) width 424: "the inline element containing the content just before the floating elements"
+                  text run at (163,73) width 119: "occur in the source. "
+                  text run at (282,73) width 306: "In order to mark these points clearly, an asterisk has"
+                  text run at (5,90) width 272: "been inserted just before each floated element."
+              RenderBlock {HR} at (365,1631) size 40x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (5,1639) size 760x78 [border: (5px solid #800080)]
+                RenderText {#text} at (20,5) size 163x17
+                  text run at (20,5) width 158: "This is text within the DIV. "
+                  text run at (178,5) width 5: "*"
                 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (192,5) size 734x38
-                  text run at (192,5) width 562: " The floating images within this DIV should not go any higher than the line-box containing"
-                  text run at (20,24) width 255: "the inline content which precedes them. "
-                  text run at (275,24) width 9: "* "
-                RenderImage {IMG} at (740,24) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (284,24) size 734x57
-                  text run at (284,24) width 437: "This means that the top side of each float can be, at most, as high as"
-                  text run at (5,43) width 684: "the top edge of the inline element containing the content just before the floating images occur in the source. "
-                  text run at (689,43) width 50: "In order"
-                  text run at (5,62) width 569: "to mark these points clearly, an asterisk has been inserted just before each floated image."
-              RenderBlock {HR} at (25,1983) size 573x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (5,2006) size 760x219 [border: (5px solid #800080)]
-                RenderText {#text} at (175,5) size 172x19
-                  text run at (175,5) width 167: "This is text within the DIV. "
-                  text run at (342,5) width 5: "*"
-                RenderBlock (floating) {P} at (5,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (15,15) size 127x57
-                    text run at (15,15) width 127: "This is a left-floating"
-                    text run at (15,34) width 113: "paragraph (first in"
-                    text run at (15,53) width 52: "source)."
-                RenderText {#text} at (347,5) size 567x38
-                  text run at (347,5) width 395: " The floating elements within this DIV should not go any higher"
-                  text run at (175,24) width 434: "than the line-box containing the inline content which precedes them. "
-                  text run at (609,24) width 9: "* "
-                RenderBlock (floating) {P} at (585,43) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (15,15) size 136x57
-                    text run at (15,15) width 136: "This is a right-floating"
-                    text run at (15,34) width 136: "paragraph (second in"
-                    text run at (15,53) width 52: "source)."
-                RenderText {#text} at (618,24) size 399x38
-                  text run at (618,24) width 126: "This means that the"
-                  text run at (345,43) width 188: "top side of each float can be,*"
-                RenderBlock (floating) {P} at (175,43) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (15,15) size 127x57
-                    text run at (15,15) width 127: "This is a left-floating"
-                    text run at (15,34) width 118: "paragraph (third in"
-                    text run at (15,53) width 52: "source)."
-                RenderText {#text} at (533,43) size 232x95
-                  text run at (533,43) width 16: " at"
-                  text run at (345,62) width 228: "most, as high as the top edge of the"
-                  text run at (345,81) width 232: "inline element containing the content"
-                  text run at (345,100) width 203: "just before the floating elements"
-                  text run at (345,119) width 129: "occur in the source. "
-                  text run at (474,119) width 5: "*"
-                RenderBlock (floating) {P} at (5,138) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (15,15) size 127x57
-                    text run at (15,15) width 127: "This is a left-floating"
-                    text run at (15,34) width 127: "paragraph (fourth in"
-                    text run at (15,53) width 52: "source)."
-                RenderText {#text} at (479,119) size 579x95
-                  text run at (479,119) width 106: " In order to mark"
-                  text run at (175,138) width 533: "these points clearly, an asterisk has been inserted just before each floated element. "
-                  text run at (708,138) width 46: "If a line"
-                  text run at (175,157) width 569: "has room for a floated element, then the element should float so that its top is aligned with"
-                  text run at (175,176) width 334: "the top of the line-box in which the asterisk appears. "
-                  text run at (509,176) width 243: "Otherwise, its top should align with the"
-                  text run at (175,195) width 149: "top of the next line-box."
-              RenderBlock {HR} at (365,2232) size 40x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (5,2241) size 760x124 [border: (5px solid #800080)]
-                RenderText {#text} at (20,5) size 172x19
-                  text run at (20,5) width 167: "This is text within the DIV. "
-                  text run at (187,5) width 5: "*"
+                RenderText {#text} at (183,5) size 734x34
+                  text run at (183,5) width 571: " The floating images within this DIV should not go any higher than the line-box containing the inline"
+                  text run at (20,22) width 178: "content which precedes them. "
+                  text run at (198,22) width 9: "* "
+                RenderImage {IMG} at (740,22) size 15x36 [border: (3px solid #000000)]
+                RenderText {#text} at (207,22) size 720x51
+                  text run at (207,22) width 518: "This means that the top side of each float can be, at most, as high as the top edge of the"
+                  text run at (20,39) width 514: "inline element containing the content just before the floating images occur in the source. "
+                  text run at (534,39) width 167: "In order to mark these points"
+                  text run at (5,56) width 400: "clearly, an asterisk has been inserted just before each floated image."
+              RenderBlock {HR} at (23,1736) size 573x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (5,1757) size 760x214 [border: (5px solid #800080)]
+                RenderText {#text} at (163,5) size 163x17
+                  text run at (163,5) width 158: "This is text within the DIV. "
+                  text run at (321,5) width 5: "*"
+                RenderBlock (floating) {P} at (5,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (14,14) size 118x51
+                    text run at (14,14) width 118: "This is a left-floating"
+                    text run at (14,31) width 101: "paragraph (first in"
+                    text run at (14,48) width 47: "source)."
+                RenderText {#text} at (326,5) size 577x34
+                  text run at (326,5) width 414: " The floating elements within this DIV should not go any higher than the"
+                  text run at (163,22) width 346: "line-box containing the inline content which precedes them. "
+                  text run at (509,22) width 9: "* "
+                RenderBlock (floating) {P} at (597,22) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (14,14) size 125x51
+                    text run at (14,14) width 125: "This is a right-floating"
+                    text run at (14,31) width 121: "paragraph (second in"
+                    text run at (14,48) width 47: "source)."
+                RenderText {#text} at (518,22) size 265x34
+                  text run at (518,22) width 68: "This means"
+                  text run at (321,39) width 222: "that the top side of each float can be,*"
+                RenderBlock (floating) {P} at (163,39) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (14,14) size 118x51
+                    text run at (14,14) width 118: "This is a left-floating"
+                    text run at (14,31) width 104: "paragraph (third in"
+                    text run at (14,48) width 47: "source)."
+                RenderText {#text} at (543,39) size 274x68
+                  text run at (543,39) width 52: " at most,"
+                  text run at (321,56) width 257: "as high as the top edge of the inline element"
+                  text run at (321,73) width 261: "containing the content just before the floating"
+                  text run at (321,90) width 176: "elements occur in the source. "
+                  text run at (497,90) width 5: "*"
+                RenderBlock (floating) {P} at (321,107) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (14,14) size 118x51
+                    text run at (14,14) width 118: "This is a left-floating"
+                    text run at (14,31) width 112: "paragraph (fourth in"
+                    text run at (14,48) width 47: "source)."
+                RenderText {#text} at (502,90) size 750x119
+                  text run at (502,90) width 63: " In order to"
+                  text run at (479,107) width 275: "mark these points clearly, an asterisk has been"
+                  text run at (479,124) width 244: "inserted just before each floated element. "
+                  text run at (723,124) width 19: "If a"
+                  text run at (479,141) width 256: "line has room for a floated element, then the"
+                  text run at (479,158) width 260: "element should float so that its top is aligned"
+                  text run at (479,175) width 276: "with the top of the line-box in which the asterisk"
+                  text run at (5,192) width 54: "appears. "
+                  text run at (59,192) width 365: "Otherwise, its top should align with the top of the next line-box."
+              RenderBlock {HR} at (365,1977) size 40x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (5,1985) size 760x112 [border: (5px solid #800080)]
+                RenderText {#text} at (20,5) size 163x17
+                  text run at (20,5) width 158: "This is text within the DIV. "
+                  text run at (178,5) width 5: "*"
                 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (192,5) size 719x38
-                  text run at (192,5) width 562: " The floating images within this DIV should not go any higher than the line-box containing"
-                  text run at (35,24) width 255: "the inline content which precedes them. "
-                  text run at (290,24) width 9: "* "
-                RenderImage {IMG} at (740,24) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (299,24) size 322x19
-                  text run at (299,24) width 317: "This means that the top side of each float can be, "
-                  text run at (616,24) width 5: "*"
-                RenderImage {IMG} at (20,24) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (621,24) size 714x57
-                  text run at (621,24) width 105: " at most, as high"
-                  text run at (35,43) width 699: "as the top edge of the inline element containing the content just before the floating images occur in the source."
-                  text run at (20,62) width 5: "*"
-                RenderImage {IMG} at (5,62) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (25,62) size 730x57
-                  text run at (25,62) width 631: " In order to mark these points clearly, an asterisk has been inserted just before each floated image. "
-                  text run at (656,62) width 73: "If a line has"
-                  text run at (20,81) width 715: "room for a floated image, then the image should float so that its top is aligned with the top of the line-box in which"
-                  text run at (5,100) width 137: "the asterisk appears. "
-                  text run at (142,100) width 396: "Otherwise, its top should align with the top of the next line-box."
-              RenderBlock {HR} at (25,2386) size 573x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (5,2409) size 430x352 [border: (5px solid #800080)]
-                RenderText {#text} at (175,5) size 50x19
-                  text run at (175,5) width 50: "This is *"
-                RenderBlock (floating) {P} at (5,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (15,15) size 127x57
-                    text run at (15,15) width 127: "This is a left-floating"
-                    text run at (15,34) width 113: "paragraph (first in"
-                    text run at (15,53) width 52: "source)."
-                RenderText {#text} at (225,5) size 9x19
-                  text run at (225,5) width 9: " *"
-                RenderBlock (floating) {P} at (255,5) size 170x87 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
-                  RenderText {#text} at (15,15) size 136x57
-                    text run at (15,15) width 136: "This is a right-floating"
-                    text run at (15,34) width 136: "paragraph (second in"
-                    text run at (15,53) width 52: "source)."
-                RenderText {#text} at (175,24) size 416x323
-                  text run at (175,24) width 63: "text within"
-                  text run at (175,43) width 51: "the DIV."
-                  text run at (175,62) width 39: "Under"
-                  text run at (175,81) width 64: "CSS1, the"
-                  text run at (5,100) width 400: "left floating element should be placed in the upper left corner of"
-                  text run at (5,119) width 403: "the DIV, and the purple border of the DIV should abut the green"
-                  text run at (5,138) width 195: "border of the floating element. "
-                  text run at (200,138) width 218: "Similarly, the right floating element"
-                  text run at (5,157) width 388: "should be placed in the upper right corner of the DIV, and the"
-                  text run at (5,176) width 382: "purple border of the DIV should abut the green border of the"
-                  text run at (5,195) width 416: "floating element. The text of the DIV element should flow between"
-                  text run at (5,214) width 410: "and under the two floating elements. The two asterisk characters"
-                  text run at (5,233) width 400: "mark the insertion points of the floating elements. It is expected"
-                  text run at (5,252) width 407: "that, under future specifications, it may be acceptable for the top"
-                  text run at (5,271) width 401: "of floated elements to align with the top of the line-box following"
-                  text run at (5,290) width 359: "the insertion point of the floated element to avoid floating"
-                  text run at (5,309) width 398: "elements appearing before text which precedes it in the source"
-                  text run at (5,328) width 67: "document."
-              RenderBlock {HR} at (365,2768) size 40x2 [border: (1px inset #000000)]
-              RenderBlock {DIV} at (5,2777) size 430x257 [border: (5px solid #800080)]
-                RenderText {#text} at (20,5) size 50x19
-                  text run at (20,5) width 50: "This is *"
+                RenderText {#text} at (183,5) size 719x34
+                  text run at (183,5) width 571: " The floating images within this DIV should not go any higher than the line-box containing the inline"
+                  text run at (35,22) width 178: "content which precedes them. "
+                  text run at (213,22) width 9: "* "
+                RenderImage {IMG} at (740,22) size 15x36 [border: (3px solid #000000)]
+                RenderText {#text} at (222,22) size 298x17
+                  text run at (222,22) width 293: "This means that the top side of each float can be, "
+                  text run at (515,22) width 5: "*"
+                RenderImage {IMG} at (20,22) size 15x36 [border: (3px solid #000000)]
+                RenderText {#text} at (520,22) size 677x34
+                  text run at (520,22) width 207: " at most, as high as the top edge of"
+                  text run at (50,39) width 536: "the inline element containing the content just before the floating images occur in the source. "
+                  text run at (586,39) width 5: "*"
+                RenderImage {IMG} at (35,39) size 15x36 [border: (3px solid #000000)]
+                RenderText {#text} at (591,39) size 734x68
+                  text run at (591,39) width 132: " In order to mark these"
+                  text run at (50,56) width 443: "points clearly, an asterisk has been inserted just before each floated image. "
+                  text run at (493,56) width 246: "If a line has room for a floated image, then"
+                  text run at (50,73) width 609: "the image should float so that its top is aligned with the top of the line-box in which the asterisk appears. "
+                  text run at (659,73) width 80: "Otherwise, its"
+                  text run at (5,90) width 281: "top should align with the top of the next line-box."
+              RenderBlock {HR} at (23,2116) size 573x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (5,2137) size 400x299 [border: (5px solid #800080)]
+                RenderText {#text} at (163,5) size 48x17
+                  text run at (163,5) width 48: "This is *"
+                RenderBlock (floating) {P} at (5,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (14,14) size 118x51
+                    text run at (14,14) width 118: "This is a left-floating"
+                    text run at (14,31) width 101: "paragraph (first in"
+                    text run at (14,48) width 47: "source)."
+                RenderText {#text} at (211,5) size 9x17
+                  text run at (211,5) width 9: " *"
+                RenderBlock (floating) {P} at (237,5) size 158x79 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
+                  RenderText {#text} at (14,14) size 125x51
+                    text run at (14,14) width 125: "This is a right-floating"
+                    text run at (14,31) width 121: "paragraph (second in"
+                    text run at (14,48) width 47: "source)."
+                RenderText {#text} at (163,22) size 390x272
+                  text run at (163,22) width 59: "text within"
+                  text run at (163,39) width 48: "the DIV."
+                  text run at (163,56) width 34: "Under"
+                  text run at (163,73) width 60: "CSS1, the"
+                  text run at (5,90) width 387: "left floating element should be placed in the upper left corner of the"
+                  text run at (5,107) width 384: "DIV, and the purple border of the DIV should abut the green border"
+                  text run at (5,124) width 137: "of the floating element. "
+                  text run at (142,124) width 243: "Similarly, the right floating element should"
+                  text run at (5,141) width 390: "be placed in the upper right corner of the DIV, and the purple border"
+                  text run at (5,158) width 365: "of the DIV should abut the green border of the floating element."
+                  text run at (5,175) width 389: "The text of the DIV element should flow between and under the two"
+                  text run at (5,192) width 376: "floating elements. The two asterisk characters mark the insertion"
+                  text run at (5,209) width 365: "points of the floating elements. It is expected that, under future"
+                  text run at (5,226) width 387: "specifications, it may be acceptable for the top of floated elements"
+                  text run at (5,243) width 375: "to align with the top of the line-box following the insertion point of"
+                  text run at (5,260) width 390: "the floated element to avoid floating elements appearing before text"
+                  text run at (5,277) width 245: "which precedes it in the source document."
+              RenderBlock {HR} at (365,2442) size 40x2 [border: (1px inset #000000)]
+              RenderBlock {DIV} at (5,2450) size 400x231 [border: (5px solid #800080)]
+                RenderText {#text} at (20,5) size 48x17
+                  text run at (20,5) width 48: "This is *"
                 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (70,5) size 9x19
-                  text run at (70,5) width 9: " *"
-                RenderImage {IMG} at (410,5) size 15x36 [border: (3px solid #000000)]
-                RenderText {#text} at (79,5) size 418x247
-                  text run at (79,5) width 126: " text within the DIV. "
-                  text run at (205,5) width 180: "Under CSS1, the left floating"
-                  text run at (20,24) width 370: "image should be placed in the upper left corner of the DIV,"
-                  text run at (5,43) width 410: "and the purple border of the DIV should abut the green border of"
-                  text run at (5,62) width 121: "the floating image. "
-                  text run at (126,62) width 272: "Similarly, the right floating image should be"
-                  text run at (5,81) width 412: "placed in the upper right corner of the DIV, and the purple border"
-                  text run at (5,100) width 418: "of the DIV should abut the green border of the floating image. The"
-                  text run at (5,119) width 397: "text of the DIV element should flow between and under the two"
-                  text run at (5,138) width 390: "floating image. The two asterisk characters mark the insertion"
-                  text run at (5,157) width 179: "points of the floating image. "
-                  text run at (184,157) width 198: "It is expected that, under future"
-                  text run at (5,176) width 418: "specifications, it may be acceptable for the top of floated elements"
-                  text run at (5,195) width 409: "to align with the top of the line-box following the insertion point of"
-                  text run at (5,214) width 401: "the floated element to avoid floating elements appearing before"
-                  text run at (5,233) width 294: "text which precedes it in the source document."
-              RenderBlock {HR} at (25,3055) size 573x2 [border: (1px inset #000000)]
+                RenderText {#text} at (68,5) size 9x17
+                  text run at (68,5) width 9: " *"
+                RenderImage {IMG} at (380,5) size 15x36 [border: (3px solid #000000)]
+                RenderText {#text} at (77,5) size 390x221
+                  text run at (77,5) width 119: " text within the DIV. "
+                  text run at (196,5) width 166: "Under CSS1, the left floating"
+                  text run at (20,22) width 338: "image should be placed in the upper left corner of the DIV,"
+                  text run at (20,39) width 354: "and the purple border of the DIV should abut the green border"
+                  text run at (5,56) width 126: "of the floating image. "
+                  text run at (131,56) width 250: "Similarly, the right floating image should be"
+                  text run at (5,73) width 387: "placed in the upper right corner of the DIV, and the purple border of"
+                  text run at (5,90) width 365: "the DIV should abut the green border of the floating image. The"
+                  text run at (5,107) width 363: "text of the DIV element should flow between and under the two"
+                  text run at (5,124) width 358: "floating image. The two asterisk characters mark the insertion"
+                  text run at (5,141) width 165: "points of the floating image. "
+                  text run at (170,141) width 182: "It is expected that, under future"
+                  text run at (5,158) width 387: "specifications, it may be acceptable for the top of floated elements"
+                  text run at (5,175) width 375: "to align with the top of the line-box following the insertion point of"
+                  text run at (5,192) width 390: "the floated element to avoid floating elements appearing before text"
+                  text run at (5,209) width 245: "which precedes it in the source document."
+              RenderBlock {HR} at (23,2700) size 573x2 [border: (1px inset #000000)]
index e83e547..9c2af40 100644 (file)
-layer at (0,0) size 800x2425
+layer at (0,0) size 800x2387
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x2425
-  RenderBlock {HTML} at (0,0) size 800x2425
-    RenderBody {BODY} at (8,8) size 784x2409 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x342
-        RenderText {#text} at (0,0) size 416x342
-          text run at (0,0) width 261: "P.one {font-size: 14px; line-height: 20px;}"
-          text run at (261,0) width 0: " "
-          text run at (0,19) width 236: "IMG.onea {vertical-align: text-bottom;"
-          text run at (236,19) width 0: " "
-          text run at (0,38) width 203: "     width: 200px; height: 200px;}"
-          text run at (203,38) width 0: " "
-          text run at (0,57) width 399: "IMG.oneb {vertical-align: text-top; width: 200px; height: 200px;}"
-          text run at (399,57) width 0: " "
-          text run at (0,76) width 0: " "
-          text run at (0,95) width 259: "P.two {font-size: 14px; line-height: 20px;}"
-          text run at (259,95) width 0: " "
-          text run at (0,114) width 416: "IMG.twoa {vertical-align: text-bottom; width: 100px; height: 100px;"
-          text run at (416,114) width 0: " "
-          text run at (0,133) width 227: "     padding: 5px; border-style: solid;"
-          text run at (227,133) width 0: " "
-          text run at (0,152) width 239: "     border-width: 10px; margin: 15px;}"
-          text run at (239,152) width 0: " "
-          text run at (0,171) width 210: "IMG.twob {vertical-align: text-top;"
-          text run at (210,171) width 0: " "
-          text run at (0,190) width 218: "          width: 100px; height: 100px;"
-          text run at (218,190) width 0: " "
-          text run at (0,209) width 227: "     padding: 5px; border-style: solid;"
-          text run at (227,209) width 0: " "
-          text run at (0,228) width 239: "     border-width: 10px; margin: 15px;}"
-          text run at (239,228) width 0: " "
-          text run at (0,247) width 0: " "
-          text run at (0,266) width 369: "IMG.twoc {vertical-align: middle; width: 50px; height: 50px;"
-          text run at (369,266) width 0: " "
-          text run at (0,285) width 227: "     padding: 5px; border-style: solid;"
-          text run at (227,285) width 0: " "
-          text run at (0,304) width 244: "     border-width: 10px; margin: -10px;}"
-          text run at (244,304) width 0: " "
-          text run at (0,323) width 0: " "
-      RenderBlock {HR} at (0,389) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,405) size 784x461
-        RenderText {#text} at (0,0) size 765x240
-          text run at (0,0) width 466: "This paragraph should have a font size of 14px and a line height of 20px. "
-          text run at (466,0) width 299: "This means that the lines of text within it should"
-          text run at (0,20) width 494: "be separated by six pixels, three of which are part of the line-box of each line. "
-          text run at (494,20) width 254: "Any images within the paragraph should"
-          text run at (0,221) width 486: "increase the height of the line-box so that they fit within the line box, such as "
+layer at (0,0) size 800x2387
+  RenderBlock {HTML} at (0,0) size 800x2387
+    RenderBody {BODY} at (8,8) size 784x2371 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x306
+        RenderText {#text} at (0,0) size 382x306
+          text run at (0,0) width 239: "P.one {font-size: 14px; line-height: 20px;}"
+          text run at (239,0) width 0: " "
+          text run at (0,17) width 216: "IMG.onea {vertical-align: text-bottom;"
+          text run at (216,17) width 0: " "
+          text run at (0,34) width 187: "     width: 200px; height: 200px;}"
+          text run at (187,34) width 0: " "
+          text run at (0,51) width 365: "IMG.oneb {vertical-align: text-top; width: 200px; height: 200px;}"
+          text run at (365,51) width 0: " "
+          text run at (0,68) width 0: " "
+          text run at (0,85) width 238: "P.two {font-size: 14px; line-height: 20px;}"
+          text run at (238,85) width 0: " "
+          text run at (0,102) width 382: "IMG.twoa {vertical-align: text-bottom; width: 100px; height: 100px;"
+          text run at (382,102) width 0: " "
+          text run at (0,119) width 209: "     padding: 5px; border-style: solid;"
+          text run at (209,119) width 0: " "
+          text run at (0,136) width 217: "     border-width: 10px; margin: 15px;}"
+          text run at (217,136) width 0: " "
+          text run at (0,153) width 193: "IMG.twob {vertical-align: text-top;"
+          text run at (193,153) width 0: " "
+          text run at (0,170) width 203: "          width: 100px; height: 100px;"
+          text run at (203,170) width 0: " "
+          text run at (0,187) width 209: "     padding: 5px; border-style: solid;"
+          text run at (209,187) width 0: " "
+          text run at (0,204) width 217: "     border-width: 10px; margin: 15px;}"
+          text run at (217,204) width 0: " "
+          text run at (0,221) width 0: " "
+          text run at (0,238) width 340: "IMG.twoc {vertical-align: middle; width: 50px; height: 50px;"
+          text run at (340,238) width 0: " "
+          text run at (0,255) width 209: "     padding: 5px; border-style: solid;"
+          text run at (209,255) width 0: " "
+          text run at (0,272) width 221: "     border-width: 10px; margin: -10px;}"
+          text run at (221,272) width 0: " "
+          text run at (0,289) width 0: " "
+      RenderBlock {HR} at (0,349) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,365) size 784x462
+        RenderText {#text} at (0,1) size 765x239
+          text run at (0,1) width 466: "This paragraph should have a font size of 14px and a line height of 20px. "
+          text run at (466,1) width 299: "This means that the lines of text within it should"
+          text run at (0,21) width 494: "be separated by six pixels, three of which are part of the line-box of each line. "
+          text run at (494,21) width 254: "Any images within the paragraph should"
+          text run at (0,222) width 486: "increase the height of the line-box so that they fit within the line box, such as "
         RenderImage {IMG} at (486,40) size 200x200
-        RenderText {#text} at (686,221) size 32x19
-          text run at (686,221) width 32: " and "
-        RenderImage {IMG} at (0,241) size 200x200
-        RenderText {#text} at (200,241) size 774x219
-          text run at (200,241) width 8: ". "
-          text run at (208,241) width 566: "This is additional text to make sure that there is enough room left below the image so that"
-          text run at (0,441) width 341: "this line does not hit the image that is text-top aligned."
-      RenderBlock {P} at (0,880) size 784x501
-        RenderText {#text} at (0,0) size 765x200
-          text run at (0,0) width 466: "This paragraph should have a font size of 14px and a line height of 20px. "
-          text run at (466,0) width 299: "This means that the lines of text within it should"
-          text run at (0,20) width 172: "be separated by six pixels. "
-          text run at (172,20) width 570: "Any images within the paragraph should increase the height of the line-box so that they fit,"
-          text run at (0,181) width 581: "including their padding (5px), border (10px) and margins (15px) within the line box, such as "
+        RenderText {#text} at (686,222) size 32x18
+          text run at (686,222) width 32: " and "
+        RenderImage {IMG} at (0,242) size 200x200
+        RenderText {#text} at (200,242) size 774x219
+          text run at (200,242) width 8: ". "
+          text run at (208,242) width 566: "This is additional text to make sure that there is enough room left below the image so that"
+          text run at (0,443) width 341: "this line does not hit the image that is text-top aligned."
+      RenderBlock {P} at (0,841) size 784x502
+        RenderText {#text} at (0,1) size 765x199
+          text run at (0,1) width 466: "This paragraph should have a font size of 14px and a line height of 20px. "
+          text run at (466,1) width 299: "This means that the lines of text within it should"
+          text run at (0,21) width 172: "be separated by six pixels. "
+          text run at (172,21) width 570: "Any images within the paragraph should increase the height of the line-box so that they fit,"
+          text run at (0,182) width 581: "including their padding (5px), border (10px) and margins (15px) within the line box, such as "
         RenderImage {IMG} at (596,55) size 130x130 [border: (10px solid #000000)]
-        RenderText {#text} at (741,181) size 32x19
-          text run at (741,181) width 32: " and "
-        RenderImage {IMG} at (15,216) size 130x130 [border: (10px solid #000000)]
-        RenderText {#text} at (160,201) size 776x238
-          text run at (160,201) width 8: ". "
-          text run at (168,201) width 592: "This is additional text to make sure that there is enough room left below the image so that this"
-          text run at (0,361) width 319: "line does not hit the image that is text-top aligned. "
-          text run at (319,361) width 457: "It is the outer edge of the margin that should be text-bottom and text-top"
-          text run at (0,381) width 771: "aligned in this paragraph, so for the first image the bottom border of the image should begin 15px above the bottom of the"
-          text run at (0,420) width 567: "text, and for the second image the top border should begin 15px below the top of the text "
-        RenderImage {IMG} at (557,391) size 80x80 [border: (10px solid #000000)]
-        RenderText {#text} at (627,420) size 770x80
-          text run at (627,420) width 8: ". "
-          text run at (635,420) width 135: "The last image in this"
-          text run at (0,461) width 768: "paragraph has -10px margins set on it, so that should pull the text in toward the image in the vertical direction, and also in"
-          text run at (0,481) width 148: "the horizontal direction."
-      RenderTable {TABLE} at (0,1395) size 784x1014 [border: (1px outset #808080)]
+        RenderText {#text} at (741,182) size 32x18
+          text run at (741,182) width 32: " and "
+        RenderImage {IMG} at (15,217) size 130x130 [border: (10px solid #000000)]
+        RenderText {#text} at (160,202) size 776x237
+          text run at (160,202) width 8: ". "
+          text run at (168,202) width 592: "This is additional text to make sure that there is enough room left below the image so that this"
+          text run at (0,363) width 319: "line does not hit the image that is text-top aligned. "
+          text run at (319,363) width 457: "It is the outer edge of the margin that should be text-bottom and text-top"
+          text run at (0,383) width 771: "aligned in this paragraph, so for the first image the bottom border of the image should begin 15px above the bottom of the"
+          text run at (0,421) width 567: "text, and for the second image the top border should begin 15px below the top of the text "
+        RenderImage {IMG} at (557,392) size 80x80 [border: (10px solid #000000)]
+        RenderText {#text} at (627,421) size 770x80
+          text run at (627,421) width 8: ". "
+          text run at (635,421) width 135: "The last image in this"
+          text run at (0,463) width 768: "paragraph has -10px margins set on it, so that should pull the text in toward the image in the vertical direction, and also in"
+          text run at (0,483) width 148: "the horizontal direction."
+      RenderTable {TABLE} at (0,1357) size 784x1014 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 782x1012
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x984
-            RenderTableCell {TD} at (0,506) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x986
+            RenderTableCell {TD} at (0,506) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x984 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x461
-                RenderText {#text} at (0,0) size 748x240
-                  text run at (0,0) width 466: "This paragraph should have a font size of 14px and a line height of 20px. "
-                  text run at (466,0) width 253: "This means that the lines of text within it"
-                  text run at (0,20) width 540: "should be separated by six pixels, three of which are part of the line-box of each line. "
-                  text run at (540,20) width 208: "Any images within the paragraph"
-                  text run at (0,221) width 532: "should increase the height of the line-box so that they fit within the line box, such as "
+            RenderTableCell {TD} at (12,26) size 770x986 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x462
+                RenderText {#text} at (0,1) size 748x239
+                  text run at (0,1) width 466: "This paragraph should have a font size of 14px and a line height of 20px. "
+                  text run at (466,1) width 253: "This means that the lines of text within it"
+                  text run at (0,21) width 540: "should be separated by six pixels, three of which are part of the line-box of each line. "
+                  text run at (540,21) width 208: "Any images within the paragraph"
+                  text run at (0,222) width 532: "should increase the height of the line-box so that they fit within the line box, such as "
                 RenderImage {IMG} at (532,40) size 200x200
-                RenderText {#text} at (732,221) size 28x19
-                  text run at (732,221) width 28: " and"
-                RenderImage {IMG} at (0,241) size 200x200
-                RenderText {#text} at (200,241) size 746x219
-                  text run at (200,241) width 8: ". "
-                  text run at (208,241) width 538: "This is additional text to make sure that there is enough room left below the image so"
-                  text run at (0,441) width 369: "that this line does not hit the image that is text-top aligned."
-              RenderBlock {P} at (4,479) size 762x501
-                RenderText {#text} at (0,0) size 738x59
-                  text run at (0,0) width 466: "This paragraph should have a font size of 14px and a line height of 20px. "
-                  text run at (466,0) width 253: "This means that the lines of text within it"
-                  text run at (0,20) width 218: "should be separated by six pixels. "
-                  text run at (218,20) width 520: "Any images within the paragraph should increase the height of the line-box so that"
-                  text run at (0,40) width 631: "they fit, including their padding (5px), border (10px) and margins (15px) within the line box, such as "
+                RenderText {#text} at (732,222) size 28x18
+                  text run at (732,222) width 28: " and"
+                RenderImage {IMG} at (0,242) size 200x200
+                RenderText {#text} at (200,242) size 746x219
+                  text run at (200,242) width 8: ". "
+                  text run at (208,242) width 538: "This is additional text to make sure that there is enough room left below the image so"
+                  text run at (0,443) width 369: "that this line does not hit the image that is text-top aligned."
+              RenderBlock {P} at (4,480) size 762x502
+                RenderText {#text} at (0,1) size 738x58
+                  text run at (0,1) width 466: "This paragraph should have a font size of 14px and a line height of 20px. "
+                  text run at (466,1) width 253: "This means that the lines of text within it"
+                  text run at (0,21) width 218: "should be separated by six pixels. "
+                  text run at (218,21) width 520: "Any images within the paragraph should increase the height of the line-box so that"
+                  text run at (0,41) width 631: "they fit, including their padding (5px), border (10px) and margins (15px) within the line box, such as "
                 RenderImage {IMG} at (15,75) size 130x130 [border: (10px solid #000000)]
-                RenderText {#text} at (160,201) size 32x19
-                  text run at (160,201) width 32: " and "
-                RenderImage {IMG} at (207,216) size 130x130 [border: (10px solid #000000)]
-                RenderText {#text} at (352,201) size 758x258
-                  text run at (352,201) width 8: ". "
-                  text run at (360,201) width 388: "This is additional text to make sure that there is enough room"
-                  text run at (0,361) width 523: "left below the image so that this line does not hit the image that is text-top aligned. "
-                  text run at (523,361) width 235: "It is the outer edge of the margin that"
-                  text run at (0,381) width 718: "should be text-bottom and text-top aligned in this paragraph, so for the first image the bottom border of the image"
-                  text run at (0,401) width 747: "should begin 15px above the bottom of the text, and for the second image the top border should begin 15px below the"
-                  text run at (0,440) width 91: "top of the text "
-                RenderImage {IMG} at (81,411) size 80x80 [border: (10px solid #000000)]
-                RenderText {#text} at (151,440) size 729x60
-                  text run at (151,440) width 8: ". "
-                  text run at (159,440) width 570: "The last image in this paragraph has -10px margins set on it, so that should pull the text in"
-                  text run at (0,481) width 485: "toward the image in the vertical direction, and also in the horizontal direction."
+                RenderText {#text} at (160,202) size 32x18
+                  text run at (160,202) width 32: " and "
+                RenderImage {IMG} at (207,217) size 130x130 [border: (10px solid #000000)]
+                RenderText {#text} at (352,202) size 758x257
+                  text run at (352,202) width 8: ". "
+                  text run at (360,202) width 388: "This is additional text to make sure that there is enough room"
+                  text run at (0,363) width 523: "left below the image so that this line does not hit the image that is text-top aligned. "
+                  text run at (523,363) width 235: "It is the outer edge of the margin that"
+                  text run at (0,383) width 718: "should be text-bottom and text-top aligned in this paragraph, so for the first image the bottom border of the image"
+                  text run at (0,403) width 747: "should begin 15px above the bottom of the text, and for the second image the top border should begin 15px below the"
+                  text run at (0,441) width 91: "top of the text "
+                RenderImage {IMG} at (81,412) size 80x80 [border: (10px solid #000000)]
+                RenderText {#text} at (151,441) size 729x60
+                  text run at (151,441) width 8: ". "
+                  text run at (159,441) width 570: "The last image in this paragraph has -10px margins set on it, so that should pull the text in"
+                  text run at (0,483) width 485: "toward the image in the vertical direction, and also in the horizontal direction."
index fa950b8..24be6fb 100644 (file)
@@ -1,62 +1,61 @@
-layer at (0,0) size 800x680
+layer at (0,0) size 800x600
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x680
-  RenderBlock {HTML} at (0,0) size 800x680
-    RenderBody {BODY} at (8,8) size 784x658 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (10,0) size 774x19
-        RenderText {#text} at (0,0) size 290x19
-          text run at (0,0) width 290: "This paragraph should be indented ten pixels."
-      RenderBlock {DIV} at (10,33) size 774x19
-        RenderBlock {P} at (10,0) size 764x19
-          RenderText {#text} at (0,0) size 573x19
-            text run at (0,0) width 573: "This paragraph should be indented twenty pixels, since horizontal margins do not collapse."
-      RenderBlock {P} at (0,66) size 392x95 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 390x95
-          text run at (0,0) width 365: "This element has a width of 50%, and due to 'auto' values"
-          text run at (0,19) width 390: "applied to the right margin, the element should be left justified"
-          text run at (0,38) width 107: "within its parent. "
-          text run at (107,38) width 277: "The gray rectangle should therefore appear"
-          text run at (0,57) width 368: "on the left edge of the viewport (e.g. the browser window)."
-          text run at (0,76) width 366: "The text inside the gray rectangle should not be centered."
-      RenderBlock {P} at (196,175) size 392x114 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 373x114
-          text run at (0,0) width 365: "This element has a width of 50%, and due to 'auto' values"
-          text run at (0,19) width 373: "applied to the left and right margins, the element should be"
-          text run at (0,38) width 167: "centered within its parent. "
-          text run at (167,38) width 166: "The gray rectangle should"
-          text run at (0,57) width 346: "therefore appear in the middle of the viewport (e.g. the"
-          text run at (0,76) width 373: "browser window). The text inside the gray rectangle should"
-          text run at (0,95) width 104: "not be centered."
-      RenderBlock {P} at (392,303) size 392x95 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 390x95
-          text run at (0,0) width 365: "This element has a width of 50%, and due to 'auto' values"
-          text run at (0,19) width 390: "applied to the left margin, the element should be right justified"
-          text run at (0,38) width 107: "within its parent. "
-          text run at (107,38) width 277: "The gray rectangle should therefore appear"
-          text run at (0,57) width 377: "on the right edge of the viewport (e.g. the browser window)."
-          text run at (0,76) width 366: "The text inside the gray rectangle should not be centered."
-      RenderBlock {P} at (0,412) size 784x38 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 766x38
-          text run at (0,0) width 766: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and"
-          text run at (0,19) width 192: "the text should be left justified."
-      RenderBlock {P} at (0,464) size 784x38 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 766x38
-          text run at (0,0) width 766: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and"
-          text run at (0,19) width 192: "the text should be left justified."
-      RenderBlock {P} at (0,516) size 784x38 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 766x38
-          text run at (0,0) width 766: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and"
-          text run at (0,19) width 192: "the text should be left justified."
-      RenderBlock {P} at (0,568) size 392x57 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 384x38
-          text run at (0,0) width 384: "Since auto is an invalid value for padding, the right-margin of"
-          text run at (0,19) width 214: "this paragraph should be reset to "
-        RenderInline {CODE} at (0,0) size 28x19
-          RenderText {#text} at (214,19) size 28x19
-            text run at (214,19) width 28: "auto"
-        RenderText {#text} at (242,19) size 388x38
-          text run at (242,19) width 146: " and thus be expanded"
-          text run at (0,38) width 383: "to 50% and it should only occupy the left half of the viewport."
-      RenderBlock {P} at (0,639) size 784x19 [bgcolor=#808080]
-        RenderText {#text} at (0,0) size 645x19
-          text run at (0,0) width 645: "Because this paragraph has width 100%, the auto margins become zero, so it should not be centered."
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x579 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (10,0) size 774x17
+        RenderText {#text} at (0,0) size 263x17
+          text run at (0,0) width 263: "This paragraph should be indented ten pixels."
+      RenderBlock {DIV} at (10,30) size 774x17
+        RenderBlock {P} at (10,0) size 764x17
+          RenderText {#text} at (0,0) size 524x17
+            text run at (0,0) width 524: "This paragraph should be indented twenty pixels, since horizontal margins do not collapse."
+      RenderBlock {P} at (0,60) size 392x85 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 386x85
+          text run at (0,0) width 379: "This element has a width of 50%, and due to 'auto' values applied"
+          text run at (0,17) width 367: "to the right margin, the element should be left justified within its"
+          text run at (0,34) width 44: "parent. "
+          text run at (44,34) width 342: "The gray rectangle should therefore appear on the left edge"
+          text run at (0,51) width 381: "of the viewport (e.g. the browser window). The text inside the gray"
+          text run at (0,68) width 193: "rectangle should not be centered."
+      RenderBlock {P} at (196,158) size 392x85 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 388x85
+          text run at (0,0) width 379: "This element has a width of 50%, and due to 'auto' values applied"
+          text run at (0,17) width 386: "to the left and right margins, the element should be centered within"
+          text run at (0,34) width 62: "its parent. "
+          text run at (62,34) width 326: "The gray rectangle should therefore appear in the middle"
+          text run at (0,51) width 381: "of the viewport (e.g. the browser window). The text inside the gray"
+          text run at (0,68) width 193: "rectangle should not be centered."
+      RenderBlock {P} at (392,256) size 392x85 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 384x85
+          text run at (0,0) width 379: "This element has a width of 50%, and due to 'auto' values applied"
+          text run at (0,17) width 367: "to the left margin, the element should be right justified within its"
+          text run at (0,34) width 44: "parent. "
+          text run at (44,34) width 317: "The gray rectangle should therefore appear on the right"
+          text run at (0,51) width 384: "edge of the viewport (e.g. the browser window). The text inside the"
+          text run at (0,68) width 222: "gray rectangle should not be centered."
+      RenderBlock {P} at (0,354) size 784x34 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 750x34
+          text run at (0,0) width 750: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and the text"
+          text run at (0,17) width 131: "should be left justified."
+      RenderBlock {P} at (0,401) size 784x34 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 750x34
+          text run at (0,0) width 750: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and the text"
+          text run at (0,17) width 131: "should be left justified."
+      RenderBlock {P} at (0,448) size 784x34 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 750x34
+          text run at (0,0) width 750: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and the text"
+          text run at (0,17) width 131: "should be left justified."
+      RenderBlock {P} at (0,495) size 392x51 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 376x34
+          text run at (0,0) width 376: "Since auto is an invalid value for padding, the right-margin of this"
+          text run at (0,17) width 169: "paragraph should be reset to "
+        RenderInline {CODE} at (0,0) size 25x17
+          RenderText {#text} at (169,17) size 25x17
+            text run at (169,17) width 25: "auto"
+        RenderText {#text} at (194,17) size 371x34
+          text run at (194,17) width 177: " and thus be expanded to 50%"
+          text run at (0,34) width 310: "and it should only occupy the left half of the viewport."
+      RenderBlock {P} at (0,559) size 784x17 [bgcolor=#808080]
+        RenderText {#text} at (0,0) size 590x17
+          text run at (0,0) width 590: "Because this paragraph has width 100%, the auto margins become zero, so it should not be centered."
index cb747f3..725af2f 100644 (file)
@@ -1,97 +1,96 @@
-layer at (0,0) size 800x771
+layer at (0,0) size 800x698
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x771
-  RenderBlock {HTML} at (0,0) size 800x771
-    RenderBody {BODY} at (8,8) size 784x755 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x133
-        RenderText {#text} at (0,0) size 434x133
-          text run at (0,0) width 165: "P.one {line-height: 200%;}"
-          text run at (165,0) width 0: " "
-          text run at (0,19) width 431: "SPAN.two {border-style: solid; border-width: 10px; border-color: red;"
-          text run at (431,19) width 0: " "
-          text run at (0,38) width 216: "          padding: 2pt; margin: 30pt;}"
-          text run at (216,38) width 0: " "
-          text run at (0,57) width 264: "P.three {font-size: 10pt; line-height: 12pt;}"
-          text run at (264,57) width 0: " "
-          text run at (0,76) width 434: "SPAN.four {border-style: solid; border-width: 12px; border-color: red;"
-          text run at (434,76) width 0: " "
-          text run at (0,95) width 128: "          padding: 2pt;}"
-          text run at (128,95) width 0: " "
-          text run at (0,114) width 0: " "
-      RenderBlock {HR} at (0,180) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,196) size 784x168
-        RenderText {#text} at (0,4) size 194x19
-          text run at (0,4) width 194: "This is a paragraph that has a "
-        RenderInline {SPAN} at (0,0) size 782x155 [border: (10px solid #FF0000)]
-          RenderText {#text} at (246,4) size 782x131
-            text run at (246,4) width 534: "very long span in it, and the span has a 10px red border separated from the span by"
-            text run at (0,32) width 168: "2pt, and a margin of 30pt. "
-            text run at (168,32) width 614: "The padding and border should be present on all sides of the span (although vertical lines should"
-            text run at (0,60) width 499: "appear only at the beginning and the end of the whole span, not on each line). "
-            text run at (499,60) width 274: "The padding, border, and margin should all"
-            text run at (0,88) width 330: "be noticeable at the beginning and end of the span. "
-            text run at (330,88) width 447: "However, the line height should not be changed by any of them, so the"
-            text run at (0,116) width 511: "margin should be unnoticeable and the border should overlap text on other lines."
-        RenderText {#text} at (563,116) size 751x47
-          text run at (563,116) width 4: " "
-          text run at (567,116) width 184: "The line spacing in the whole"
-          text run at (0,144) width 273: "paragraph should be 200% of the font size."
-      RenderBlock {P} at (0,378) size 784x64
-        RenderText {#text} at (0,-1) size 177x18
-          text run at (0,-1) width 177: "This is a paragraph that has a "
-        RenderInline {SPAN} at (0,0) size 769x94 [border: (12px solid #FF0000)]
-          RenderText {#text} at (191,-1) size 769x66
-            text run at (191,-1) width 572: "very long span in it, and the span has a 12px red border separated from the span by 2pt of padding"
-            text run at (0,15) width 769: "(the difference between the line-height and the font-size), which should overlap with the lines of text above and below the span, since"
-            text run at (0,31) width 326: "the padding and border should not effect the line height. "
-            text run at (326,31) width 443: "The span's border should have vertical lines only at the beginning and end of"
-            text run at (0,47) width 191: "the whole span, not on each line."
-        RenderText {#text} at (205,47) size 440x18
-          text run at (205,47) width 4: " "
-          text run at (209,47) width 436: "The line spacing in the whole paragraph should be 12pt, with font-size 10pt."
-      RenderTable {TABLE} at (0,455) size 784x300 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x298
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x270
-            RenderTableCell {TD} at (0,149) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+layer at (0,0) size 800x698
+  RenderBlock {HTML} at (0,0) size 800x698
+    RenderBody {BODY} at (8,8) size 784x682 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x119
+        RenderText {#text} at (0,0) size 393x119
+          text run at (0,0) width 150: "P.one {line-height: 200%;}"
+          text run at (150,0) width 0: " "
+          text run at (0,17) width 391: "SPAN.two {border-style: solid; border-width: 10px; border-color: red;"
+          text run at (391,17) width 0: " "
+          text run at (0,34) width 199: "          padding: 2pt; margin: 30pt;}"
+          text run at (199,34) width 0: " "
+          text run at (0,51) width 241: "P.three {font-size: 10pt; line-height: 12pt;}"
+          text run at (241,51) width 0: " "
+          text run at (0,68) width 393: "SPAN.four {border-style: solid; border-width: 12px; border-color: red;"
+          text run at (393,68) width 0: " "
+          text run at (0,85) width 119: "          padding: 2pt;}"
+          text run at (119,85) width 0: " "
+          text run at (0,102) width 0: " "
+      RenderBlock {HR} at (0,162) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,177) size 784x130
+        RenderText {#text} at (0,4) size 177x17
+          text run at (0,4) width 177: "This is a paragraph that has a "
+        RenderInline {SPAN} at (0,0) size 777x145 [border: (10px solid #FF0000)]
+          RenderText {#text} at (229,4) size 777x121
+            text run at (229,4) width 548: "very long span in it, and the span has a 10px red border separated from the span by 2pt, and a"
+            text run at (0,30) width 91: "margin of 30pt. "
+            text run at (91,30) width 666: "The padding and border should be present on all sides of the span (although vertical lines should appear only at the"
+            text run at (0,56) width 345: "beginning and the end of the whole span, not on each line). "
+            text run at (345,56) width 423: "The padding, border, and margin should all be noticeable at the beginning"
+            text run at (0,82) width 123: "and end of the span. "
+            text run at (123,82) width 636: "However, the line height should not be changed by any of them, so the margin should be unnoticeable and the"
+            text run at (0,108) width 236: "border should overlap text on other lines."
+        RenderText {#text} at (288,108) size 425x17
+          text run at (288,108) width 4: " "
+          text run at (292,108) width 421: "The line spacing in the whole paragraph should be 200% of the font size."
+      RenderBlock {P} at (0,320) size 784x64
+        RenderText {#text} at (0,0) size 177x17
+          text run at (0,0) width 177: "This is a paragraph that has a "
+        RenderInline {SPAN} at (0,0) size 769x93 [border: (12px solid #FF0000)]
+          RenderText {#text} at (191,0) size 769x65
+            text run at (191,0) width 572: "very long span in it, and the span has a 12px red border separated from the span by 2pt of padding"
+            text run at (0,16) width 769: "(the difference between the line-height and the font-size), which should overlap with the lines of text above and below the span, since"
+            text run at (0,32) width 326: "the padding and border should not effect the line height. "
+            text run at (326,32) width 443: "The span's border should have vertical lines only at the beginning and end of"
+            text run at (0,48) width 191: "the whole span, not on each line."
+        RenderText {#text} at (205,48) size 440x17
+          text run at (205,48) width 4: " "
+          text run at (209,48) width 436: "The line spacing in the whole paragraph should be 12pt, with font-size 10pt."
+      RenderTable {TABLE} at (0,397) size 784x285 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x283
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x257
+            RenderTableCell {TD} at (0,142) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x270 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x168
-                RenderText {#text} at (0,4) size 194x19
-                  text run at (0,4) width 194: "This is a paragraph that has a "
-                RenderInline {SPAN} at (0,0) size 761x155 [border: (10px solid #FF0000)]
-                  RenderText {#text} at (246,4) size 761x131
-                    text run at (246,4) width 515: "very long span in it, and the span has a 10px red border separated from the span"
-                    text run at (0,32) width 187: "by 2pt, and a margin of 30pt. "
-                    text run at (187,32) width 568: "The padding and border should be present on all sides of the span (although vertical lines"
-                    text run at (0,60) width 545: "should appear only at the beginning and the end of the whole span, not on each line). "
-                    text run at (545,60) width 210: "The padding, border, and margin"
-                    text run at (0,88) width 394: "should all be noticeable at the beginning and end of the span. "
-                    text run at (394,88) width 364: "However, the line height should not be changed by any of"
-                    text run at (0,116) width 594: "them, so the margin should be unnoticeable and the border should overlap text on other lines."
-                RenderText {#text} at (646,116) size 754x47
-                  text run at (646,116) width 4: " "
-                  text run at (650,116) width 104: "The line spacing"
-                  text run at (0,144) width 353: "in the whole paragraph should be 200% of the font size."
-              RenderBlock {P} at (4,186) size 762x80
-                RenderText {#text} at (0,-1) size 177x18
-                  text run at (0,-1) width 177: "This is a paragraph that has a "
-                RenderInline {SPAN} at (0,0) size 747x94 [border: (12px solid #FF0000)]
-                  RenderText {#text} at (191,-1) size 747x66
-                    text run at (191,-1) width 523: "very long span in it, and the span has a 12px red border separated from the span by 2pt of"
-                    text run at (0,15) width 747: "padding (the difference between the line-height and the font-size), which should overlap with the lines of text above and below the"
-                    text run at (0,31) width 397: "span, since the padding and border should not effect the line height. "
-                    text run at (397,31) width 319: "The span's border should have vertical lines only at the"
-                    text run at (0,47) width 315: "beginning and end of the whole span, not on each line."
-                RenderText {#text} at (329,47) size 736x34
-                  text run at (329,47) width 4: " "
-                  text run at (333,47) width 403: "The line spacing in the whole paragraph should be 12pt, with font-size"
-                  text run at (0,63) width 29: "10pt."
+            RenderTableCell {TD} at (12,26) size 770x257 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x156
+                RenderText {#text} at (0,4) size 177x17
+                  text run at (0,4) width 177: "This is a paragraph that has a "
+                RenderInline {SPAN} at (0,0) size 756x145 [border: (10px solid #FF0000)]
+                  RenderText {#text} at (229,4) size 756x121
+                    text run at (229,4) width 512: "very long span in it, and the span has a 10px red border separated from the span by 2pt,"
+                    text run at (0,30) width 127: "and a margin of 30pt. "
+                    text run at (127,30) width 629: "The padding and border should be present on all sides of the span (although vertical lines should appear only"
+                    text run at (0,56) width 382: "at the beginning and the end of the whole span, not on each line). "
+                    text run at (382,56) width 364: "The padding, border, and margin should all be noticeable at the"
+                    text run at (0,82) width 182: "beginning and end of the span. "
+                    text run at (182,82) width 512: "However, the line height should not be changed by any of them, so the margin should be"
+                    text run at (0,108) width 360: "unnoticeable and the border should overlap text on other lines."
+                RenderText {#text} at (412,108) size 757x43
+                  text run at (412,108) width 4: " "
+                  text run at (416,108) width 341: "The line spacing in the whole paragraph should be 200% of"
+                  text run at (0,134) width 76: "the font size."
+              RenderBlock {P} at (4,173) size 762x80
+                RenderText {#text} at (0,0) size 177x17
+                  text run at (0,0) width 177: "This is a paragraph that has a "
+                RenderInline {SPAN} at (0,0) size 747x93 [border: (12px solid #FF0000)]
+                  RenderText {#text} at (191,0) size 747x65
+                    text run at (191,0) width 523: "very long span in it, and the span has a 12px red border separated from the span by 2pt of"
+                    text run at (0,16) width 747: "padding (the difference between the line-height and the font-size), which should overlap with the lines of text above and below the"
+                    text run at (0,32) width 397: "span, since the padding and border should not effect the line height. "
+                    text run at (397,32) width 319: "The span's border should have vertical lines only at the"
+                    text run at (0,48) width 315: "beginning and end of the whole span, not on each line."
+                RenderText {#text} at (329,48) size 736x33
+                  text run at (329,48) width 4: " "
+                  text run at (333,48) width 403: "The line spacing in the whole paragraph should be 12pt, with font-size"
+                  text run at (0,64) width 29: "10pt."
index 3aa09e4..c16ff16 100644 (file)
@@ -1,87 +1,87 @@
-layer at (0,0) size 800x2381
+layer at (0,0) size 800x2315
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x2381
-  RenderBlock {HTML} at (0,0) size 800x2381
-    RenderBody {BODY} at (8,8) size 784x2365 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x152
-        RenderText {#text} at (0,0) size 355x152
-          text run at (0,0) width 158: "IMG.one {display: inline;}"
-          text run at (158,0) width 0: " "
-          text run at (0,19) width 156: "IMG.two {display: block;}"
-          text run at (156,19) width 0: " "
-          text run at (0,38) width 162: "IMG.three {display: block;"
-          text run at (162,38) width 0: " "
-          text run at (0,57) width 355: "           margin-right: auto; margin-left: auto; width: auto;}"
-          text run at (355,57) width 0: " "
-          text run at (0,76) width 154: "IMG.four {display: block;"
-          text run at (154,76) width 0: " "
-          text run at (0,95) width 351: "          margin-right: auto; margin-left: auto; width: 50%;}"
-          text run at (351,95) width 0: " "
-          text run at (0,114) width 151: "IMG.five {display: block;"
-          text run at (151,114) width 0: " "
-          text run at (0,133) width 331: "          margin-right: 0; margin-left: auto; width: 50%;}"
-          text run at (331,133) width 0: " "
-      RenderBlock {HR} at (0,199) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,215) size 784x20
+layer at (0,0) size 800x2315
+  RenderBlock {HTML} at (0,0) size 800x2315
+    RenderBody {BODY} at (8,8) size 784x2299 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x136
+        RenderText {#text} at (0,0) size 326x136
+          text run at (0,0) width 145: "IMG.one {display: inline;}"
+          text run at (145,0) width 0: " "
+          text run at (0,17) width 145: "IMG.two {display: block;}"
+          text run at (145,17) width 0: " "
+          text run at (0,34) width 150: "IMG.three {display: block;"
+          text run at (150,34) width 0: " "
+          text run at (0,51) width 326: "           margin-right: auto; margin-left: auto; width: auto;}"
+          text run at (326,51) width 0: " "
+          text run at (0,68) width 143: "IMG.four {display: block;"
+          text run at (143,68) width 0: " "
+          text run at (0,85) width 323: "          margin-right: auto; margin-left: auto; width: 50%;}"
+          text run at (323,85) width 0: " "
+          text run at (0,102) width 142: "IMG.five {display: block;"
+          text run at (142,102) width 0: " "
+          text run at (0,119) width 305: "          margin-right: 0; margin-left: auto; width: 50%;}"
+          text run at (305,119) width 0: " "
+      RenderBlock {HR} at (0,179) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,194) size 784x19
         RenderImage {IMG} at (0,0) size 15x15
-        RenderText {#text} at (15,1) size 443x19
-          text run at (15,1) width 443: "The image at the beginning of this sentence should be a 15px square."
-      RenderImage {IMG} at (0,249) size 15x15
-      RenderBlock {P} at (0,278) size 784x19
-        RenderText {#text} at (0,0) size 499x19
-          text run at (0,0) width 499: "The above image should be a 15px square with the same left edge as this text."
-      RenderImage {IMG} at (384,311) size 15x15
-      RenderBlock {P} at (0,340) size 784x19
-        RenderText {#text} at (0,0) size 410x19
-          text run at (0,0) width 410: "The above image should be a 15px square aligned at the center."
-      RenderImage {IMG} at (196,373) size 392x392
-      RenderBlock {P} at (0,779) size 784x38
-        RenderText {#text} at (0,0) size 773x38
-          text run at (0,0) width 773: "The above image should be a square resized so its width is 50% of the its parent element, and centered horizontally within"
-          text run at (0,19) width 128: "the parent element: "
-          text run at (128,19) width 399: "the document body in the first half, and the table in the second."
-      RenderImage {IMG} at (392,831) size 392x392
-      RenderBlock {P} at (0,1237) size 784x38
-        RenderText {#text} at (0,0) size 771x38
-          text run at (0,0) width 771: "The above image should be a square resized so its width is 50% of its parent element, and aligned at the right edge of the"
-          text run at (0,19) width 104: "parent element: "
-          text run at (104,19) width 399: "the document body in the first half, and the table in the second."
-      RenderTable {TABLE} at (0,1289) size 784x1076 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x1074
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x1046
-            RenderTableCell {TD} at (0,537) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+        RenderText {#text} at (15,2) size 404x17
+          text run at (15,2) width 404: "The image at the beginning of this sentence should be a 15px square."
+      RenderImage {IMG} at (0,226) size 15x15
+      RenderBlock {P} at (0,254) size 784x17
+        RenderText {#text} at (0,0) size 458x17
+          text run at (0,0) width 458: "The above image should be a 15px square with the same left edge as this text."
+      RenderImage {IMG} at (384,284) size 15x15
+      RenderBlock {P} at (0,312) size 784x17
+        RenderText {#text} at (0,0) size 372x17
+          text run at (0,0) width 372: "The above image should be a 15px square aligned at the center."
+      RenderImage {IMG} at (196,342) size 392x392
+      RenderBlock {P} at (0,747) size 784x34
+        RenderText {#text} at (0,0) size 771x34
+          text run at (0,0) width 771: "The above image should be a square resized so its width is 50% of the its parent element, and centered horizontally within the parent"
+          text run at (0,17) width 54: "element: "
+          text run at (54,17) width 367: "the document body in the first half, and the table in the second."
+      RenderImage {IMG} at (392,794) size 392x392
+      RenderBlock {P} at (0,1199) size 784x34
+        RenderText {#text} at (0,0) size 746x34
+          text run at (0,0) width 746: "The above image should be a square resized so its width is 50% of its parent element, and aligned at the right edge of the parent"
+          text run at (0,17) width 54: "element: "
+          text run at (54,17) width 367: "the document body in the first half, and the table in the second."
+      RenderTable {TABLE} at (0,1246) size 784x1053 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x1051
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x1025
+            RenderTableCell {TD} at (0,526) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x1046 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x20
+            RenderTableCell {TD} at (12,26) size 770x1025 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x19
                 RenderImage {IMG} at (0,0) size 15x15
-                RenderText {#text} at (15,1) size 443x19
-                  text run at (15,1) width 443: "The image at the beginning of this sentence should be a 15px square."
-              RenderImage {IMG} at (4,38) size 15x15
-              RenderBlock {P} at (4,67) size 762x19
-                RenderText {#text} at (0,0) size 499x19
-                  text run at (0,0) width 499: "The above image should be a 15px square with the same left edge as this text."
-              RenderImage {IMG} at (377,100) size 15x15
-              RenderBlock {P} at (4,129) size 762x19
-                RenderText {#text} at (0,0) size 410x19
-                  text run at (0,0) width 410: "The above image should be a 15px square aligned at the center."
-              RenderImage {IMG} at (194,162) size 381x381
-              RenderBlock {P} at (4,557) size 762x38
-                RenderText {#text} at (0,0) size 733x38
-                  text run at (0,0) width 733: "The above image should be a square resized so its width is 50% of the its parent element, and centered horizontally"
-                  text run at (0,19) width 168: "within the parent element: "
-                  text run at (168,19) width 399: "the document body in the first half, and the table in the second."
-              RenderImage {IMG} at (385,609) size 381x381
-              RenderBlock {P} at (4,1004) size 762x38
-                RenderText {#text} at (0,0) size 747x38
-                  text run at (0,0) width 747: "The above image should be a square resized so its width is 50% of its parent element, and aligned at the right edge of"
-                  text run at (0,19) width 128: "the parent element: "
-                  text run at (128,19) width 399: "the document body in the first half, and the table in the second."
+                RenderText {#text} at (15,2) size 404x17
+                  text run at (15,2) width 404: "The image at the beginning of this sentence should be a 15px square."
+              RenderImage {IMG} at (4,36) size 15x15
+              RenderBlock {P} at (4,64) size 762x17
+                RenderText {#text} at (0,0) size 458x17
+                  text run at (0,0) width 458: "The above image should be a 15px square with the same left edge as this text."
+              RenderImage {IMG} at (377,94) size 15x15
+              RenderBlock {P} at (4,122) size 762x17
+                RenderText {#text} at (0,0) size 372x17
+                  text run at (0,0) width 372: "The above image should be a 15px square aligned at the center."
+              RenderImage {IMG} at (194,152) size 381x381
+              RenderBlock {P} at (4,546) size 762x34
+                RenderText {#text} at (0,0) size 731x34
+                  text run at (0,0) width 731: "The above image should be a square resized so its width is 50% of the its parent element, and centered horizontally within the"
+                  text run at (0,17) width 94: "parent element: "
+                  text run at (94,17) width 367: "the document body in the first half, and the table in the second."
+              RenderImage {IMG} at (385,593) size 381x381
+              RenderBlock {P} at (4,987) size 762x34
+                RenderText {#text} at (0,0) size 746x34
+                  text run at (0,0) width 746: "The above image should be a square resized so its width is 50% of its parent element, and aligned at the right edge of the parent"
+                  text run at (0,17) width 54: "element: "
+                  text run at (54,17) width 367: "the document body in the first half, and the table in the second."
index 187ccac..0aaa02b 100644 (file)
-layer at (0,0) size 800x2577
+layer at (0,0) size 800x2365
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x2577
-  RenderBlock {HTML} at (0,0) size 800x2577
-    RenderBody {BODY} at (8,8) size 784x2561 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x380
-        RenderText {#text} at (0,0) size 398x380
-          text run at (0,0) width 307: "P.one {margin-bottom: 2cm; padding-bottom: 0;}"
-          text run at (307,0) width 0: " "
-          text run at (0,19) width 257: "P.two {margin-top: 2cm; padding-top: 0;}"
-          text run at (257,19) width 0: " "
-          text run at (0,38) width 249: "P.three {margin-top: 0; padding-top: 0;}"
-          text run at (249,38) width 0: " "
-          text run at (0,57) width 277: "P.four {margin-top: -1cm; margin-bottom: 0;"
-          text run at (277,57) width 0: " "
-          text run at (0,76) width 257: "        padding-top: 0; padding-bottom: 0;}"
-          text run at (257,76) width 0: " "
-          text run at (0,95) width 302: "DIV.five {margin-top: 1cm; margin-bottom: 1cm;"
-          text run at (302,95) width 0: " "
-          text run at (0,114) width 284: "          padding-top: 1cm; padding-bottom: 0;}"
-          text run at (284,114) width 0: " "
-          text run at (0,133) width 283: "P.six {margin-top: 1cm; margin-bottom: 1cm;"
-          text run at (283,133) width 0: " "
-          text run at (0,152) width 253: "       padding-top: 0; padding-bottom: 0;}"
-          text run at (253,152) width 0: " "
-          text run at (0,171) width 273: "P.seven {margin-top: 1cm; padding-top: 0;}"
-          text run at (273,171) width 0: " "
-          text run at (0,190) width 338: "P.eight {margin-bottom: -1cm; padding-bottom: 2cm;}"
-          text run at (338,190) width 0: " "
-          text run at (0,209) width 281: "P.nine {margin-top: -1cm; padding-top: 1cm;"
-          text run at (281,209) width 0: " "
-          text run at (0,228) width 293: "        padding-bottom: 0; margin-bottom: 1cm;}"
-          text run at (293,228) width 0: " "
-          text run at (0,247) width 246: "P.ten {margin-top: 1cm;padding-top: 0;"
-          text run at (246,247) width 0: " "
-          text run at (0,266) width 164: "       float: left;width: 50%;}"
-          text run at (164,266) width 0: " "
-          text run at (0,285) width 356: "P.eleven {margin-top: 1cm; padding-top: 0; clear: none;}"
-          text run at (356,285) width 0: " "
-          text run at (0,304) width 398: "P.twelve {margin-bottom: 0; padding-bottom: 1cm; clear: both;}"
-          text run at (398,304) width 0: " "
-          text run at (0,323) width 283: "P.thirteen {margin-top: 0; padding-top: 1cm;}"
-          text run at (283,323) width 0: " "
-          text run at (0,342) width 129: "TABLE {clear: both;}"
-          text run at (129,342) width 0: " "
-          text run at (0,361) width 0: " "
-      RenderBlock {HR} at (0,427) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,443) size 784x38
-        RenderText {#text} at (0,0) size 769x38
-          text run at (0,0) width 769: "There should be a two-centimeter margin between this paragraph and the next, because adjacent vertical margins should"
-          text run at (0,19) width 257: "collapse to the maximum of the margins."
-      RenderBlock {P} at (0,556) size 784x19
-        RenderText {#text} at (0,0) size 168x19
-          text run at (0,0) width 168: "This is another paragraph."
-      RenderBlock {P} at (0,589) size 784x19
-        RenderText {#text} at (0,0) size 503x19
-          text run at (0,0) width 503: "There should be a two-centimeter margin between this paragraph and the next."
-      RenderBlock {P} at (0,683) size 784x19
-        RenderText {#text} at (0,0) size 168x19
-          text run at (0,0) width 168: "This is another paragraph."
-      RenderBlock {P} at (0,716) size 784x38
-        RenderText {#text} at (0,0) size 738x38
-          text run at (0,0) width 738: "There should be a one-centimeter margin between this paragraph and the next, because when there is one negative"
-          text run at (0,19) width 470: "margin, the two margins should be added (the minus sign should be kept)."
-      RenderBlock {P} at (0,792) size 784x19
-        RenderText {#text} at (0,0) size 168x19
-          text run at (0,0) width 168: "This is another paragraph."
-      RenderBlock {DIV} at (0,848) size 784x131
-        RenderBlock {P} at (0,74) size 784x57
-          RenderText {#text} at (0,0) size 772x57
-            text run at (0,0) width 772: "There should be three centimeters between this text and the text above, but only one centimeter between this text and the"
-            text run at (0,19) width 769: "text below, because vertical margins of nested elements should collapse only if there is no border or padding between the"
-            text run at (0,38) width 55: "margins."
-      RenderBlock {P} at (0,1016) size 784x19
-        RenderText {#text} at (0,0) size 109x19
-          text run at (0,0) width 109: "This is more text."
-      RenderBlock {P} at (0,1049) size 784x113
-        RenderText {#text} at (0,0) size 742x38
-          text run at (0,0) width 742: "There should be two centimeters between this paragraph and the one below, because negative margins collapse to a"
-          text run at (0,19) width 461: "negative margin with the largest absolute value of the margins collapsed."
-      RenderBlock {P} at (0,1125) size 784x75
-        RenderText {#text} at (0,37) size 773x38
-          text run at (0,37) width 773: "This is a paragraph, which I should make very long so that you can easily see how much space there is between it and the"
-          text run at (0,56) width 180: "one below it and to the right."
-      RenderBlock (floating) {P} at (0,1274) size 392x57
-        RenderText {#text} at (0,0) size 390x57
-          text run at (0,0) width 390: "There should be two centimeters between this paragraph and"
-          text run at (0,19) width 368: "the one above it, since margins do not collapse on floating"
-          text run at (0,38) width 62: "elements."
-      RenderBlock {P} at (0,1237) size 784x57
-        RenderText {#text} at (392,0) size 385x57
-          text run at (392,0) width 385: "There should be one centimeter between this paragraph and"
-          text run at (392,19) width 357: "the (non-floating) one above it, since the float should not"
-          text run at (392,38) width 186: "effect the paragraph spacing."
-      RenderBlock {P} at (0,1345) size 784x75
-        RenderText {#text} at (0,0) size 761x38
-          text run at (0,0) width 562: "There should be two centimeters of padding between this paragraph and the one below. "
-          text run at (562,0) width 199: "Padding does not collapse, and"
-          text run at (0,19) width 238: "there is 1cm of padding on each side."
-      RenderBlock {P} at (0,1420) size 784x56
-        RenderText {#text} at (0,37) size 170x19
-          text run at (0,37) width 170: "This is the next paragraph."
-      RenderTable {TABLE} at (0,1490) size 784x1071 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x1069
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x1041
-            RenderTableCell {TD} at (0,535) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+layer at (0,0) size 800x2365
+  RenderBlock {HTML} at (0,0) size 800x2365
+    RenderBody {BODY} at (8,8) size 784x2349 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x340
+        RenderText {#text} at (0,0) size 363x340
+          text run at (0,0) width 278: "P.one {margin-bottom: 2cm; padding-bottom: 0;}"
+          text run at (278,0) width 0: " "
+          text run at (0,17) width 233: "P.two {margin-top: 2cm; padding-top: 0;}"
+          text run at (233,17) width 0: " "
+          text run at (0,34) width 224: "P.three {margin-top: 0; padding-top: 0;}"
+          text run at (224,34) width 0: " "
+          text run at (0,51) width 251: "P.four {margin-top: -1cm; margin-bottom: 0;"
+          text run at (251,51) width 0: " "
+          text run at (0,68) width 234: "        padding-top: 0; padding-bottom: 0;}"
+          text run at (234,68) width 0: " "
+          text run at (0,85) width 277: "DIV.five {margin-top: 1cm; margin-bottom: 1cm;"
+          text run at (277,85) width 0: " "
+          text run at (0,102) width 260: "          padding-top: 1cm; padding-bottom: 0;}"
+          text run at (260,102) width 0: " "
+          text run at (0,119) width 260: "P.six {margin-top: 1cm; margin-bottom: 1cm;"
+          text run at (260,119) width 0: " "
+          text run at (0,136) width 230: "       padding-top: 0; padding-bottom: 0;}"
+          text run at (230,136) width 0: " "
+          text run at (0,153) width 248: "P.seven {margin-top: 1cm; padding-top: 0;}"
+          text run at (248,153) width 0: " "
+          text run at (0,170) width 307: "P.eight {margin-bottom: -1cm; padding-bottom: 2cm;}"
+          text run at (307,170) width 0: " "
+          text run at (0,187) width 255: "P.nine {margin-top: -1cm; padding-top: 1cm;"
+          text run at (255,187) width 0: " "
+          text run at (0,204) width 268: "        padding-bottom: 0; margin-bottom: 1cm;}"
+          text run at (268,204) width 0: " "
+          text run at (0,221) width 223: "P.ten {margin-top: 1cm;padding-top: 0;"
+          text run at (223,221) width 0: " "
+          text run at (0,238) width 155: "       float: left;width: 50%;}"
+          text run at (155,238) width 0: " "
+          text run at (0,255) width 323: "P.eleven {margin-top: 1cm; padding-top: 0; clear: none;}"
+          text run at (323,255) width 0: " "
+          text run at (0,272) width 363: "P.twelve {margin-bottom: 0; padding-bottom: 1cm; clear: both;}"
+          text run at (363,272) width 0: " "
+          text run at (0,289) width 256: "P.thirteen {margin-top: 0; padding-top: 1cm;}"
+          text run at (256,289) width 0: " "
+          text run at (0,306) width 119: "TABLE {clear: both;}"
+          text run at (119,306) width 0: " "
+          text run at (0,323) width 0: " "
+      RenderBlock {HR} at (0,383) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,398) size 784x34
+        RenderText {#text} at (0,0) size 765x34
+          text run at (0,0) width 765: "There should be a two-centimeter margin between this paragraph and the next, because adjacent vertical margins should collapse to"
+          text run at (0,17) width 170: "the maximum of the margins."
+      RenderBlock {P} at (0,507) size 784x17
+        RenderText {#text} at (0,0) size 151x17
+          text run at (0,0) width 151: "This is another paragraph."
+      RenderBlock {P} at (0,537) size 784x17
+        RenderText {#text} at (0,0) size 454x17
+          text run at (0,0) width 454: "There should be a two-centimeter margin between this paragraph and the next."
+      RenderBlock {P} at (0,629) size 784x17
+        RenderText {#text} at (0,0) size 151x17
+          text run at (0,0) width 151: "This is another paragraph."
+      RenderBlock {P} at (0,659) size 784x34
+        RenderText {#text} at (0,0) size 760x34
+          text run at (0,0) width 760: "There should be a one-centimeter margin between this paragraph and the next, because when there is one negative margin, the two"
+          text run at (0,17) width 335: "margins should be added (the minus sign should be kept)."
+      RenderBlock {P} at (0,731) size 784x17
+        RenderText {#text} at (0,0) size 151x17
+          text run at (0,0) width 151: "This is another paragraph."
+      RenderBlock {DIV} at (0,785) size 784x108
+        RenderBlock {P} at (0,74) size 784x34
+          RenderText {#text} at (0,0) size 774x34
+            text run at (0,0) width 774: "There should be three centimeters between this text and the text above, but only one centimeter between this text and the text below,"
+            text run at (0,17) width 690: "because vertical margins of nested elements should collapse only if there is no border or padding between the margins."
+      RenderBlock {P} at (0,930) size 784x17
+        RenderText {#text} at (0,0) size 102x17
+          text run at (0,0) width 102: "This is more text."
+      RenderBlock {P} at (0,960) size 784x109
+        RenderText {#text} at (0,0) size 770x34
+          text run at (0,0) width 770: "There should be two centimeters between this paragraph and the one below, because negative margins collapse to a negative margin"
+          text run at (0,17) width 326: "with the largest absolute value of the margins collapsed."
+      RenderBlock {P} at (0,1032) size 784x71
+        RenderText {#text} at (0,37) size 784x34
+          text run at (0,37) width 784: "This is a paragraph, which I should make very long so that you can easily see how much space there is between it and the one below it"
+          text run at (0,54) width 91: "and to the right."
+      RenderBlock (floating) {P} at (0,1177) size 392x34
+        RenderText {#text} at (0,0) size 377x34
+          text run at (0,0) width 374: "There should be two centimeters between this paragraph and the"
+          text run at (0,17) width 377: "one above it, since margins do not collapse on floating elements."
+      RenderBlock {P} at (0,1140) size 784x51
+        RenderText {#text} at (392,0) size 368x51
+          text run at (392,0) width 368: "There should be one centimeter between this paragraph and the"
+          text run at (392,17) width 363: "(non-floating) one above it, since the float should not effect the"
+          text run at (392,34) width 110: "paragraph spacing."
+      RenderBlock {P} at (0,1224) size 784x71
+        RenderText {#text} at (0,0) size 781x34
+          text run at (0,0) width 508: "There should be two centimeters of padding between this paragraph and the one below. "
+          text run at (508,0) width 273: "Padding does not collapse, and there is 1cm of"
+          text run at (0,17) width 127: "padding on each side."
+      RenderBlock {P} at (0,1295) size 784x54
+        RenderText {#text} at (0,37) size 155x17
+          text run at (0,37) width 155: "This is the next paragraph."
+      RenderTable {TABLE} at (0,1362) size 784x987 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x985
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x959
+            RenderTableCell {TD} at (0,493) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x1041 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x38
-                RenderText {#text} at (0,0) size 723x38
-                  text run at (0,0) width 723: "There should be a two-centimeter margin between this paragraph and the next, because adjacent vertical margins"
-                  text run at (0,19) width 303: "should collapse to the maximum of the margins."
-              RenderBlock {P} at (4,117) size 762x19
-                RenderText {#text} at (0,0) size 168x19
-                  text run at (0,0) width 168: "This is another paragraph."
-              RenderBlock {P} at (4,150) size 762x19
-                RenderText {#text} at (0,0) size 503x19
-                  text run at (0,0) width 503: "There should be a two-centimeter margin between this paragraph and the next."
-              RenderBlock {P} at (4,244) size 762x19
-                RenderText {#text} at (0,0) size 168x19
-                  text run at (0,0) width 168: "This is another paragraph."
-              RenderBlock {P} at (4,277) size 762x38
-                RenderText {#text} at (0,0) size 738x38
-                  text run at (0,0) width 738: "There should be a one-centimeter margin between this paragraph and the next, because when there is one negative"
-                  text run at (0,19) width 470: "margin, the two margins should be added (the minus sign should be kept)."
-              RenderBlock {P} at (4,353) size 762x19
-                RenderText {#text} at (0,0) size 168x19
-                  text run at (0,0) width 168: "This is another paragraph."
-              RenderBlock {DIV} at (4,409) size 762x131
-                RenderBlock {P} at (0,74) size 762x57
-                  RenderText {#text} at (0,0) size 748x57
-                    text run at (0,0) width 748: "There should be three centimeters between this text and the text above, but only one centimeter between this text and"
-                    text run at (0,19) width 711: "the text below, because vertical margins of nested elements should collapse only if there is no border or padding"
-                    text run at (0,38) width 137: "between the margins."
-              RenderBlock {P} at (4,577) size 762x19
-                RenderText {#text} at (0,0) size 109x19
-                  text run at (0,0) width 109: "This is more text."
-              RenderBlock {P} at (4,610) size 762x113
-                RenderText {#text} at (0,0) size 742x38
-                  text run at (0,0) width 742: "There should be two centimeters between this paragraph and the one below, because negative margins collapse to a"
-                  text run at (0,19) width 461: "negative margin with the largest absolute value of the margins collapsed."
-              RenderBlock {P} at (4,686) size 762x75
-                RenderText {#text} at (0,37) size 749x38
-                  text run at (0,37) width 749: "This is a paragraph, which I should make very long so that you can easily see how much space there is between it and"
-                  text run at (0,56) width 204: "the one below it and to the right."
-              RenderBlock (floating) {P} at (4,835) size 381x57
-                RenderText {#text} at (0,0) size 362x57
-                  text run at (0,0) width 362: "There should be two centimeters between this paragraph"
-                  text run at (0,19) width 346: "and the one above it, since margins do not collapse on"
-                  text run at (0,38) width 112: "floating elements."
-              RenderBlock {P} at (4,798) size 762x57
-                RenderText {#text} at (381,0) size 361x57
-                  text run at (381,0) width 357: "There should be one centimeter between this paragraph"
-                  text run at (381,19) width 361: "and the (non-floating) one above it, since the float should"
-                  text run at (381,38) width 210: "not effect the paragraph spacing."
-              RenderBlock {P} at (4,906) size 762x75
-                RenderText {#text} at (0,0) size 761x38
-                  text run at (0,0) width 562: "There should be two centimeters of padding between this paragraph and the one below. "
-                  text run at (562,0) width 199: "Padding does not collapse, and"
-                  text run at (0,19) width 238: "there is 1cm of padding on each side."
-              RenderBlock {P} at (4,981) size 762x56
-                RenderText {#text} at (0,37) size 170x19
-                  text run at (0,37) width 170: "This is the next paragraph."
+            RenderTableCell {TD} at (12,26) size 770x959 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x34
+                RenderText {#text} at (0,0) size 750x34
+                  text run at (0,0) width 750: "There should be a two-centimeter margin between this paragraph and the next, because adjacent vertical margins should collapse"
+                  text run at (0,17) width 185: "to the maximum of the margins."
+              RenderBlock {P} at (4,113) size 762x17
+                RenderText {#text} at (0,0) size 151x17
+                  text run at (0,0) width 151: "This is another paragraph."
+              RenderBlock {P} at (4,143) size 762x17
+                RenderText {#text} at (0,0) size 454x17
+                  text run at (0,0) width 454: "There should be a two-centimeter margin between this paragraph and the next."
+              RenderBlock {P} at (4,235) size 762x17
+                RenderText {#text} at (0,0) size 151x17
+                  text run at (0,0) width 151: "This is another paragraph."
+              RenderBlock {P} at (4,265) size 762x34
+                RenderText {#text} at (0,0) size 760x34
+                  text run at (0,0) width 760: "There should be a one-centimeter margin between this paragraph and the next, because when there is one negative margin, the two"
+                  text run at (0,17) width 335: "margins should be added (the minus sign should be kept)."
+              RenderBlock {P} at (4,337) size 762x17
+                RenderText {#text} at (0,0) size 151x17
+                  text run at (0,0) width 151: "This is another paragraph."
+              RenderBlock {DIV} at (4,391) size 762x108
+                RenderBlock {P} at (0,74) size 762x34
+                  RenderText {#text} at (0,0) size 733x34
+                    text run at (0,0) width 733: "There should be three centimeters between this text and the text above, but only one centimeter between this text and the text"
+                    text run at (0,17) width 731: "below, because vertical margins of nested elements should collapse only if there is no border or padding between the margins."
+              RenderBlock {P} at (4,536) size 762x17
+                RenderText {#text} at (0,0) size 102x17
+                  text run at (0,0) width 102: "This is more text."
+              RenderBlock {P} at (4,566) size 762x109
+                RenderText {#text} at (0,0) size 727x34
+                  text run at (0,0) width 727: "There should be two centimeters between this paragraph and the one below, because negative margins collapse to a negative"
+                  text run at (0,17) width 369: "margin with the largest absolute value of the margins collapsed."
+              RenderBlock {P} at (4,638) size 762x71
+                RenderText {#text} at (0,37) size 736x34
+                  text run at (0,37) width 736: "This is a paragraph, which I should make very long so that you can easily see how much space there is between it and the one"
+                  text run at (0,54) width 139: "below it and to the right."
+              RenderBlock (floating) {P} at (4,783) size 381x34
+                RenderText {#text} at (0,0) size 377x34
+                  text run at (0,0) width 374: "There should be two centimeters between this paragraph and the"
+                  text run at (0,17) width 377: "one above it, since margins do not collapse on floating elements."
+              RenderBlock {P} at (4,746) size 762x51
+                RenderText {#text} at (381,0) size 368x51
+                  text run at (381,0) width 368: "There should be one centimeter between this paragraph and the"
+                  text run at (381,17) width 363: "(non-floating) one above it, since the float should not effect the"
+                  text run at (381,34) width 110: "paragraph spacing."
+              RenderBlock {P} at (4,830) size 762x71
+                RenderText {#text} at (0,0) size 737x34
+                  text run at (0,0) width 508: "There should be two centimeters of padding between this paragraph and the one below. "
+                  text run at (508,0) width 229: "Padding does not collapse, and there is"
+                  text run at (0,17) width 171: "1cm of padding on each side."
+              RenderBlock {P} at (4,901) size 762x54
+                RenderText {#text} at (0,37) size 155x17
+                  text run at (0,37) width 155: "This is the next paragraph."
index a47376c..dcc1415 100644 (file)
-layer at (0,0) size 800x719
+layer at (0,0) size 800x651
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x719
-  RenderBlock {HTML} at (0,0) size 800x719
-    RenderBody {BODY} at (8,8) size 784x703 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x114
-        RenderText {#text} at (0,0) size 156x114
-          text run at (0,0) width 103: "A {color: green;}"
-          text run at (103,0) width 0: " "
-          text run at (0,19) width 131: "A:link {color: purple;}"
-          text run at (131,19) width 0: " "
-          text run at (0,38) width 136: "A:visited {color: lime;}"
-          text run at (136,38) width 0: " "
-          text run at (0,57) width 156: "A:active {color: maroon;}"
-          text run at (156,57) width 0: " "
-          text run at (0,76) width 145: "#one {color: #006600;}"
-          text run at (145,76) width 0: " "
-          text run at (0,95) width 0: " "
-      RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,177) size 784x19
-        RenderText {#text} at (0,0) size 506x19
-          text run at (0,0) width 506: "The following anchors should appear as described; none of them should be red."
-      RenderBlock {UL} at (0,210) size 784x152
-        RenderListItem {LI} at (40,0) size 744x114
-          RenderBlock (anonymous) at (0,0) size 744x19
-            RenderListMarker at (-17,0) size 7x19: bullet
-            RenderText {#text} at (0,0) size 561x19
-              text run at (0,0) width 561: "Purple unvisited, lime (light green) visited, maroon (dark red) while active (being clicked):"
-          RenderBlock {UL} at (0,19) size 744x95
-            RenderListItem {LI} at (40,0) size 704x19
-              RenderListMarker at (-17,0) size 7x19: white bullet
-              RenderInline {A} at (0,0) size 108x19 [color=#800080]
-                RenderText {#text} at (0,0) size 108x19
-                  text run at (0,0) width 108: "W3C Web server"
+layer at (0,0) size 800x651
+  RenderBlock {HTML} at (0,0) size 800x651
+    RenderBody {BODY} at (8,8) size 784x635 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x102
+        RenderText {#text} at (0,0) size 143x102
+          text run at (0,0) width 93: "A {color: green;}"
+          text run at (93,0) width 0: " "
+          text run at (0,17) width 120: "A:link {color: purple;}"
+          text run at (120,17) width 0: " "
+          text run at (0,34) width 127: "A:visited {color: lime;}"
+          text run at (127,34) width 0: " "
+          text run at (0,51) width 143: "A:active {color: maroon;}"
+          text run at (143,51) width 0: " "
+          text run at (0,68) width 129: "#one {color: #006600;}"
+          text run at (129,68) width 0: " "
+          text run at (0,85) width 0: " "
+      RenderBlock {HR} at (0,145) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,160) size 784x17
+        RenderText {#text} at (0,0) size 459x17
+          text run at (0,0) width 459: "The following anchors should appear as described; none of them should be red."
+      RenderBlock {UL} at (0,190) size 784x136
+        RenderListItem {LI} at (40,0) size 744x102
+          RenderBlock (anonymous) at (0,0) size 744x17
+            RenderListMarker at (-16,0) size 6x17: bullet
+            RenderText {#text} at (0,0) size 513x17
+              text run at (0,0) width 513: "Purple unvisited, lime (light green) visited, maroon (dark red) while active (being clicked):"
+          RenderBlock {UL} at (0,17) size 744x85
+            RenderListItem {LI} at (40,0) size 704x17
+              RenderListMarker at (-16,0) size 6x17: white bullet
+              RenderInline {A} at (0,0) size 98x17 [color=#800080]
+                RenderText {#text} at (0,0) size 98x17
+                  text run at (0,0) width 98: "W3C Web server"
               RenderText {#text} at (0,0) size 0x0
-            RenderListItem {LI} at (40,19) size 704x19
-              RenderListMarker at (-17,0) size 7x19: white bullet
-              RenderInline {A} at (0,0) size 109x19 [color=#800080]
-                RenderText {#text} at (0,0) size 109x19
-                  text run at (0,0) width 109: "NIST Web server"
+            RenderListItem {LI} at (40,17) size 704x17
+              RenderListMarker at (-16,0) size 6x17: white bullet
+              RenderInline {A} at (0,0) size 100x17 [color=#800080]
+                RenderText {#text} at (0,0) size 100x17
+                  text run at (0,0) width 100: "NIST Web server"
               RenderText {#text} at (0,0) size 0x0
-            RenderListItem {LI} at (40,38) size 704x19
-              RenderListMarker at (-17,0) size 7x19: white bullet
-              RenderInline {A} at (0,0) size 120x19 [color=#800080]
-                RenderText {#text} at (0,0) size 120x19
-                  text run at (0,0) width 120: "CWRU Web server"
+            RenderListItem {LI} at (40,34) size 704x17
+              RenderListMarker at (-16,0) size 6x17: white bullet
+              RenderInline {A} at (0,0) size 109x17 [color=#800080]
+                RenderText {#text} at (0,0) size 109x17
+                  text run at (0,0) width 109: "CWRU Web server"
               RenderText {#text} at (0,0) size 0x0
-            RenderListItem {LI} at (40,57) size 704x19
-              RenderListMarker at (-17,0) size 7x19: white bullet
-              RenderInline {A} at (0,0) size 45x19 [color=#800080]
-                RenderText {#text} at (0,0) size 45x19
-                  text run at (0,0) width 45: "Yahoo!"
+            RenderListItem {LI} at (40,51) size 704x17
+              RenderListMarker at (-16,0) size 6x17: white bullet
+              RenderInline {A} at (0,0) size 41x17 [color=#800080]
+                RenderText {#text} at (0,0) size 41x17
+                  text run at (0,0) width 41: "Yahoo!"
               RenderText {#text} at (0,0) size 0x0
-            RenderListItem {LI} at (40,76) size 704x19
-              RenderListMarker at (-17,0) size 7x19: white bullet
-              RenderInline {A} at (0,0) size 56x19 [color=#800080]
-                RenderText {#text} at (0,0) size 56x19
-                  text run at (0,0) width 56: "Erewhon"
-              RenderText {#text} at (56,0) size 216x19
-                text run at (56,0) width 216: " (don't click on it, it goes nowhere)"
-        RenderListItem {LI} at (40,114) size 744x38
-          RenderBlock (anonymous) at (0,0) size 744x19
-            RenderListMarker at (-17,0) size 7x19: bullet
-            RenderText {#text} at (0,0) size 205x19
-              text run at (0,0) width 205: "Dark green in any circumstance:"
-          RenderBlock {UL} at (0,19) size 744x19
-            RenderListItem {LI} at (40,0) size 704x19
-              RenderListMarker at (-17,0) size 7x19: white bullet
-              RenderInline {A} at (0,0) size 120x19 [color=#006600]
-                RenderText {#text} at (0,0) size 120x19
-                  text run at (0,0) width 120: "CWRU Web server"
+            RenderListItem {LI} at (40,68) size 704x17
+              RenderListMarker at (-16,0) size 6x17: white bullet
+              RenderInline {A} at (0,0) size 50x17 [color=#800080]
+                RenderText {#text} at (0,0) size 50x17
+                  text run at (0,0) width 50: "Erewhon"
+              RenderText {#text} at (50,0) size 198x17
+                text run at (50,0) width 198: " (don't click on it, it goes nowhere)"
+        RenderListItem {LI} at (40,102) size 744x34
+          RenderBlock (anonymous) at (0,0) size 744x17
+            RenderListMarker at (-16,0) size 6x17: bullet
+            RenderText {#text} at (0,0) size 188x17
+              text run at (0,0) width 188: "Dark green in any circumstance:"
+          RenderBlock {UL} at (0,17) size 744x17
+            RenderListItem {LI} at (40,0) size 704x17
+              RenderListMarker at (-16,0) size 6x17: white bullet
+              RenderInline {A} at (0,0) size 109x17 [color=#006600]
+                RenderText {#text} at (0,0) size 109x17
+                  text run at (0,0) width 109: "CWRU Web server"
               RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,376) size 784x38
-        RenderText {#text} at (0,0) size 117x19
-          text run at (0,0) width 117: "The quoted word \""
-        RenderInline {A} at (0,0) size 44x19 [color=#008000]
-          RenderText {#text} at (117,0) size 44x19
-            text run at (117,0) width 44: "anchor"
-        RenderText {#text} at (161,0) size 736x38
-          text run at (161,0) width 377: "\" should be green, NOT purple, since it's part of an anchor. "
-          text run at (538,0) width 198: "It's a named anchor, and styles"
-          text run at (0,19) width 353: "declared for the A tag are applied to them under CSS1. "
-          text run at (353,19) width 321: "It also should NOT turn orange when clicked upon."
-      RenderTable {TABLE} at (0,428) size 784x275 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x273
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x245
-            RenderTableCell {TD} at (0,137) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+      RenderBlock {P} at (0,339) size 784x34
+        RenderText {#text} at (0,0) size 105x17
+          text run at (0,0) width 105: "The quoted word \""
+        RenderInline {A} at (0,0) size 39x17 [color=#008000]
+          RenderText {#text} at (105,0) size 39x17
+            text run at (105,0) width 39: "anchor"
+        RenderText {#text} at (144,0) size 777x34
+          text run at (144,0) width 344: "\" should be green, NOT purple, since it's part of an anchor. "
+          text run at (488,0) width 289: "It's a named anchor, and styles declared for the A"
+          text run at (0,17) width 215: "tag are applied to them under CSS1. "
+          text run at (215,17) width 293: "It also should NOT turn orange when clicked upon."
+      RenderTable {TABLE} at (0,386) size 784x249 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x247
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x221
+            RenderTableCell {TD} at (0,124) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x245 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x19
-                RenderText {#text} at (0,0) size 506x19
-                  text run at (0,0) width 506: "The following anchors should appear as described; none of them should be red."
-              RenderBlock {UL} at (4,37) size 762x152
-                RenderListItem {LI} at (40,0) size 722x114
-                  RenderBlock (anonymous) at (0,0) size 722x19
-                    RenderListMarker at (-17,0) size 7x19: bullet
-                    RenderText {#text} at (0,0) size 561x19
-                      text run at (0,0) width 561: "Purple unvisited, lime (light green) visited, maroon (dark red) while active (being clicked):"
-                  RenderBlock {UL} at (0,19) size 722x95
-                    RenderListItem {LI} at (40,0) size 682x19
-                      RenderListMarker at (-17,0) size 7x19: white bullet
-                      RenderInline {A} at (0,0) size 108x19 [color=#800080]
-                        RenderText {#text} at (0,0) size 108x19
-                          text run at (0,0) width 108: "W3C Web server"
+            RenderTableCell {TD} at (12,26) size 770x221 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x17
+                RenderText {#text} at (0,0) size 459x17
+                  text run at (0,0) width 459: "The following anchors should appear as described; none of them should be red."
+              RenderBlock {UL} at (4,34) size 762x136
+                RenderListItem {LI} at (40,0) size 722x102
+                  RenderBlock (anonymous) at (0,0) size 722x17
+                    RenderListMarker at (-16,0) size 6x17: bullet
+                    RenderText {#text} at (0,0) size 513x17
+                      text run at (0,0) width 513: "Purple unvisited, lime (light green) visited, maroon (dark red) while active (being clicked):"
+                  RenderBlock {UL} at (0,17) size 722x85
+                    RenderListItem {LI} at (40,0) size 682x17
+                      RenderListMarker at (-16,0) size 6x17: white bullet
+                      RenderInline {A} at (0,0) size 98x17 [color=#800080]
+                        RenderText {#text} at (0,0) size 98x17
+                          text run at (0,0) width 98: "W3C Web server"
                       RenderText {#text} at (0,0) size 0x0
-                    RenderListItem {LI} at (40,19) size 682x19
-                      RenderListMarker at (-17,0) size 7x19: white bullet
-                      RenderInline {A} at (0,0) size 109x19 [color=#800080]
-                        RenderText {#text} at (0,0) size 109x19
-                          text run at (0,0) width 109: "NIST Web server"
+                    RenderListItem {LI} at (40,17) size 682x17
+                      RenderListMarker at (-16,0) size 6x17: white bullet
+                      RenderInline {A} at (0,0) size 100x17 [color=#800080]
+                        RenderText {#text} at (0,0) size 100x17
+                          text run at (0,0) width 100: "NIST Web server"
                       RenderText {#text} at (0,0) size 0x0
-                    RenderListItem {LI} at (40,38) size 682x19
-                      RenderListMarker at (-17,0) size 7x19: white bullet
-                      RenderInline {A} at (0,0) size 120x19 [color=#800080]
-                        RenderText {#text} at (0,0) size 120x19
-                          text run at (0,0) width 120: "CWRU Web server"
+                    RenderListItem {LI} at (40,34) size 682x17
+                      RenderListMarker at (-16,0) size 6x17: white bullet
+                      RenderInline {A} at (0,0) size 109x17 [color=#800080]
+                        RenderText {#text} at (0,0) size 109x17
+                          text run at (0,0) width 109: "CWRU Web server"
                       RenderText {#text} at (0,0) size 0x0
-                    RenderListItem {LI} at (40,57) size 682x19
-                      RenderListMarker at (-17,0) size 7x19: white bullet
-                      RenderInline {A} at (0,0) size 45x19 [color=#800080]
-                        RenderText {#text} at (0,0) size 45x19
-                          text run at (0,0) width 45: "Yahoo!"
+                    RenderListItem {LI} at (40,51) size 682x17
+                      RenderListMarker at (-16,0) size 6x17: white bullet
+                      RenderInline {A} at (0,0) size 41x17 [color=#800080]
+                        RenderText {#text} at (0,0) size 41x17
+                          text run at (0,0) width 41: "Yahoo!"
                       RenderText {#text} at (0,0) size 0x0
-                    RenderListItem {LI} at (40,76) size 682x19
-                      RenderListMarker at (-17,0) size 7x19: white bullet
-                      RenderInline {A} at (0,0) size 56x19 [color=#800080]
-                        RenderText {#text} at (0,0) size 56x19
-                          text run at (0,0) width 56: "Erewhon"
-                      RenderText {#text} at (56,0) size 216x19
-                        text run at (56,0) width 216: " (don't click on it, it goes nowhere)"
-                RenderListItem {LI} at (40,114) size 722x38
-                  RenderBlock (anonymous) at (0,0) size 722x19
-                    RenderListMarker at (-17,0) size 7x19: bullet
-                    RenderText {#text} at (0,0) size 205x19
-                      text run at (0,0) width 205: "Dark green in any circumstance:"
-                  RenderBlock {UL} at (0,19) size 722x19
-                    RenderListItem {LI} at (40,0) size 682x19
-                      RenderListMarker at (-17,0) size 7x19: white bullet
-                      RenderInline {A} at (0,0) size 120x19 [color=#006600]
-                        RenderText {#text} at (0,0) size 120x19
-                          text run at (0,0) width 120: "CWRU Web server"
+                    RenderListItem {LI} at (40,68) size 682x17
+                      RenderListMarker at (-16,0) size 6x17: white bullet
+                      RenderInline {A} at (0,0) size 50x17 [color=#800080]
+                        RenderText {#text} at (0,0) size 50x17
+                          text run at (0,0) width 50: "Erewhon"
+                      RenderText {#text} at (50,0) size 198x17
+                        text run at (50,0) width 198: " (don't click on it, it goes nowhere)"
+                RenderListItem {LI} at (40,102) size 722x34
+                  RenderBlock (anonymous) at (0,0) size 722x17
+                    RenderListMarker at (-16,0) size 6x17: bullet
+                    RenderText {#text} at (0,0) size 188x17
+                      text run at (0,0) width 188: "Dark green in any circumstance:"
+                  RenderBlock {UL} at (0,17) size 722x17
+                    RenderListItem {LI} at (40,0) size 682x17
+                      RenderListMarker at (-16,0) size 6x17: white bullet
+                      RenderInline {A} at (0,0) size 109x17 [color=#006600]
+                        RenderText {#text} at (0,0) size 109x17
+                          text run at (0,0) width 109: "CWRU Web server"
                       RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,203) size 762x38
-                RenderText {#text} at (0,0) size 117x19
-                  text run at (0,0) width 117: "The quoted word \""
-                RenderInline {A} at (0,0) size 44x19 [color=#008000]
-                  RenderText {#text} at (117,0) size 44x19
-                    text run at (117,0) width 44: "anchor"
-                RenderText {#text} at (161,0) size 736x38
-                  text run at (161,0) width 377: "\" should be green, NOT purple, since it's part of an anchor. "
-                  text run at (538,0) width 198: "It's a named anchor, and styles"
-                  text run at (0,19) width 353: "declared for the A tag are applied to them under CSS1. "
-                  text run at (353,19) width 321: "It also should NOT turn orange when clicked upon."
+              RenderBlock {P} at (4,183) size 762x34
+                RenderText {#text} at (0,0) size 105x17
+                  text run at (0,0) width 105: "The quoted word \""
+                RenderInline {A} at (0,0) size 39x17 [color=#008000]
+                  RenderText {#text} at (105,0) size 39x17
+                    text run at (105,0) width 39: "anchor"
+                RenderText {#text} at (144,0) size 742x34
+                  text run at (144,0) width 344: "\" should be green, NOT purple, since it's part of an anchor. "
+                  text run at (488,0) width 254: "It's a named anchor, and styles declared for"
+                  text run at (0,17) width 250: "the A tag are applied to them under CSS1. "
+                  text run at (250,17) width 293: "It also should NOT turn orange when clicked upon."
index f667397..1a3697b 100644 (file)
@@ -1,93 +1,92 @@
-layer at (0,0) size 800x729
+layer at (0,0) size 800x646
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x729
-  RenderBlock {HTML} at (0,0) size 800x729
-    RenderBody {BODY} at (8,8) size 784x713 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderInline (generated) at (0,0) size 9x19 [color=#800000]
-          RenderText {#text} at (0,0) size 9x19
-            text run at (0,0) width 9: "T"
-        RenderText {#text} at (9,0) size 345x19
-          text run at (9,0) width 345: "he style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x76
-        RenderText {#text} at (0,0) size 226x76
-          text run at (0,0) width 179: "P:first-letter {color: maroon;}"
-          text run at (179,0) width 0: " "
-          text run at (0,19) width 206: ".two:first-letter {font-size: 200%;}"
-          text run at (206,19) width 0: " "
-          text run at (0,38) width 226: "P.three:first-letter {font-size: 350%;}"
-          text run at (226,38) width 0: " "
-          text run at (0,57) width 0: " "
-      RenderBlock {HR} at (0,123) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,139) size 784x57
-        RenderInline (generated) at (0,0) size 9x19 [color=#800000]
-          RenderText {#text} at (0,0) size 9x19
-            text run at (0,0) width 9: "T"
-        RenderText {#text} at (9,0) size 772x57
-          text run at (9,0) width 440: "he first letter of this paragraph, and only that one, should be maroon. "
-          text run at (449,0) width 323: "If this precise combination does not occur, then the"
-          text run at (0,19) width 194: "user agent has failed this test. "
-          text run at (194,19) width 554: "Remember that in order to ensure a complete test, the paragraph must be displayed on"
-          text run at (0,38) width 123: "more than one line."
-      RenderBlock {P} at (0,210) size 784x75
-        RenderInline (generated) at (0,0) size 17x36 [color=#800000]
-          RenderText {#text} at (0,0) size 17x36
-            text run at (0,0) width 17: "T"
-        RenderText {#text} at (17,13) size 778x62
-          text run at (17,13) width 620: "he first letter of this paragraph, and only that one, should be a larger font size, as well as maroon. "
-          text run at (637,13) width 84: "If this precise"
-          text run at (0,37) width 433: "combination does not occur, then the user agent has failed this test. "
-          text run at (433,37) width 345: "Remember that in order to ensure a complete test, the"
-          text run at (0,56) width 332: "paragraph must be displayed on more than one line."
-      RenderBlock {P} at (0,299) size 784x101
-        RenderInline (generated) at (0,0) size 63x62 [color=#800000]
-          RenderText {#text} at (0,0) size 63x62
-            text run at (0,0) width 63: "\"W"
-        RenderText {#text} at (63,33) size 766x68
-          text run at (63,33) width 318: "e should check for quotation support,\" it was said. "
-          text run at (381,33) width 370: "The first two characters in this paragraph-- a double-quote"
-          text run at (0,63) width 587: "mark and a capital 'W'-- should be 350% bigger than the rest of the paragraph, and maroon. "
-          text run at (587,63) width 179: "Note that this is not required"
-          text run at (0,82) width 230: "under CSS1, but it is recommended."
-      RenderTable {TABLE} at (0,414) size 784x299 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x297
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x269
-            RenderTableCell {TD} at (0,149) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+layer at (0,0) size 800x646
+  RenderBlock {HTML} at (0,0) size 800x646
+    RenderBody {BODY} at (8,8) size 784x630 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderInline (generated) at (0,0) size 8x17 [color=#800000]
+          RenderText {#text} at (0,0) size 8x17
+            text run at (0,0) width 8: "T"
+        RenderText {#text} at (8,0) size 318x17
+          text run at (8,0) width 318: "he style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x68
+        RenderText {#text} at (0,0) size 208x68
+          text run at (0,0) width 163: "P:first-letter {color: maroon;}"
+          text run at (163,0) width 0: " "
+          text run at (0,17) width 190: ".two:first-letter {font-size: 200%;}"
+          text run at (190,17) width 0: " "
+          text run at (0,34) width 208: "P.three:first-letter {font-size: 350%;}"
+          text run at (208,34) width 0: " "
+          text run at (0,51) width 0: " "
+      RenderBlock {HR} at (0,111) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,126) size 784x34
+        RenderInline (generated) at (0,0) size 8x17 [color=#800000]
+          RenderText {#text} at (0,0) size 8x17
+            text run at (0,0) width 8: "T"
+        RenderText {#text} at (8,0) size 772x34
+          text run at (8,0) width 401: "he first letter of this paragraph, and only that one, should be maroon. "
+          text run at (409,0) width 363: "If this precise combination does not occur, then the user agent"
+          text run at (0,17) width 115: "has failed this test. "
+          text run at (115,17) width 618: "Remember that in order to ensure a complete test, the paragraph must be displayed on more than one line."
+      RenderBlock {P} at (0,173) size 784x67
+        RenderInline (generated) at (0,0) size 16x33 [color=#800000]
+          RenderText {#text} at (0,0) size 16x33
+            text run at (0,0) width 16: "T"
+        RenderText {#text} at (16,12) size 778x55
+          text run at (16,12) width 568: "he first letter of this paragraph, and only that one, should be a larger font size, as well as maroon. "
+          text run at (584,12) width 185: "If this precise combination does"
+          text run at (0,33) width 293: "not occur, then the user agent has failed this test. "
+          text run at (293,33) width 485: "Remember that in order to ensure a complete test, the paragraph must be displayed"
+          text run at (0,50) width 129: "on more than one line."
+      RenderBlock {P} at (0,253) size 784x92
+        RenderInline (generated) at (0,0) size 59x58 [color=#800000]
+          RenderText {#text} at (0,0) size 59x58
+            text run at (0,0) width 59: "\"W"
+        RenderText {#text} at (59,31) size 756x61
+          text run at (59,31) width 294: "e should check for quotation support,\" it was said. "
+          text run at (353,31) width 403: "The first two characters in this paragraph-- a double-quote mark and a"
+          text run at (0,58) width 461: "capital 'W'-- should be 350% bigger than the rest of the paragraph, and maroon. "
+          text run at (461,58) width 289: "Note that this is not required under CSS1, but it is"
+          text run at (0,75) width 86: "recommended."
+      RenderTable {TABLE} at (0,358) size 784x272 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x270
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x244
+            RenderTableCell {TD} at (0,135) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x269 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x57
-                RenderInline (generated) at (0,0) size 9x19 [color=#800000]
-                  RenderText {#text} at (0,0) size 9x19
-                    text run at (0,0) width 9: "T"
-                RenderText {#text} at (9,0) size 752x57
-                  text run at (9,0) width 440: "he first letter of this paragraph, and only that one, should be maroon. "
-                  text run at (449,0) width 299: "If this precise combination does not occur, then"
-                  text run at (0,19) width 218: "the user agent has failed this test. "
-                  text run at (218,19) width 534: "Remember that in order to ensure a complete test, the paragraph must be displayed"
-                  text run at (0,38) width 143: "on more than one line."
-              RenderBlock {P} at (4,75) size 762x75
-                RenderInline (generated) at (0,0) size 17x36 [color=#800000]
-                  RenderText {#text} at (0,0) size 17x36
-                    text run at (0,0) width 17: "T"
-                RenderText {#text} at (17,13) size 754x62
-                  text run at (17,13) width 620: "he first letter of this paragraph, and only that one, should be a larger font size, as well as maroon. "
-                  text run at (637,13) width 84: "If this precise"
-                  text run at (0,37) width 433: "combination does not occur, then the user agent has failed this test. "
-                  text run at (433,37) width 321: "Remember that in order to ensure a complete test,"
-                  text run at (0,56) width 356: "the paragraph must be displayed on more than one line."
-              RenderBlock {P} at (4,164) size 762x101
-                RenderInline (generated) at (0,0) size 63x62 [color=#800000]
-                  RenderText {#text} at (0,0) size 63x62
-                    text run at (0,0) width 63: "\"W"
-                RenderText {#text} at (63,33) size 751x68
-                  text run at (63,33) width 318: "e should check for quotation support,\" it was said. "
-                  text run at (381,33) width 370: "The first two characters in this paragraph-- a double-quote"
-                  text run at (0,63) width 587: "mark and a capital 'W'-- should be 350% bigger than the rest of the paragraph, and maroon. "
-                  text run at (587,63) width 122: "Note that this is not"
-                  text run at (0,82) width 287: "required under CSS1, but it is recommended."
+            RenderTableCell {TD} at (12,26) size 770x244 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x51
+                RenderInline (generated) at (0,0) size 8x17 [color=#800000]
+                  RenderText {#text} at (0,0) size 8x17
+                    text run at (0,0) width 8: "T"
+                RenderText {#text} at (8,0) size 741x51
+                  text run at (8,0) width 401: "he first letter of this paragraph, and only that one, should be maroon. "
+                  text run at (409,0) width 327: "If this precise combination does not occur, then the user"
+                  text run at (0,17) width 151: "agent has failed this test. "
+                  text run at (151,17) width 590: "Remember that in order to ensure a complete test, the paragraph must be displayed on more than one"
+                  text run at (0,34) width 24: "line."
+              RenderBlock {P} at (4,68) size 762x67
+                RenderInline (generated) at (0,0) size 16x33 [color=#800000]
+                  RenderText {#text} at (0,0) size 16x33
+                    text run at (0,0) width 16: "T"
+                RenderText {#text} at (16,12) size 751x55
+                  text run at (16,12) width 568: "he first letter of this paragraph, and only that one, should be a larger font size, as well as maroon. "
+                  text run at (584,12) width 153: "If this precise combination"
+                  text run at (0,33) width 325: "does not occur, then the user agent has failed this test. "
+                  text run at (325,33) width 426: "Remember that in order to ensure a complete test, the paragraph must be"
+                  text run at (0,50) width 188: "displayed on more than one line."
+              RenderBlock {P} at (4,148) size 762x92
+                RenderInline (generated) at (0,0) size 59x58 [color=#800000]
+                  RenderText {#text} at (0,0) size 59x58
+                    text run at (0,0) width 59: "\"W"
+                RenderText {#text} at (59,31) size 756x61
+                  text run at (59,31) width 294: "e should check for quotation support,\" it was said. "
+                  text run at (353,31) width 403: "The first two characters in this paragraph-- a double-quote mark and a"
+                  text run at (0,58) width 461: "capital 'W'-- should be 350% bigger than the rest of the paragraph, and maroon. "
+                  text run at (461,58) width 289: "Note that this is not required under CSS1, but it is"
+                  text run at (0,75) width 86: "recommended."
index 8cbc980..65227df 100644 (file)
@@ -1,82 +1,81 @@
-layer at (0,0) size 800x679
+layer at (0,0) size 800x600
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x679
-  RenderBlock {HTML} at (0,0) size 800x679
-    RenderBody {BODY} at (8,8) size 784x663 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderText {#text} at (0,0) size 354x19
-          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x76
-        RenderText {#text} at (0,0) size 257x76
-          text run at (0,0) width 157: "P:first-line {color: green;}"
-          text run at (157,0) width 0: " "
-          text run at (0,19) width 196: ".two:first-line {font-size: 200%;}"
-          text run at (196,19) width 0: " "
-          text run at (0,38) width 257: ".three:first-line {font-variant: small-caps;}"
-          text run at (257,38) width 0: " "
-          text run at (0,57) width 0: " "
-      RenderBlock {HR} at (0,123) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,139) size 784x57
-        RenderText {#text} at (0,0) size 782x57
-          text run at (0,0) width 427: "The first line of this paragraph, and only that one, should be green. "
-          text run at (427,0) width 355: "If this precise combination does not occur, then the user"
-          text run at (0,19) width 162: "agent has failed this test. "
-          text run at (162,19) width 591: "Remember that in order to ensure a complete test, the paragraph must be displayed on more"
-          text run at (0,38) width 86: "than one line."
-      RenderBlock {P} at (0,210) size 784x75
-        RenderText {#text} at (0,0) size 776x75
-          text run at (0,0) width 776: "The first line of this paragraph, and only that one, should be a"
-          text run at (0,37) width 209: "larger font size as well as green. "
-          text run at (209,37) width 517: "If this precise combination does not occur, then the user agent has failed this test."
-          text run at (0,56) width 681: "Remember that in order to ensure a complete test, the paragraph must be displayed on more than one line."
-      RenderBlock {P} at (0,299) size 784x76
-        RenderText {#text} at (0,0) size 760x57
-          text run at (0,0) width 573: "The first line of this paragraph, and only that one, should be displayed in small-caps style. "
-          text run at (573,0) width 184: "Thus, if the first line is not in"
-          text run at (0,19) width 760: "small-caps style, OR if the entire paragraph turns out in small-caps, then the user agent has failed this test (although the"
-          text run at (0,38) width 143: "problem might be that "
-        RenderInline {CODE} at (0,0) size 68x19
-          RenderText {#text} at (143,38) size 68x19
-            text run at (143,38) width 68: "small-caps"
-        RenderText {#text} at (211,38) size 771x38
-          text run at (211,38) width 225: " is not supported by your browser). "
-          text run at (436,38) width 335: "This is extra text included for the purposes of making"
-          text run at (0,57) width 351: "the paragraph long enough to have more than one line."
-      RenderTable {TABLE} at (0,389) size 784x274 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x272
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x244
-            RenderTableCell {TD} at (0,136) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+layer at (0,0) size 800x600
+  RenderBlock {HTML} at (0,0) size 800x600
+    RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x68
+        RenderText {#text} at (0,0) size 235x68
+          text run at (0,0) width 143: "P:first-line {color: green;}"
+          text run at (143,0) width 0: " "
+          text run at (0,17) width 181: ".two:first-line {font-size: 200%;}"
+          text run at (181,17) width 0: " "
+          text run at (0,34) width 235: ".three:first-line {font-variant: small-caps;}"
+          text run at (235,34) width 0: " "
+          text run at (0,51) width 0: " "
+      RenderBlock {HR} at (0,111) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,126) size 784x34
+        RenderText {#text} at (0,0) size 777x34
+          text run at (0,0) width 389: "The first line of this paragraph, and only that one, should be green. "
+          text run at (389,0) width 388: "If this precise combination does not occur, then the user agent has"
+          text run at (0,17) width 90: "failed this test. "
+          text run at (90,17) width 618: "Remember that in order to ensure a complete test, the paragraph must be displayed on more than one line."
+      RenderBlock {P} at (0,173) size 784x67
+        RenderText {#text} at (0,0) size 774x67
+          text run at (0,0) width 764: "The first line of this paragraph, and only that one, should be a larger"
+          text run at (0,33) width 156: "font size as well as green. "
+          text run at (156,33) width 482: "If this precise combination does not occur, then the user agent has failed this test. "
+          text run at (638,33) width 136: "Remember that in order"
+          text run at (0,50) width 478: "to ensure a complete test, the paragraph must be displayed on more than one line."
+      RenderBlock {P} at (0,253) size 784x68
+        RenderText {#text} at (0,0) size 769x34
+          text run at (0,0) width 530: "The first line of this paragraph, and only that one, should be displayed in small-caps style. "
+          text run at (530,0) width 239: "Thus, if the first line is not in small-caps"
+          text run at (0,17) width 761: "style, OR if the entire paragraph turns out in small-caps, then the user agent has failed this test (although the problem might be that"
+        RenderInline {CODE} at (0,0) size 63x17
+          RenderText {#text} at (0,34) size 63x17
+            text run at (0,34) width 63: "small-caps"
+        RenderText {#text} at (63,34) size 781x34
+          text run at (63,34) width 205: " is not supported by your browser). "
+          text run at (268,34) width 513: "This is extra text included for the purposes of making the paragraph long enough to have"
+          text run at (0,51) width 111: "more than one line."
+      RenderTable {TABLE} at (0,334) size 784x231 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x229
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x203
+            RenderTableCell {TD} at (0,115) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x244 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x57
-                RenderText {#text} at (0,0) size 750x57
-                  text run at (0,0) width 427: "The first line of this paragraph, and only that one, should be green. "
-                  text run at (427,0) width 323: "If this precise combination does not occur, then the"
-                  text run at (0,19) width 194: "user agent has failed this test. "
-                  text run at (194,19) width 554: "Remember that in order to ensure a complete test, the paragraph must be displayed on"
-                  text run at (0,38) width 123: "more than one line."
-              RenderBlock {P} at (4,75) size 762x75
-                RenderText {#text} at (0,0) size 752x75
-                  text run at (0,0) width 752: "The first line of this paragraph, and only that one, should be"
-                  text run at (0,37) width 221: "a larger font size as well as green. "
-                  text run at (221,37) width 517: "If this precise combination does not occur, then the user agent has failed this test."
-                  text run at (0,56) width 681: "Remember that in order to ensure a complete test, the paragraph must be displayed on more than one line."
-              RenderBlock {P} at (4,164) size 762x76
-                RenderText {#text} at (0,0) size 760x57
-                  text run at (0,0) width 573: "The first line of this paragraph, and only that one, should be displayed in small-caps style. "
-                  text run at (573,0) width 184: "Thus, if the first line is not in"
-                  text run at (0,19) width 760: "small-caps style, OR if the entire paragraph turns out in small-caps, then the user agent has failed this test (although the"
-                  text run at (0,38) width 143: "problem might be that "
-                RenderInline {CODE} at (0,0) size 68x19
-                  RenderText {#text} at (143,38) size 68x19
-                    text run at (143,38) width 68: "small-caps"
-                RenderText {#text} at (211,38) size 721x38
-                  text run at (211,38) width 225: " is not supported by your browser). "
-                  text run at (436,38) width 285: "This is extra text included for the purposes of"
-                  text run at (0,57) width 401: "making the paragraph long enough to have more than one line."
+            RenderTableCell {TD} at (12,26) size 770x203 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x34
+                RenderText {#text} at (0,0) size 752x34
+                  text run at (0,0) width 389: "The first line of this paragraph, and only that one, should be green. "
+                  text run at (389,0) width 363: "If this precise combination does not occur, then the user agent"
+                  text run at (0,17) width 115: "has failed this test. "
+                  text run at (115,17) width 618: "Remember that in order to ensure a complete test, the paragraph must be displayed on more than one line."
+              RenderBlock {P} at (4,51) size 762x67
+                RenderText {#text} at (0,0) size 737x67
+                  text run at (0,0) width 691: "The first line of this paragraph, and only that one, should be a"
+                  text run at (0,33) width 192: "larger font size as well as green. "
+                  text run at (192,33) width 482: "If this precise combination does not occur, then the user agent has failed this test. "
+                  text run at (674,33) width 63: "Remember"
+                  text run at (0,50) width 551: "that in order to ensure a complete test, the paragraph must be displayed on more than one line."
+              RenderBlock {P} at (4,131) size 762x68
+                RenderText {#text} at (0,0) size 749x51
+                  text run at (0,0) width 530: "The first line of this paragraph, and only that one, should be displayed in small-caps style. "
+                  text run at (530,0) width 214: "Thus, if the first line is not in small-"
+                  text run at (0,17) width 749: "caps style, OR if the entire paragraph turns out in small-caps, then the user agent has failed this test (although the problem might"
+                  text run at (0,34) width 44: "be that "
+                RenderInline {CODE} at (0,0) size 63x17
+                  RenderText {#text} at (44,34) size 63x17
+                    text run at (44,34) width 63: "small-caps"
+                RenderText {#text} at (107,34) size 732x34
+                  text run at (107,34) width 205: " is not supported by your browser). "
+                  text run at (312,34) width 420: "This is extra text included for the purposes of making the paragraph long"
+                  text run at (0,51) width 204: "enough to have more than one line."
index aa18a65..96ba0aa 100644 (file)
-layer at (0,0) size 800x1053
+layer at (0,0) size 800x944
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1053
-  RenderBlock {HTML} at (0,0) size 800x1053
-    RenderBody {BODY} at (8,8) size 784x1037 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19
-        RenderInline (generated) at (0,0) size 9x19 [color=#800000]
-          RenderText {#text} at (0,0) size 9x19
-            text run at (0,0) width 9: "T"
-        RenderText {#text} at (9,0) size 345x19
-          text run at (9,0) width 345: "he style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,33) size 784x133
-        RenderText {#text} at (0,0) size 266x133
-          text run at (0,0) width 157: "P:first-line {color: green;}"
-          text run at (157,0) width 0: " "
-          text run at (0,19) width 179: "P:first-letter {color: maroon;}"
-          text run at (179,19) width 0: " "
-          text run at (0,38) width 196: ".two:first-line {font-size: 200%;}"
-          text run at (196,38) width 0: " "
-          text run at (0,57) width 206: ".two:first-letter {font-size: 350%;}"
-          text run at (206,57) width 0: " "
-          text run at (0,76) width 226: "P.three:first-letter {font-size: 350%;}"
-          text run at (226,76) width 0: " "
-          text run at (0,95) width 266: "P.three:first-line {font-variant: small-caps;}"
-          text run at (266,95) width 0: " "
-          text run at (0,114) width 0: " "
-      RenderBlock {HR} at (0,180) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,196) size 784x57
-        RenderInline (generated) at (0,0) size 9x19 [color=#800000]
-          RenderText {#text} at (0,0) size 9x19
-            text run at (0,0) width 9: "T"
-        RenderText {#text} at (9,0) size 776x57
-          text run at (9,0) width 767: "he first letter of this paragraph, and only that one, should be maroon (dark red), while the entire first line should be green."
-          text run at (0,19) width 521: "If this precise combination does not occur, then the user agent has failed this test. "
-          text run at (521,19) width 228: "Remember that in order to ensure a"
-          text run at (0,38) width 449: "complete test, the paragraph must be displayed on more than one line."
-      RenderBlock {P} at (0,267) size 784x180
-        RenderInline (generated) at (0,0) size 60x123 [color=#800000]
-          RenderText {#text} at (0,0) size 60x123
-            text run at (0,0) width 60: "T"
-        RenderText {#text} at (60,67) size 774x113
-          text run at (60,67) width 714: "he first letter of this paragraph, and only that one, should"
-          text run at (0,123) width 760: "be 350% bigger than the rest of the first line of this paragraph and maroon (dark red), while the entire first line should be"
-          text run at (0,142) width 237: "200% bigger than normal and green. "
-          text run at (237,142) width 517: "If this precise combination does not occur, then the user agent has failed this test."
-          text run at (0,161) width 681: "Remember that in order to ensure a complete test, the paragraph must be displayed on more than one line."
-      RenderBlock {P} at (0,461) size 784x120
-        RenderInline (generated) at (0,0) size 63x62 [color=#800000]
-          RenderText {#text} at (0,0) size 63x62
-            text run at (0,0) width 63: "\"W"
-        RenderText {#text} at (63,33) size 782x87
-          text run at (63,33) width 319: "e should check for quotation support,\" it was said. "
-          text run at (382,33) width 373: "The first two characters in this paragraph-- a double-quote"
-          text run at (0,63) width 654: "mark and a capital 'W'-- should be 350% bigger than the rest of the paragraph, and maroon (dark red). "
-          text run at (654,63) width 82: "Note that the"
-          text run at (0,82) width 770: "inclusion of both the quotation mark and the 'W' in the first-letter style is not required under CSS1, but it is recommended. "
-          text run at (770,82) width 12: "In"
-          text run at (0,101) width 437: "addition, the entire first line should be in a small-caps font and green."
-      RenderTable {TABLE} at (0,595) size 784x442 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x440
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x412
-            RenderTableCell {TD} at (0,220) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+layer at (0,0) size 800x944
+  RenderBlock {HTML} at (0,0) size 800x944
+    RenderBody {BODY} at (8,8) size 784x928 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderInline (generated) at (0,0) size 8x17 [color=#800000]
+          RenderText {#text} at (0,0) size 8x17
+            text run at (0,0) width 8: "T"
+        RenderText {#text} at (8,0) size 318x17
+          text run at (8,0) width 318: "he style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x119
+        RenderText {#text} at (0,0) size 244x119
+          text run at (0,0) width 143: "P:first-line {color: green;}"
+          text run at (143,0) width 0: " "
+          text run at (0,17) width 163: "P:first-letter {color: maroon;}"
+          text run at (163,17) width 0: " "
+          text run at (0,34) width 181: ".two:first-line {font-size: 200%;}"
+          text run at (181,34) width 0: " "
+          text run at (0,51) width 190: ".two:first-letter {font-size: 350%;}"
+          text run at (190,51) width 0: " "
+          text run at (0,68) width 208: "P.three:first-letter {font-size: 350%;}"
+          text run at (208,68) width 0: " "
+          text run at (0,85) width 244: "P.three:first-line {font-variant: small-caps;}"
+          text run at (244,85) width 0: " "
+          text run at (0,102) width 0: " "
+      RenderBlock {HR} at (0,162) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,177) size 784x51
+        RenderInline (generated) at (0,0) size 8x17 [color=#800000]
+          RenderText {#text} at (0,0) size 8x17
+            text run at (0,0) width 8: "T"
+        RenderText {#text} at (8,0) size 759x51
+          text run at (8,0) width 701: "he first letter of this paragraph, and only that one, should be maroon (dark red), while the entire first line should be green. "
+          text run at (709,0) width 33: "If this"
+          text run at (0,17) width 445: "precise combination does not occur, then the user agent has failed this test. "
+          text run at (445,17) width 314: "Remember that in order to ensure a complete test, the"
+          text run at (0,34) width 300: "paragraph must be displayed on more than one line."
+      RenderBlock {P} at (0,241) size 784x165
+        RenderInline (generated) at (0,0) size 56x113 [color=#800000]
+          RenderText {#text} at (0,0) size 56x113
+            text run at (0,0) width 56: "T"
+        RenderText {#text} at (56,62) size 784x103
+          text run at (56,62) width 671: "he first letter of this paragraph, and only that one, should be"
+          text run at (0,114) width 778: "350% bigger than the rest of the first line of this paragraph and maroon (dark red), while the entire first line should be 200% bigger than"
+          text run at (0,131) width 108: "normal and green. "
+          text run at (108,131) width 482: "If this precise combination does not occur, then the user agent has failed this test. "
+          text run at (590,131) width 194: "Remember that in order to ensure"
+          text run at (0,148) width 420: "a complete test, the paragraph must be displayed on more than one line."
+      RenderBlock {P} at (0,419) size 784x109
+        RenderInline (generated) at (0,0) size 59x58 [color=#800000]
+          RenderText {#text} at (0,0) size 59x58
+            text run at (0,0) width 59: "\"W"
+        RenderText {#text} at (59,31) size 774x78
+          text run at (59,31) width 300: "e should check for quotation support,\" it was said. "
+          text run at (359,31) width 412: "The first two characters in this paragraph-- a double-quote mark and a"
+          text run at (0,58) width 520: "capital 'W'-- should be 350% bigger than the rest of the paragraph, and maroon (dark red). "
+          text run at (520,58) width 253: "Note that the inclusion of both the quotation"
+          text run at (0,75) width 528: "mark and the 'W' in the first-letter style is not required under CSS1, but it is recommended. "
+          text run at (528,75) width 246: "In addition, the entire first line should be in"
+          text run at (0,92) width 165: "a small-caps font and green."
+      RenderTable {TABLE} at (0,541) size 784x387 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x385
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x359
+            RenderTableCell {TD} at (0,193) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x412 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x57
-                RenderInline (generated) at (0,0) size 9x19 [color=#800000]
-                  RenderText {#text} at (0,0) size 9x19
-                    text run at (0,0) width 9: "T"
-                RenderText {#text} at (9,0) size 734x57
-                  text run at (9,0) width 722: "he first letter of this paragraph, and only that one, should be maroon (dark red), while the entire first line should be"
-                  text run at (0,19) width 45: "green. "
-                  text run at (45,19) width 521: "If this precise combination does not occur, then the user agent has failed this test. "
-                  text run at (566,19) width 168: "Remember that in order to"
-                  text run at (0,38) width 509: "ensure a complete test, the paragraph must be displayed on more than one line."
-              RenderBlock {P} at (4,75) size 762x199
-                RenderInline (generated) at (0,0) size 60x123 [color=#800000]
-                  RenderText {#text} at (0,0) size 60x123
-                    text run at (0,0) width 60: "T"
-                RenderText {#text} at (60,67) size 746x132
-                  text run at (60,67) width 622: "he first letter of this paragraph, and only that one,"
-                  text run at (0,123) width 740: "should be 350% bigger than the rest of the first line of this paragraph and maroon (dark red), while the entire first line"
-                  text run at (0,142) width 303: "should be 200% bigger than normal and green. "
-                  text run at (303,142) width 422: "If this precise combination does not occur, then the user agent has"
-                  text run at (0,161) width 95: "failed this test. "
-                  text run at (95,161) width 651: "Remember that in order to ensure a complete test, the paragraph must be displayed on more than one"
-                  text run at (0,180) width 26: "line."
-              RenderBlock {P} at (4,288) size 762x120
-                RenderInline (generated) at (0,0) size 63x62 [color=#800000]
-                  RenderText {#text} at (0,0) size 63x62
-                    text run at (0,0) width 63: "\"W"
-                RenderText {#text} at (63,33) size 755x87
-                  text run at (63,33) width 319: "e should check for quotation support,\" it was said. "
-                  text run at (382,33) width 373: "The first two characters in this paragraph-- a double-quote"
-                  text run at (0,63) width 654: "mark and a capital 'W'-- should be 350% bigger than the rest of the paragraph, and maroon (dark red). "
-                  text run at (654,63) width 82: "Note that the"
-                  text run at (0,82) width 666: "inclusion of both the quotation mark and the 'W' in the first-letter style is not required under CSS1, but it is"
-                  text run at (0,101) width 100: "recommended. "
-                  text run at (100,101) width 453: "In addition, the entire first line should be in a small-caps font and green."
+            RenderTableCell {TD} at (12,26) size 770x359 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x51
+                RenderInline (generated) at (0,0) size 8x17 [color=#800000]
+                  RenderText {#text} at (0,0) size 8x17
+                    text run at (0,0) width 8: "T"
+                RenderText {#text} at (8,0) size 759x51
+                  text run at (8,0) width 701: "he first letter of this paragraph, and only that one, should be maroon (dark red), while the entire first line should be green. "
+                  text run at (709,0) width 33: "If this"
+                  text run at (0,17) width 445: "precise combination does not occur, then the user agent has failed this test. "
+                  text run at (445,17) width 314: "Remember that in order to ensure a complete test, the"
+                  text run at (0,34) width 300: "paragraph must be displayed on more than one line."
+              RenderBlock {P} at (4,68) size 762x165
+                RenderInline (generated) at (0,0) size 56x113 [color=#800000]
+                  RenderText {#text} at (0,0) size 56x113
+                    text run at (0,0) width 56: "T"
+                RenderText {#text} at (56,62) size 755x103
+                  text run at (56,62) width 671: "he first letter of this paragraph, and only that one, should be"
+                  text run at (0,114) width 749: "350% bigger than the rest of the first line of this paragraph and maroon (dark red), while the entire first line should be 200% bigger"
+                  text run at (0,131) width 137: "than normal and green. "
+                  text run at (137,131) width 482: "If this precise combination does not occur, then the user agent has failed this test. "
+                  text run at (619,131) width 136: "Remember that in order"
+                  text run at (0,148) width 478: "to ensure a complete test, the paragraph must be displayed on more than one line."
+              RenderBlock {P} at (4,246) size 762x109
+                RenderInline (generated) at (0,0) size 59x58 [color=#800000]
+                  RenderText {#text} at (0,0) size 59x58
+                    text run at (0,0) width 59: "\"W"
+                RenderText {#text} at (59,31) size 761x78
+                  text run at (59,31) width 300: "e should check for quotation support,\" it was said. "
+                  text run at (359,31) width 402: "The first two characters in this paragraph-- a double-quote mark and"
+                  text run at (0,58) width 531: "a capital 'W'-- should be 350% bigger than the rest of the paragraph, and maroon (dark red). "
+                  text run at (531,58) width 196: "Note that the inclusion of both the"
+                  text run at (0,75) width 585: "quotation mark and the 'W' in the first-letter style is not required under CSS1, but it is recommended. "
+                  text run at (585,75) width 172: "In addition, the entire first line"
+                  text run at (0,92) width 239: "should be in a small-caps font and green."
index 1320a20..788d6c6 100644 (file)
@@ -3,75 +3,73 @@ layer at (0,0) size 800x600
 layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20
-        RenderText {#text} at (0,0) size 388x20
-          text run at (0,0) width 388: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x76
-        RenderText {#text} at (0,0) size 186x76
-          text run at (0,0) width 186: "P:first-line {font-weight: bold;}"
-          text run at (186,0) width 0: " "
-          text run at (0,19) width 183: "P.two:first-line {color: green;}"
-          text run at (183,19) width 0: " "
-          text run at (0,38) width 178: "P:first-line.three {color: red;}"
-          text run at (178,38) width 0: " "
-          text run at (0,57) width 0: " "
-      RenderBlock {HR} at (0,124) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,140) size 784x39
-        RenderText {#text} at (0,0) size 752x39
-          text run at (0,0) width 355: "The first line of this sentence should be boldfaced. "
-          text run at (355,0) width 397: "This test is included simply to establish a baseline for the"
-          text run at (0,20) width 643: "following tests, since if this test fails, then the rest of the tests on this page are expected to fail as well."
-      RenderBlock {P} at (0,193) size 784x39
-        RenderText {#text} at (0,0) size 764x39
-          text run at (0,0) width 581: "The first line of this sentence should be boldfaced and green, thanks to its selector. "
-          text run at (581,0) width 183: "If this is not the case, then"
-          text run at (0,20) width 597: "the user agent may have failed to properly parse the selector, or it may simply not support the "
-        RenderInline {TT} at (0,0) size 54x19
-          RenderText {#text} at (597,20) size 54x19
-            text run at (597,20) width 54: ":first-line"
-        RenderText {#text} at (651,20) size 111x19
-          text run at (651,20) width 111: " pseudo-element."
-      RenderBlock {P} at (0,246) size 784x77
-        RenderText {#text} at (0,0) size 774x77
-          text run at (0,0) width 355: "The first line of this sentence should be boldfaced. "
-          text run at (355,0) width 413: "If it is red, then the user agent has violated the specification"
-          text run at (0,20) width 454: "in allowing pseudo-elements at a point other than the end of a selector. "
-          text run at (454,20) width 287: "If neither is the case, then the user agent has"
-          text run at (0,39) width 774: "correctly ignored the incorrect selector, but has suppressed other styles which are valid, and therefore must be considered"
-          text run at (0,58) width 140: "to have failed the test."
-      RenderTable {TABLE} at (0,337) size 784x240 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x238
-          RenderTableRow {TR} at (0,0) size 782x28
-            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 159x20
-                RenderText {#text} at (4,4) size 159x20
-                  text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x210
-            RenderTableCell {TD} at (0,119) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+      RenderBlock {P} at (0,0) size 784x18
+        RenderText {#text} at (0,0) size 348x17
+          text run at (0,0) width 348: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,31) size 784x68
+        RenderText {#text} at (0,0) size 170x68
+          text run at (0,0) width 170: "P:first-line {font-weight: bold;}"
+          text run at (170,0) width 0: " "
+          text run at (0,17) width 167: "P.two:first-line {color: green;}"
+          text run at (167,17) width 0: " "
+          text run at (0,34) width 162: "P:first-line.three {color: red;}"
+          text run at (162,34) width 0: " "
+          text run at (0,51) width 0: " "
+      RenderBlock {HR} at (0,112) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,127) size 784x35
+        RenderText {#text} at (0,0) size 777x35
+          text run at (0,0) width 319: "The first line of this sentence should be boldfaced. "
+          text run at (319,0) width 458: "This test is included simply to establish a baseline for the following tests,"
+          text run at (0,18) width 510: "since if this test fails, then the rest of the tests on this page are expected to fail as well."
+      RenderBlock {P} at (0,175) size 784x35
+        RenderText {#text} at (0,0) size 778x35
+          text run at (0,0) width 522: "The first line of this sentence should be boldfaced and green, thanks to its selector. "
+          text run at (522,0) width 256: "If this is not the case, then the user agent"
+          text run at (0,18) width 461: "may have failed to properly parse the selector, or it may simply not support the "
+        RenderInline {TT} at (0,0) size 50x17
+          RenderText {#text} at (461,18) size 50x17
+            text run at (461,18) width 50: ":first-line"
+        RenderText {#text} at (511,18) size 100x17
+          text run at (511,18) width 100: " pseudo-element."
+      RenderBlock {P} at (0,223) size 784x52
+        RenderText {#text} at (0,0) size 763x52
+          text run at (0,0) width 319: "The first line of this sentence should be boldfaced. "
+          text run at (319,0) width 444: "If it is red, then the user agent has violated the specification in allowing"
+          text run at (0,18) width 350: "pseudo-elements at a point other than the end of a selector. "
+          text run at (350,18) width 386: "If neither is the case, then the user agent has correctly ignored the"
+          text run at (0,35) width 720: "incorrect selector, but has suppressed other styles which are valid, and therefore must be considered to have failed the test."
+      RenderTable {TABLE} at (0,288) size 784x201 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x199
+          RenderTableRow {TR} at (0,0) size 782x26
+            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x173
+            RenderTableCell {TD} at (0,100) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x210 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x39
-                RenderText {#text} at (0,0) size 752x39
-                  text run at (0,0) width 355: "The first line of this sentence should be boldfaced. "
-                  text run at (355,0) width 397: "This test is included simply to establish a baseline for the"
-                  text run at (0,20) width 643: "following tests, since if this test fails, then the rest of the tests on this page are expected to fail as well."
-              RenderBlock {P} at (4,57) size 762x58
-                RenderText {#text} at (0,0) size 729x39
-                  text run at (0,0) width 581: "The first line of this sentence should be boldfaced and green, thanks to its selector. "
-                  text run at (581,0) width 148: "If this is not the case,"
-                  text run at (0,20) width 629: "then the user agent may have failed to properly parse the selector, or it may simply not support the "
-                RenderInline {TT} at (0,0) size 54x19
-                  RenderText {#text} at (629,20) size 54x19
-                    text run at (629,20) width 54: ":first-line"
-                RenderText {#text} at (683,20) size 739x38
-                  text run at (683,20) width 56: " pseudo-"
-                  text run at (0,39) width 55: "element."
-              RenderBlock {P} at (4,129) size 762x77
-                RenderText {#text} at (0,0) size 756x77
-                  text run at (0,0) width 355: "The first line of this sentence should be boldfaced. "
-                  text run at (355,0) width 320: "If it is red, then the user agent has violated the"
-                  text run at (0,20) width 536: "specification in allowing pseudo-elements at a point other than the end of a selector. "
-                  text run at (536,20) width 220: "If neither is the case, then the user"
-                  text run at (0,39) width 747: "agent has correctly ignored the incorrect selector, but has suppressed other styles which are valid, and therefore must"
-                  text run at (0,58) width 234: "be considered to have failed the test."
+            RenderTableCell {TD} at (12,26) size 770x173 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x35
+                RenderText {#text} at (0,0) size 740x35
+                  text run at (0,0) width 319: "The first line of this sentence should be boldfaced. "
+                  text run at (319,0) width 421: "This test is included simply to establish a baseline for the following"
+                  text run at (0,18) width 547: "tests, since if this test fails, then the rest of the tests on this page are expected to fail as well."
+              RenderBlock {P} at (4,52) size 762x35
+                RenderText {#text} at (0,0) size 740x35
+                  text run at (0,0) width 522: "The first line of this sentence should be boldfaced and green, thanks to its selector. "
+                  text run at (522,0) width 218: "If this is not the case, then the user"
+                  text run at (0,18) width 497: "agent may have failed to properly parse the selector, or it may simply not support the "
+                RenderInline {TT} at (0,0) size 50x17
+                  RenderText {#text} at (497,18) size 50x17
+                    text run at (497,18) width 50: ":first-line"
+                RenderText {#text} at (547,18) size 100x17
+                  text run at (547,18) width 100: " pseudo-element."
+              RenderBlock {P} at (4,100) size 762x69
+                RenderText {#text} at (0,0) size 758x69
+                  text run at (0,0) width 319: "The first line of this sentence should be boldfaced. "
+                  text run at (319,0) width 387: "If it is red, then the user agent has violated the specification in"
+                  text run at (0,18) width 400: "allowing pseudo-elements at a point other than the end of a selector. "
+                  text run at (400,18) width 318: "If neither is the case, then the user agent has correctly"
+                  text run at (0,35) width 758: "ignored the incorrect selector, but has suppressed other styles which are valid, and therefore must be considered to have failed the"
+                  text run at (0,52) width 26: "test."