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:
# 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
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."
-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)]
-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."
-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."
-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."
-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."
-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."
-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."
-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."
-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."
-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."
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."
git://git.webkit.org / WebKit-https.git / commitdiff