-layer at (0,0) size 800x870
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x870
- RenderBlock {HTML} at (0,0) size 800x870
- RenderBody {BODY} at (8,8) size 784x854 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x870
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x870
+ RenderBlock {HTML} at (0,0) size 785x870
+ RenderBody {BODY} at (8,8) size 769x854 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x225
+ RenderBlock {PRE} at (0,34) size 769x225
RenderText {TEXT} at (0,0) size 336x210
text run at (0,0) width 232: "/* This is a CSS1 comment. */"
text run at (0,15) width 336: ".one {color: green;} /* Another comment */"
text run at (0,165) width 176: ".seven {color: green;}"
text run at (0,180) width 128: "/* a comment **/"
text run at (0,195) width 176: ".eight {color: green;}"
- RenderBlock {HR} at (0,272) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,290) size 784x18 [color=#008000]
+ RenderBlock {HR} at (0,272) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,290) size 769x18 [color=#008000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,324) size 784x18
+ RenderBlock {P} at (0,324) size 769x18
RenderText {TEXT} at (0,0) size 193x18
text run at (0,0) width 193: "This sentence should be black."
- RenderBlock {P} at (0,358) size 784x18 [color=#008000]
+ RenderBlock {P} at (0,358) size 769x18 [color=#008000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,392) size 784x18
+ RenderBlock {P} at (0,392) size 769x18
RenderText {TEXT} at (0,0) size 193x18
text run at (0,0) width 193: "This sentence should be black."
- RenderBlock {P} at (0,426) size 784x18 [color=#008000]
+ RenderBlock {P} at (0,426) size 769x18 [color=#008000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,460) size 784x18 [color=#008000]
+ RenderBlock {P} at (0,460) size 769x18 [color=#008000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,494) size 784x18 [color=#008000]
+ RenderBlock {P} at (0,494) size 769x18 [color=#008000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,528) size 784x18 [color=#008000]
+ RenderBlock {P} at (0,528) size 769x18 [color=#008000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
RenderTable {TABLE} at (0,562) size 216x292 [border: (1px outset #808080)]
-layer at (0,0) size 800x943
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x943
- RenderBlock {HTML} at (0,0) size 800x943
- RenderBody {BODY} at (8,8) size 784x927 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x961
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x961
+ RenderBlock {HTML} at (0,0) size 785x961
+ RenderBody {BODY} at (8,8) size 769x945 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x150
+ RenderBlock {PRE} at (0,34) size 769x150
RenderText {TEXT} at (0,0) size 728x150
text run at (0,0) width 624: "<LINK rel=\"stylesheet\" type=\"text/css\" href=\"linktest.css\" title=\"Default SS\">"
text run at (0,15) width 728: "<LINK rel=\"alternate stylesheet\" type=\"text/css\" href=\"linktest2.css\" title=\"Alternate SS\">"
text run at (0,105) width 32: "<!--"
text run at (0,120) width 168: "P.six {color: green;}"
text run at (0,135) width 24: "-->"
- RenderBlock {HR} at (0,197) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,215) size 784x18
+ RenderBlock {HR} at (0,197) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,215) size 769x18
RenderText {TEXT} at (0,0) size 404x18
text run at (0,0) width 404: "This sentence should be underlined due to the linked style sheet "
RenderInline {CODE} at (0,0) size 96x15
text run at (404,2) width 96: "linktest.css"
RenderText {TEXT} at (500,0) size 254x18
text run at (500,0) width 254: ", the reference to which is shown above."
- RenderBlock {P} at (0,249) size 784x36
+ RenderBlock {P} at (0,249) size 769x36
RenderText {TEXT} at (0,0) size 442x18
text run at (0,0) width 442: "This sentence should NOT be underlined due to the linked style sheet "
RenderInline {CODE} at (0,0) size 104x15
RenderText {TEXT} at (595,0) size 741x36
text run at (595,0) width 146: " the external style sheet"
text run at (0,18) width 325: "\"Alternate SS\" has been selected via the user agent."
- RenderBlock {UL} at (0,301) size 784x54 [color=#FF0000]
- RenderListItem {LI} at (40,0) size 744x18 [color=#008000]
+ RenderBlock {UL} at (0,301) size 769x54 [color=#FF0000]
+ RenderListItem {LI} at (40,0) size 729x18 [color=#008000]
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 390x18
text run at (0,0) width 390: "This sentence should be green due to an imported style sheet ["
text run at (390,2) width 208: "@import url(imptest1.css);"
RenderText {TEXT} at (598,0) size 9x18
text run at (598,0) width 9: "]."
- RenderListItem {LI} at (40,18) size 744x18 [color=#800080]
+ RenderListItem {LI} at (40,18) size 729x18 [color=#800080]
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 395x18
text run at (0,0) width 395: "This sentence should be purple due to an imported style sheet ["
text run at (395,2) width 184: "@import \"imptest1a.css\""
RenderText {TEXT} at (579,0) size 9x18
text run at (579,0) width 9: "]."
- RenderListItem {LI} at (40,36) size 744x18 [color=#008000]
+ RenderListItem {LI} at (40,36) size 729x18 [color=#008000]
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 393x18
text run at (0,0) width 393: "This sentence should be green thanks to the STYLE attribute ["
text run at (393,2) width 168: "STYLE=\"color: green;\""
RenderText {TEXT} at (561,0) size 9x18
text run at (561,0) width 9: "]."
- RenderBlock {P} at (0,371) size 784x18 [color=#800080]
+ RenderBlock {P} at (0,371) size 769x18 [color=#800080]
RenderText {TEXT} at (0,0) size 500x18
text run at (0,0) width 500: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
- RenderBlock {OL} at (0,405) size 784x54
- RenderListItem {LI} at (40,0) size 744x18
+ RenderBlock {OL} at (0,405) size 769x54
+ RenderListItem {LI} at (40,0) size 729x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 201x18
text run at (0,0) width 201: "This list should NOT be purple."
- RenderListItem {LI} at (40,18) size 744x18
+ RenderListItem {LI} at (40,18) size 729x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 172x18
text run at (0,0) width 172: "It should, instead, be black."
- RenderListItem {LI} at (40,36) size 744x18
+ RenderListItem {LI} at (40,36) size 729x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 501x18
text run at (0,0) width 501: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
- RenderBlock {P} at (0,475) size 784x36
+ RenderBlock {P} at (0,475) size 769x36
RenderText {TEXT} at (0,0) size 697x18
text run at (0,0) width 197: "This sentence should be black. "
text run at (197,0) width 500: "If it is red, then the browser has inappropriately imported the styles from the file"
text run at (129,18) width 68: "section 3.0"
RenderText {TEXT} at (197,18) size 275x18
text run at (197,18) width 275: " of the CSS1 specification for more details)."
- RenderBlock {P} at (0,527) size 784x18 [color=#008000]
+ RenderBlock {P} at (0,527) size 769x18 [color=#008000]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This paragraph should be green."
- RenderTable {TABLE} at (0,561) size 784x366 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 0x364
+ RenderTable {TABLE} at (0,561) size 769x384 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 0x382
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,182) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,191) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x338 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x18
+ RenderTableCell {TD} at (12,26) size 755x356 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 747x36
RenderText {TEXT} at (0,0) size 404x18
text run at (0,0) width 404: "This sentence should be underlined due to the linked style sheet "
RenderInline {CODE} at (0,0) size 96x15
RenderText {TEXT} at (404,2) size 96x15
text run at (404,2) width 96: "linktest.css"
- RenderText {TEXT} at (500,0) size 254x18
- text run at (500,0) width 254: ", the reference to which is shown above."
- RenderBlock {P} at (4,38) size 762x36
+ RenderText {TEXT} at (500,0) size 708x36
+ text run at (500,0) width 208: ", the reference to which is shown"
+ text run at (0,18) width 42: "above."
+ RenderBlock {P} at (4,56) size 747x36
RenderText {TEXT} at (0,0) size 442x18
text run at (0,0) width 442: "This sentence should NOT be underlined due to the linked style sheet "
RenderInline {CODE} at (0,0) size 104x15
RenderText {TEXT} at (595,0) size 741x36
text run at (595,0) width 146: " the external style sheet"
text run at (0,18) width 325: "\"Alternate SS\" has been selected via the user agent."
- RenderBlock {UL} at (4,90) size 762x54 [color=#FF0000]
- RenderListItem {LI} at (40,0) size 722x18 [color=#008000]
+ RenderBlock {UL} at (4,108) size 747x54 [color=#FF0000]
+ RenderListItem {LI} at (40,0) size 707x18 [color=#008000]
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 390x18
text run at (0,0) width 390: "This sentence should be green due to an imported style sheet ["
text run at (390,2) width 208: "@import url(imptest1.css);"
RenderText {TEXT} at (598,0) size 9x18
text run at (598,0) width 9: "]."
- RenderListItem {LI} at (40,18) size 722x18 [color=#800080]
+ RenderListItem {LI} at (40,18) size 707x18 [color=#800080]
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 395x18
text run at (0,0) width 395: "This sentence should be purple due to an imported style sheet ["
text run at (395,2) width 184: "@import \"imptest1a.css\""
RenderText {TEXT} at (579,0) size 9x18
text run at (579,0) width 9: "]."
- RenderListItem {LI} at (40,36) size 722x18 [color=#008000]
+ RenderListItem {LI} at (40,36) size 707x18 [color=#008000]
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 393x18
text run at (0,0) width 393: "This sentence should be green thanks to the STYLE attribute ["
text run at (393,2) width 168: "STYLE=\"color: green;\""
RenderText {TEXT} at (561,0) size 9x18
text run at (561,0) width 9: "]."
- RenderBlock {P} at (4,160) size 762x18 [color=#800080]
+ RenderBlock {P} at (4,178) size 747x18 [color=#800080]
RenderText {TEXT} at (0,0) size 500x18
text run at (0,0) width 500: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
- RenderBlock {OL} at (4,194) size 762x54
- RenderListItem {LI} at (40,0) size 722x18
+ RenderBlock {OL} at (4,212) size 747x54
+ RenderListItem {LI} at (40,0) size 707x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 201x18
text run at (0,0) width 201: "This list should NOT be purple."
- RenderListItem {LI} at (40,18) size 722x18
+ RenderListItem {LI} at (40,18) size 707x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 172x18
text run at (0,0) width 172: "It should, instead, be black."
- RenderListItem {LI} at (40,36) size 722x18
+ RenderListItem {LI} at (40,36) size 707x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 501x18
text run at (0,0) width 501: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
- RenderBlock {P} at (4,264) size 762x36
+ RenderBlock {P} at (4,282) size 747x36
RenderText {TEXT} at (0,0) size 697x18
text run at (0,0) width 197: "This sentence should be black. "
text run at (197,0) width 500: "If it is red, then the browser has inappropriately imported the styles from the file"
text run at (129,18) width 68: "section 3.0"
RenderText {TEXT} at (197,18) size 275x18
text run at (197,18) width 275: " of the CSS1 specification for more details)."
- RenderBlock {P} at (4,316) size 762x18 [color=#008000]
+ RenderBlock {P} at (4,334) size 747x18 [color=#008000]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This paragraph should be green."
-layer at (0,0) size 800x627
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x627
- RenderBlock {HTML} at (0,0) size 800x627
- RenderBody {BODY} at (8,8) size 784x611 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x627
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x627
+ RenderBlock {HTML} at (0,0) size 785x627
+ RenderBody {BODY} at (8,8) size 769x611 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x120
+ RenderBlock {PRE} at (0,34) size 769x120
RenderText {TEXT} at (0,0) size 272x120
text run at (0,0) width 160: "#one {color: green;}"
text run at (0,15) width 152: "#a1 {color: green;}"
text run at (0,75) width 152: "#a2 {color: green;}"
text run at (0,90) width 240: "P#five, P#five2 {color: blue;}"
text run at (0,105) width 240: "P#six, P#six2 {color: purple;}"
- RenderBlock {HR} at (0,167) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,185) size 784x18 [color=#008000]
+ RenderBlock {HR} at (0,167) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,185) size 769x18 [color=#008000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,219) size 784x18 [color=#008000]
+ RenderBlock {P} at (0,219) size 769x18 [color=#008000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,253) size 784x18 [color=#0000FF]
+ RenderBlock {P} at (0,253) size 769x18 [color=#0000FF]
RenderText {TEXT} at (0,0) size 200x18
text run at (0,0) width 200: "This paragraph should be blue ["
RenderInline {TT} at (0,0) size 64x15
text run at (200,2) width 64: "ID=\"two\""
RenderText {TEXT} at (264,0) size 9x18
text run at (264,0) width 9: "]."
- RenderBlock {PRE} at (0,287) size 784x15
+ RenderBlock {PRE} at (0,287) size 769x15
RenderText {TEXT} at (0,0) size 392x15
text run at (0,0) width 392: "This sentence should NOT be blue [PRE ID=\"two2\"]."
- RenderBlock {PRE} at (0,315) size 784x15
+ RenderBlock {PRE} at (0,315) size 769x15
RenderText {TEXT} at (0,0) size 472x15
text run at (0,0) width 472: "This sentence should be black, not purple [PRE ID=\"three\"]."
- RenderBlock {UL} at (0,346) size 784x18
- RenderListItem {LI} at (40,0) size 744x18
+ RenderBlock {UL} at (0,346) size 769x18
+ RenderListItem {LI} at (40,0) size 729x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 237x18
text run at (0,0) width 237: "This sentence should NOT be purple."
-layer at (0,0) size 800x724
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x724
- RenderBlock {HTML} at (0,0) size 800x724
- RenderBody {BODY} at (8,8) size 784x708 [color=#008000] [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x724
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x724
+ RenderBlock {HTML} at (0,0) size 785x724
+ RenderBody {BODY} at (8,8) size 769x708 [color=#008000] [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x105
+ RenderBlock {PRE} at (0,34) size 769x105
RenderText {TEXT} at (0,0) size 272x105
text run at (0,0) width 160: "BODY {color: green;}"
text run at (0,15) width 136: "H3 {color: blue;}"
text run at (0,60) width 272: ".two {text-decoration: underline;}"
text run at (0,75) width 152: "#two {color: navy;}"
text run at (0,90) width 184: ".three {color: purple;}"
- RenderBlock {HR} at (0,152) size 784x2 [border: (1px inset #008000)]
- RenderBlock {H3} at (0,172) size 784x22 [color=#0000FF]
+ RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #008000)]
+ RenderBlock {H3} at (0,172) size 769x22 [color=#0000FF]
RenderText {TEXT} at (0,0) size 220x22
text run at (0,0) width 220: "This sentence should show "
RenderInline {STRONG} at (0,0) size 35x22
text run at (297,0) width 51: "purple"
RenderText {TEXT} at (348,0) size 5x22
text run at (348,0) width 5: "."
- RenderBlock {H3} at (0,212) size 784x22 [color=#0000FF]
+ RenderBlock {H3} at (0,212) size 769x22 [color=#0000FF]
RenderText {TEXT} at (0,0) size 197x22
text run at (0,0) width 197: "This sentence should be "
RenderInline {SPAN} at (0,0) size 34x22
text run at (197,0) width 34: "blue"
RenderText {TEXT} at (231,0) size 104x22
text run at (231,0) width 104: " throughout."
- RenderBlock {P} at (0,252) size 784x18
+ RenderBlock {P} at (0,252) size 769x18
RenderText {TEXT} at (0,0) size 226x18
text run at (0,0) width 226: "This should be green except for the "
RenderInline {EM} at (0,0) size 117x18 [color=#800080]
text run at (226,0) width 117: "emphasized words"
RenderText {TEXT} at (343,0) size 160x18
text run at (343,0) width 160: ", which should be purple."
- RenderBlock {H3} at (0,288) size 784x22 [color=#0000FF]
+ RenderBlock {H3} at (0,288) size 769x22 [color=#0000FF]
RenderText {TEXT} at (0,0) size 296x22
text run at (0,0) width 296: "This should be blue and underlined."
- RenderBlock {P} at (0,328) size 784x18
+ RenderBlock {P} at (0,328) size 769x18
RenderText {TEXT} at (0,0) size 293x18
text run at (0,0) width 293: "This sentence should be underlined, including "
RenderInline {TT} at (0,0) size 72x15
text run at (520,0) width 57: "this part"
RenderText {TEXT} at (577,0) size 4x18
text run at (577,0) width 4: "."
- RenderBlock {P} at (0,362) size 784x18 [color=#000080]
+ RenderBlock {P} at (0,362) size 769x18 [color=#000080]
RenderText {TEXT} at (0,0) size 436x18
text run at (0,0) width 436: "This sentence should also be underlined, as well as dark blue (navy), "
RenderInline {TT} at (0,0) size 152x15
text run at (436,2) width 152: "including this part"
RenderText {TEXT} at (588,0) size 4x18
text run at (588,0) width 4: "."
- RenderBlock {P} at (0,396) size 784x18 [color=#800080]
+ RenderBlock {P} at (0,396) size 769x18 [color=#800080]
RenderText {TEXT} at (0,0) size 266x18
text run at (0,0) width 266: "This sentence should be purple, including "
RenderInline {STRONG} at (0,0) size 57x18
-layer at (0,0) size 800x1378
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x1378
- RenderBlock {HTML} at (0,0) size 800x1378
- RenderBody {BODY} at (8,8) size 784x1362 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x1396
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x1396
+ RenderBlock {HTML} at (0,0) size 785x1396
+ RenderBody {BODY} at (8,8) size 769x1380 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x135
+ RenderBlock {PRE} at (0,34) size 769x135
RenderText {TEXT} at (0,0) size 272x135
text run at (0,0) width 272: ".one {border: medium black solid;}"
text run at (0,15) width 264: ".two {border: thin maroon ridge;}"
text run at (0,90) width 256: ".seven {border: left red solid;}"
text run at (0,105) width 168: ".eight {border: 0px;}"
text run at (0,120) width 232: "TD {border: 2px solid green;}"
- RenderBlock {HR} at (0,182) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,200) size 784x36
- RenderText {TEXT} at (0,0) size 780x36
+ RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,200) size 769x36
+ RenderText {TEXT} at (0,0) size 748x36
text run at (0,0) width 627: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
- text run at (627,0) width 153: "This border applies only"
- text run at (0,18) width 285: "to the cells, not the rows which contain them."
- RenderBlock {P} at (0,252) size 784x24 [border: (3px solid #000000)]
+ text run at (627,0) width 121: "This border applies"
+ text run at (0,18) width 317: "only to the cells, not the rows which contain them."
+ RenderBlock {P} at (0,252) size 769x24 [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 483x18
text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
- RenderBlock {P} at (0,292) size 784x20 [border: (1px ridge #800000)]
+ RenderBlock {P} at (0,292) size 769x20 [border: (1px ridge #800000)]
RenderText {TEXT} at (1,1) size 480x18
text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
- RenderBlock {P} at (0,328) size 784x38 [border: (10px outset #008080)]
+ RenderBlock {P} at (0,328) size 769x38 [border: (10px outset #008080)]
RenderText {TEXT} at (10,10) size 518x18
text run at (10,10) width 518: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
- RenderBlock {P} at (0,382) size 784x38 [border: (10px inset #808000)]
+ RenderBlock {P} at (0,382) size 769x38 [border: (10px inset #808000)]
RenderText {TEXT} at (10,10) size 519x18
text run at (10,10) width 519: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
- RenderBlock {P} at (0,436) size 784x18
+ RenderBlock {P} at (0,436) size 769x18
RenderText {TEXT} at (0,0) size 348x18
text run at (0,0) width 348: "This paragraph should have no border around it, as the "
RenderInline {TT} at (0,0) size 96x15
text run at (348,2) width 96: "border-style"
RenderText {TEXT} at (444,0) size 323x18
text run at (444,0) width 323: " was not set, and it should not be offset in any way."
- RenderBlock {P} at (0,470) size 784x24 [border: (3px double #800000)]
+ RenderBlock {P} at (0,470) size 769x42 [border: (3px double #800000)]
RenderText {TEXT} at (3,3) size 535x18
text run at (3,3) width 535: "This paragraph should have a medium maroon double border around it, even though "
RenderInline {CODE} at (0,0) size 96x15
RenderText {TEXT} at (538,5) size 96x15
text run at (538,5) width 96: "border-width"
- RenderText {TEXT} at (634,3) size 140x18
- text run at (634,3) width 140: " was not explicitly set."
- RenderBlock {P} at (0,510) size 784x18
+ RenderText {TEXT} at (634,3) size 746x36
+ text run at (634,3) width 115: " was not explicitly"
+ text run at (3,21) width 21: "set."
+ RenderBlock {P} at (0,528) size 769x18
RenderText {TEXT} at (0,0) size 621x18
text run at (0,0) width 621: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
- RenderBlock {P} at (0,544) size 784x19
+ RenderBlock {P} at (0,562) size 769x19
RenderInline {A} at (0,0) size 25x18
RenderText {TEXT} at (0,1) size 25x18
text run at (0,1) width 25: "The"
RenderImage {IMG} at (740,0) size 15x15
RenderText {TEXT} at (755,1) size 4x18
text run at (755,1) width 4: "."
- RenderTable {TABLE} at (0,579) size 784x113 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (0,597) size 769x113 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x111
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 772x42 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
- RenderText {TEXT} at (3,3) size 759x36
+ RenderTableCell {TD} at (5,5) size 757x42 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderText {TEXT} at (3,3) size 711x36
text run at (3,3) width 405: "Every cell in this table should have a 2-pixel solid green border. "
- text run at (408,3) width 354: "This is also true of the table-testing section in the second"
- text run at (3,21) width 127: "half of the test page."
+ text run at (408,3) width 306: "This is also true of the table-testing section in the"
+ text run at (3,21) width 175: "second half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,67) size 197x24 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,67) size 194x24 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (3,3) size 53x18
text run at (3,3) width 53: "Cell one"
- RenderTableCell {TD} at (207,52) size 570x54 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,3) size 564x18
+ RenderTableCell {TD} at (204,52) size 558x54 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,3) size 552x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (3,21) size 163x30 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 157x24 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {TEXT} at (3,3) size 151x18
text run at (3,3) width 151: "Nested single-cell table!"
- RenderBlock {P} at (0,708) size 784x18
+ RenderBlock {P} at (0,726) size 769x18
RenderText {TEXT} at (0,0) size 175x18
text run at (0,0) width 175: "This is an unstyled element."
- RenderTable {TABLE} at (0,742) size 784x620 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (0,760) size 769x620 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x618
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (5,5) size 163x18
text run at (5,5) width 163: "TABLE Testing Section"
RenderTableCell {TD} at (0,309) size 14x28 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (5,5) size 4x18
text run at (5,5) width 4: " "
- RenderTableCell {TD} at (14,28) size 768x590 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (5,5) size 758x36
- RenderText {TEXT} at (0,0) size 748x36
+ RenderTableCell {TD} at (14,28) size 753x590 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (5,5) size 743x36
+ RenderText {TEXT} at (0,0) size 700x36
text run at (0,0) width 627: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
- text run at (627,0) width 121: "This border applies"
- text run at (0,18) width 317: "only to the cells, not the rows which contain them."
- RenderBlock {P} at (5,57) size 758x24 [border: (3px solid #000000)]
+ text run at (627,0) width 73: "This border"
+ text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (5,57) size 743x24 [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 483x18
text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
- RenderBlock {P} at (5,97) size 758x20 [border: (1px ridge #800000)]
+ RenderBlock {P} at (5,97) size 743x20 [border: (1px ridge #800000)]
RenderText {TEXT} at (1,1) size 480x18
text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
- RenderBlock {P} at (5,133) size 758x38 [border: (10px outset #008080)]
+ RenderBlock {P} at (5,133) size 743x38 [border: (10px outset #008080)]
RenderText {TEXT} at (10,10) size 518x18
text run at (10,10) width 518: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
- RenderBlock {P} at (5,187) size 758x38 [border: (10px inset #808000)]
+ RenderBlock {P} at (5,187) size 743x38 [border: (10px inset #808000)]
RenderText {TEXT} at (10,10) size 519x18
text run at (10,10) width 519: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
- RenderBlock {P} at (5,241) size 758x36
+ RenderBlock {P} at (5,241) size 743x36
RenderText {TEXT} at (0,0) size 348x18
text run at (0,0) width 348: "This paragraph should have no border around it, as the "
RenderInline {TT} at (0,0) size 96x15
RenderText {TEXT} at (444,0) size 732x36
text run at (444,0) width 288: " was not set, and it should not be offset in any"
text run at (0,18) width 31: "way."
- RenderBlock {P} at (5,293) size 758x42 [border: (3px double #800000)]
+ RenderBlock {P} at (5,293) size 743x42 [border: (3px double #800000)]
RenderText {TEXT} at (3,3) size 535x18
text run at (3,3) width 535: "This paragraph should have a medium maroon double border around it, even though "
RenderInline {CODE} at (0,0) size 96x15
RenderText {TEXT} at (538,5) size 96x15
text run at (538,5) width 96: "border-width"
- RenderText {TEXT} at (634,3) size 746x36
- text run at (634,3) width 115: " was not explicitly"
- text run at (3,21) width 21: "set."
- RenderBlock {P} at (5,351) size 758x18
+ RenderText {TEXT} at (634,3) size 684x36
+ text run at (634,3) width 53: " was not"
+ text run at (3,21) width 83: "explicitly set."
+ RenderBlock {P} at (5,351) size 743x18
RenderText {TEXT} at (0,0) size 621x18
text run at (0,0) width 621: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
- RenderBlock {P} at (5,385) size 758x37
+ RenderBlock {P} at (5,385) size 743x37
RenderInline {A} at (0,0) size 25x18
- RenderText {TEXT} at (0,1) size 25x18
- text run at (0,1) width 25: "The"
- RenderText {TEXT} at (25,1) size 715x18
- text run at (25,1) width 715: " following image is also an anchor which points to a target on this page, but it should not have a border around it: "
+ RenderText {TEXT} at (0,0) size 25x18
+ text run at (0,0) width 25: "The"
+ RenderText {TEXT} at (25,0) size 715x18
+ text run at (25,0) width 715: " following image is also an anchor which points to a target on this page, but it should not have a border around it: "
RenderInline {A} at (0,0) size 15x18 [color=#0000FF]
- RenderImage {IMG} at (740,0) size 15x15
- RenderText {TEXT} at (0,19) size 4x18
- text run at (0,19) width 4: "."
- RenderTable {TABLE} at (5,438) size 758x113 [border: (1px outset #808080)]
+ RenderImage {IMG} at (0,18) size 15x15
+ RenderText {TEXT} at (15,19) size 4x18
+ text run at (15,19) width 4: "."
+ RenderTable {TABLE} at (5,438) size 743x113 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x111
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 746x42 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (5,5) size 731x42 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderText {TEXT} at (3,3) size 711x36
text run at (3,3) width 405: "Every cell in this table should have a 2-pixel solid green border. "
text run at (408,3) width 306: "This is also true of the table-testing section in the"
text run at (3,21) width 175: "second half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,67) size 191x24 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,67) size 187x24 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (3,3) size 53x18
text run at (3,3) width 53: "Cell one"
- RenderTableCell {TD} at (201,52) size 550x54 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,3) size 544x18
+ RenderTableCell {TD} at (197,52) size 539x54 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,3) size 533x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (3,21) size 163x30 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 157x24 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {TEXT} at (3,3) size 151x18
text run at (3,3) width 151: "Nested single-cell table!"
- RenderBlock {P} at (5,567) size 758x18
+ RenderBlock {P} at (5,567) size 743x18
RenderText {TEXT} at (0,0) size 175x18
text run at (0,0) width 175: "This is an unstyled element."
-layer at (0,0) size 800x995
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x995
- RenderBlock {HTML} at (0,0) size 800x995
- RenderBody {BODY} at (8,8) size 784x979 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x995
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x995
+ RenderBlock {HTML} at (0,0) size 785x995
+ RenderBody {BODY} at (8,8) size 769x979 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x60
+ RenderBlock {PRE} at (0,34) size 769x60
RenderText {TEXT} at (0,0) size 344x60
text run at (0,0) width 328: ".one {border-bottom: purple double 10px;}"
text run at (0,15) width 320: ".two {border-bottom: purple thin solid;}"
text run at (0,30) width 344: ".three {border-bottom: black medium solid;}"
text run at (0,45) width 288: "TD {border-bottom: green 2px solid;}"
- RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,125) size 784x36
- RenderText {TEXT} at (0,0) size 779x36
+ RenderBlock {HR} at (0,107) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,125) size 769x36
+ RenderText {TEXT} at (0,0) size 731x36
text run at (0,0) width 658: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
- text run at (658,0) width 121: "This border applies"
- text run at (0,18) width 317: "only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,177) size 784x28 [border: (10px double #800080) none]
+ text run at (658,0) width 73: "This border"
+ text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (0,177) size 769x28 [border: (10px double #800080) none]
RenderText {TEXT} at (0,0) size 438x18
text run at (0,0) width 438: "This paragraph should have a purple, double, 10-pixel bottom border."
- RenderBlock {P} at (0,221) size 784x19 [border: (1px solid #800080) none]
+ RenderBlock {P} at (0,221) size 769x19 [border: (1px solid #800080) none]
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
- RenderTable {TABLE} at (0,256) size 784x110 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (0,256) size 769x110 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x108
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 772x41 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderText {TEXT} at (2,2) size 759x36
+ RenderTableCell {TD} at (5,5) size 757x41 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {TEXT} at (2,2) size 736x36
text run at (2,2) width 453: "Every cell in this table should have a 2-pixel solid green bottom border. "
- text run at (455,2) width 306: "This is also true of the table-testing section in the"
- text run at (2,20) width 175: "second half of the test page."
+ text run at (455,2) width 283: "This is also true of the table-testing section in"
+ text run at (2,20) width 198: "the second half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,65) size 196x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,65) size 192x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (2,2) size 53x18
text run at (2,2) width 53: "Cell one"
- RenderTableCell {TD} at (206,51) size 571x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 567x18
+ RenderTableCell {TD} at (202,51) size 560x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 556x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (2,20) size 161x29 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 155x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {TEXT} at (2,2) size 151x18
text run at (2,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (0,382) size 784x135
- RenderListItem {LI} at (40,0) size 744x75 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 744x18
+ RenderBlock {UL} at (0,382) size 769x135
+ RenderListItem {LI} at (40,0) size 729x75 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 729x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 118x18
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,18) size 744x54
- RenderListItem {LI} at (40,0) size 704x18
+ RenderBlock {UL} at (0,18) size 729x54
+ RenderListItem {LI} at (40,0) size 689x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 73x18
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,18) size 704x18
+ RenderListItem {LI} at (40,18) size 689x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 115x18
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,36) size 704x18
+ RenderListItem {LI} at (40,36) size 689x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 176x18
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,75) size 744x21 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,75) size 729x21 [border: (3px solid #000000) none]
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 158x18
text run at (0,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,96) size 744x39 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,96) size 729x39 [border: (3px solid #000000) none]
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 734x36
- text run at (0,0) width 734: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means that it"
- text run at (0,18) width 92: "should appear "
+ RenderText {TEXT} at (0,0) size 722x36
+ text run at (0,0) width 722: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means that"
+ text run at (0,18) width 104: "it should appear "
RenderInline {EM} at (0,0) size 50x18
- RenderText {TEXT} at (92,18) size 50x18
- text run at (92,18) width 50: "beneath"
- RenderText {TEXT} at (142,18) size 390x18
- text run at (142,18) width 390: " the nested list (below the line \"...nested within the list item.\")."
- RenderTable {TABLE} at (0,533) size 784x446 [border: (1px outset #808080)]
+ RenderText {TEXT} at (104,18) size 50x18
+ text run at (104,18) width 50: "beneath"
+ RenderText {TEXT} at (154,18) size 390x18
+ text run at (154,18) width 390: " the nested list (below the line \"...nested within the list item.\")."
+ RenderTable {TABLE} at (0,533) size 769x446 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x444
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 767x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableCell {TD} at (0,222) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 770x417 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x36
+ RenderTableCell {TD} at (12,27) size 755x417 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 747x36
RenderText {TEXT} at (0,0) size 731x36
text run at (0,0) width 658: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
text run at (658,0) width 73: "This border"
text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (4,56) size 762x28 [border: (10px double #800080) none]
+ RenderBlock {P} at (4,56) size 747x28 [border: (10px double #800080) none]
RenderText {TEXT} at (0,0) size 438x18
text run at (0,0) width 438: "This paragraph should have a purple, double, 10-pixel bottom border."
- RenderBlock {P} at (4,100) size 762x19 [border: (1px solid #800080) none]
+ RenderBlock {P} at (4,100) size 747x19 [border: (1px solid #800080) none]
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
- RenderTable {TABLE} at (4,135) size 762x110 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (4,135) size 747x110 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x108
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 750x41 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderText {TEXT} at (2,2) size 736x36
+ RenderTableCell {TD} at (5,5) size 735x41 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {TEXT} at (2,2) size 720x36
text run at (2,2) width 453: "Every cell in this table should have a 2-pixel solid green bottom border. "
- text run at (455,2) width 283: "This is also true of the table-testing section in"
- text run at (2,20) width 198: "the second half of the test page."
+ text run at (455,2) width 267: "This is also true of the table-testing section"
+ text run at (2,20) width 214: "in the second half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,65) size 190x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,65) size 186x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (2,2) size 53x18
text run at (2,2) width 53: "Cell one"
- RenderTableCell {TD} at (200,51) size 555x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 551x18
+ RenderTableCell {TD} at (196,51) size 544x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 540x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (2,20) size 161x29 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 155x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {TEXT} at (2,2) size 151x18
text run at (2,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (4,261) size 762x135
- RenderListItem {LI} at (40,0) size 722x75 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 722x18
+ RenderBlock {UL} at (4,261) size 747x135
+ RenderListItem {LI} at (40,0) size 707x75 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 707x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 118x18
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,18) size 722x54
- RenderListItem {LI} at (40,0) size 682x18
+ RenderBlock {UL} at (0,18) size 707x54
+ RenderListItem {LI} at (40,0) size 667x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 73x18
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,18) size 682x18
+ RenderListItem {LI} at (40,18) size 667x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 115x18
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,36) size 682x18
+ RenderListItem {LI} at (40,36) size 667x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 176x18
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,75) size 722x21 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,75) size 707x21 [border: (3px solid #000000) none]
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 158x18
text run at (0,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,96) size 722x39 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,96) size 707x39 [border: (3px solid #000000) none]
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 722x36
- text run at (0,0) width 722: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means that"
- text run at (0,18) width 104: "it should appear "
+ RenderText {TEXT} at (0,0) size 695x36
+ text run at (0,0) width 695: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means"
+ text run at (0,18) width 131: "that it should appear "
RenderInline {EM} at (0,0) size 50x18
- RenderText {TEXT} at (104,18) size 50x18
- text run at (104,18) width 50: "beneath"
- RenderText {TEXT} at (154,18) size 390x18
- text run at (154,18) width 390: " the nested list (below the line \"...nested within the list item.\")."
+ RenderText {TEXT} at (131,18) size 50x18
+ text run at (131,18) width 50: "beneath"
+ RenderText {TEXT} at (181,18) size 390x18
+ text run at (181,18) width 390: " the nested list (below the line \"...nested within the list item.\")."
-layer at (0,0) size 800x877
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x877
- RenderBlock {HTML} at (0,0) size 800x877
- RenderBody {BODY} at (8,8) size 784x861 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x877
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x877
+ RenderBlock {HTML} at (0,0) size 785x877
+ RenderBody {BODY} at (8,8) size 769x861 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x90
+ RenderBlock {PRE} at (0,34) size 769x90
RenderText {TEXT} at (0,0) size 464x90
text run at (0,0) width 456: ".zero {background-color: silver; border-bottom-width: 0;}"
text run at (0,15) width 432: ".one {border-bottom-width: 50px; border-style: solid;}"
text run at (0,45) width 464: ".three {border-bottom-width: medium; border-style: solid;}"
text run at (0,60) width 440: ".four {border-bottom-width: thin; border-style: solid;}"
text run at (0,75) width 272: ".five {border-bottom-width: 25px;}"
- RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,155) size 784x18
+ RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,155) size 769x18
RenderText {TEXT} at (0,0) size 157x18
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,2) width 96: "border-style"
RenderText {TEXT} at (253,0) size 89x18
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,189) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,223) size 784x71 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,223) size 769x71 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 387x18
text run at (3,3) width 387: "This element should have a bottom border width of 50 pixels."
- RenderBlock {P} at (0,310) size 784x26 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,310) size 769x26 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 344x18
text run at (3,3) width 344: "This element should have a thick bottom border width."
- RenderBlock {P} at (0,352) size 784x24 [border: (3px solid #000000)]
+ RenderBlock {P} at (0,352) size 769x24 [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 364x18
text run at (3,3) width 364: "This element should have a medium bottom border width."
- RenderBlock {P} at (0,392) size 784x22 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,392) size 769x22 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 337x18
text run at (3,3) width 337: "This element should have a thin bottom border width."
- RenderBlock {P} at (0,430) size 784x18
+ RenderBlock {P} at (0,430) size 769x18
RenderText {TEXT} at (0,0) size 537x18
text run at (0,0) width 537: "This element should have no border and no extra \"padding\" on its bottom side, as no "
RenderInline {CODE} at (0,0) size 96x15
text run at (537,2) width 96: "border-style"
RenderText {TEXT} at (633,0) size 54x18
text run at (633,0) width 54: " was set."
- RenderBlock {P} at (0,464) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,464) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
RenderTable {TABLE} at (0,498) size 709x363 [border: (1px outset #808080)]
-layer at (0,0) size 800x1028
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x1028
- RenderBlock {HTML} at (0,0) size 800x1028
- RenderBody {BODY} at (8,8) size 784x1012 [bgcolor=#CCCCCC]
- RenderBlock {P} at (20,0) size 764x18
+layer at (0,0) size 785x1028
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x1028
+ RenderBlock {HTML} at (0,0) size 785x1028
+ RenderBody {BODY} at (8,8) size 769x1012 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (20,0) size 749x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x105
+ RenderBlock {PRE} at (0,34) size 769x105
RenderText {TEXT} at (0,0) size 344x105
text run at (0,0) width 176: "P {margin-left: 20px;}"
text run at (0,15) width 312: ".one {border-left: purple double 10px;}"
text run at (0,60) width 344: ".threeb {border-left: purple medium solid;}"
text run at (0,75) width 328: ".threec {border-left: blue medium solid;}"
text run at (0,90) width 272: "TD {border-left: green 2px solid;}"
- RenderBlock {HR} at (0,152) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (20,170) size 764x36
- RenderText {TEXT} at (0,0) size 755x36
+ RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (20,170) size 749x36
+ RenderText {TEXT} at (0,0) size 707x36
text run at (0,0) width 634: "Note that all table cells on this page should have a two-pixel solid green border along their left sides. "
- text run at (634,0) width 121: "This border applies"
- text run at (0,18) width 317: "only to the cells, not the rows which contain them."
- RenderBlock {P} at (20,222) size 764x18 [border: (10px double #800080)]
+ text run at (634,0) width 73: "This border"
+ text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (20,222) size 749x18 [border: (10px double #800080)]
RenderText {TEXT} at (10,0) size 414x18
text run at (10,0) width 414: "This paragraph should have a purple, double, 10-pixel left border."
- RenderBlock {P} at (20,256) size 764x18 [border: (1px solid #800080)]
+ RenderBlock {P} at (20,256) size 749x18 [border: (1px solid #800080)]
RenderText {TEXT} at (1,0) size 331x18
text run at (1,0) width 331: "This paragraph should have a thin purple left border."
- RenderTable {TABLE} at (0,290) size 784x107 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (0,290) size 769x107 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x105
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 772x40 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (5,5) size 757x40 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderText {TEXT} at (3,2) size 735x36
text run at (3,2) width 429: "Every cell in this table should have a 2-pixel solid green left border. "
text run at (432,2) width 306: "This is also true of the table-testing section in the"
text run at (3,20) width 175: "second half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,64) size 197x22 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,64) size 193x22 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (3,2) size 53x18
text run at (3,2) width 53: "Cell one"
- RenderTableCell {TD} at (207,50) size 570x50 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,2) size 565x18
+ RenderTableCell {TD} at (203,50) size 559x50 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,2) size 554x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (3,20) size 162x28 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 156x22 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {TEXT} at (3,2) size 151x18
text run at (3,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (0,413) size 784x144
- RenderListItem {LI} at (40,0) size 744x72 [border: (3px solid #000000)]
- RenderBlock (anonymous) at (3,0) size 741x18
+ RenderBlock {UL} at (0,413) size 769x144
+ RenderListItem {LI} at (40,0) size 729x72 [border: (3px solid #000000)]
+ RenderBlock (anonymous) at (3,0) size 726x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 118x18
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (3,18) size 741x54
- RenderListItem {LI} at (40,0) size 701x18
+ RenderBlock {UL} at (3,18) size 726x54
+ RenderListItem {LI} at (40,0) size 686x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 73x18
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,18) size 701x18
+ RenderListItem {LI} at (40,18) size 686x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 115x18
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,36) size 701x18
+ RenderListItem {LI} at (40,36) size 686x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 176x18
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,72) size 744x18 [border: (3px solid #800080)]
+ RenderListItem {LI} at (40,72) size 729x18 [border: (3px solid #800080)]
RenderListMarker at (3,0) size 0x14
RenderText {TEXT} at (3,0) size 158x18
text run at (3,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,90) size 744x54 [border: (3px solid #0000FF)]
+ RenderListItem {LI} at (40,90) size 729x54 [border: (3px solid #0000FF)]
RenderListMarker at (3,0) size 0x14
RenderText {TEXT} at (3,0) size 720x54
text run at (3,0) width 695: "Each list item in this 'parent' list should have a medium-width border along its left side, in each of three colors. "
text run at (698,0) width 25: "The"
text run at (3,18) width 719: "first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested within"
text run at (3,36) width 490: "the list item.\"), even though the nested list does not have any border styles set."
- RenderTable {TABLE} at (0,573) size 784x439 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (0,573) size 769x439 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x437
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (5,4) size 163x18
text run at (5,4) width 163: "TABLE Testing Section"
RenderTableCell {TD} at (0,218) size 13x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (5,4) size 4x18
text run at (5,4) width 4: " "
- RenderTableCell {TD} at (13,26) size 769x411 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (25,4) size 740x36
+ RenderTableCell {TD} at (13,26) size 754x411 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (25,4) size 725x36
RenderText {TEXT} at (0,0) size 707x36
text run at (0,0) width 634: "Note that all table cells on this page should have a two-pixel solid green border along their left sides. "
text run at (634,0) width 73: "This border"
text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (25,56) size 740x18 [border: (10px double #800080)]
+ RenderBlock {P} at (25,56) size 725x18 [border: (10px double #800080)]
RenderText {TEXT} at (10,0) size 414x18
text run at (10,0) width 414: "This paragraph should have a purple, double, 10-pixel left border."
- RenderBlock {P} at (25,90) size 740x18 [border: (1px solid #800080)]
+ RenderBlock {P} at (25,90) size 725x18 [border: (1px solid #800080)]
RenderText {TEXT} at (1,0) size 331x18
text run at (1,0) width 331: "This paragraph should have a thin purple left border."
- RenderTable {TABLE} at (5,124) size 760x107 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (5,124) size 745x107 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x105
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 748x40 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
- RenderText {TEXT} at (3,2) size 735x36
+ RenderTableCell {TD} at (5,5) size 733x40 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderText {TEXT} at (3,2) size 712x36
text run at (3,2) width 429: "Every cell in this table should have a 2-pixel solid green left border. "
- text run at (432,2) width 306: "This is also true of the table-testing section in the"
- text run at (3,20) width 175: "second half of the test page."
+ text run at (432,2) width 283: "This is also true of the table-testing section in"
+ text run at (3,20) width 198: "the second half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,64) size 191x22 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,64) size 187x22 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (3,2) size 53x18
text run at (3,2) width 53: "Cell one"
- RenderTableCell {TD} at (201,50) size 552x50 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,2) size 547x18
+ RenderTableCell {TD} at (197,50) size 541x50 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,2) size 536x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (3,20) size 162x28 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 156x22 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {TEXT} at (3,2) size 151x18
text run at (3,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (5,247) size 760x144
- RenderListItem {LI} at (40,0) size 720x72 [border: (3px solid #000000)]
- RenderBlock (anonymous) at (3,0) size 717x18
+ RenderBlock {UL} at (5,247) size 745x144
+ RenderListItem {LI} at (40,0) size 705x72 [border: (3px solid #000000)]
+ RenderBlock (anonymous) at (3,0) size 702x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 118x18
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (3,18) size 717x54
- RenderListItem {LI} at (40,0) size 677x18
+ RenderBlock {UL} at (3,18) size 702x54
+ RenderListItem {LI} at (40,0) size 662x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 73x18
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,18) size 677x18
+ RenderListItem {LI} at (40,18) size 662x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 115x18
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,36) size 677x18
+ RenderListItem {LI} at (40,36) size 662x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 176x18
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,72) size 720x18 [border: (3px solid #800080)]
+ RenderListItem {LI} at (40,72) size 705x18 [border: (3px solid #800080)]
RenderListMarker at (3,0) size 0x14
RenderText {TEXT} at (3,0) size 158x18
text run at (3,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,90) size 720x54 [border: (3px solid #0000FF)]
+ RenderListItem {LI} at (40,90) size 705x54 [border: (3px solid #0000FF)]
RenderListMarker at (3,0) size 0x14
- RenderText {TEXT} at (3,0) size 704x54
+ RenderText {TEXT} at (3,0) size 691x54
text run at (3,0) width 691: "Each list item in this 'parent' list should have a medium-width border along its left side, in each of three colors."
- text run at (3,18) width 704: "The first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested"
- text run at (3,36) width 534: "within the list item.\"), even though the nested list does not have any border styles set."
+ text run at (3,18) width 641: "The first item's border should travel the entire height the nested list (to end near the baseline of the line"
+ text run at (3,36) width 597: "\"...nested within the list item.\"), even though the nested list does not have any border styles set."
-layer at (0,0) size 800x805
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x805
- RenderBlock {HTML} at (0,0) size 800x805
- RenderBody {BODY} at (8,8) size 784x789 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x823
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x823
+ RenderBlock {HTML} at (0,0) size 785x823
+ RenderBody {BODY} at (8,8) size 769x807 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x90
+ RenderBlock {PRE} at (0,34) size 769x90
RenderText {TEXT} at (0,0) size 448x90
text run at (0,0) width 440: ".zero {background-color: silver; border-left-width: 0;}"
text run at (0,15) width 416: ".one {border-left-width: 50px; border-style: solid;}"
text run at (0,45) width 448: ".three {border-left-width: medium; border-style: solid;}"
text run at (0,60) width 424: ".four {border-left-width: thin; border-style: solid;}"
text run at (0,75) width 256: ".five {border-left-width: 25px;}"
- RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,155) size 784x18
+ RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,155) size 769x18
RenderText {TEXT} at (0,0) size 157x18
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,2) width 96: "border-style"
RenderText {TEXT} at (253,0) size 89x18
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,189) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,223) size 784x42 [border: (3px solid #000000) (50px solid #000000)]
+ RenderBlock {P} at (0,223) size 769x42 [border: (3px solid #000000) (50px solid #000000)]
RenderText {TEXT} at (50,3) size 713x36
text run at (50,3) width 713: "This element should have a left border width of 50 pixels, which will be more obvious if the element is more than"
text run at (50,21) width 86: "one line long."
- RenderBlock {P} at (0,281) size 784x24 [border: (3px solid #000000) (5px solid #000000)]
+ RenderBlock {P} at (0,281) size 769x24 [border: (3px solid #000000) (5px solid #000000)]
RenderText {TEXT} at (5,3) size 760x18
text run at (5,3) width 760: "This element should have a thick left border width, which will be more obvious if the element is more than one line long."
- RenderBlock {P} at (0,321) size 784x42 [border: (3px solid #000000)]
+ RenderBlock {P} at (0,321) size 769x42 [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 744x36
text run at (3,3) width 744: "This element should have a medium left border width, which will be more obvious if the element is more than one line"
text run at (3,21) width 32: "long."
- RenderBlock {P} at (0,379) size 784x24 [border: (3px solid #000000) (1px solid #000000)]
+ RenderBlock {P} at (0,379) size 769x24 [border: (3px solid #000000) (1px solid #000000)]
RenderText {TEXT} at (1,3) size 753x18
text run at (1,3) width 753: "This element should have a thin left border width, which will be more obvious if the element is more than one line long."
- RenderBlock {P} at (0,419) size 784x18
+ RenderBlock {P} at (0,419) size 769x18
RenderText {TEXT} at (0,0) size 513x18
text run at (0,0) width 513: "This element should have no border and no extra \"padding\" on its left side, as no "
RenderInline {CODE} at (0,0) size 96x15
text run at (513,2) width 96: "border-style"
RenderText {TEXT} at (609,0) size 54x18
text run at (609,0) width 54: " was set."
- RenderTable {TABLE} at (0,453) size 784x336 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 0x334
+ RenderTable {TABLE} at (0,453) size 769x354 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 0x352
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,167) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,176) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x308 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x18
+ RenderTableCell {TD} at (12,26) size 755x326 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 747x18
RenderText {TEXT} at (0,0) size 157x18
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,2) width 96: "border-style"
RenderText {TEXT} at (253,0) size 89x18
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (4,38) size 762x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,38) size 747x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,72) size 762x42 [border: (3px solid #000000) (50px solid #000000)]
+ RenderBlock {P} at (4,72) size 747x42 [border: (3px solid #000000) (50px solid #000000)]
RenderText {TEXT} at (50,3) size 682x36
text run at (50,3) width 682: "This element should have a left border width of 50 pixels, which will be more obvious if the element is more"
text run at (50,21) width 117: "than one line long."
- RenderBlock {P} at (4,130) size 762x42 [border: (3px solid #000000) (5px solid #000000)]
+ RenderBlock {P} at (4,130) size 747x42 [border: (3px solid #000000) (5px solid #000000)]
RenderText {TEXT} at (5,3) size 724x36
text run at (5,3) width 724: "This element should have a thick left border width, which will be more obvious if the element is more than one line"
text run at (5,21) width 32: "long."
- RenderBlock {P} at (4,188) size 762x42 [border: (3px solid #000000)]
- RenderText {TEXT} at (3,3) size 744x36
- text run at (3,3) width 744: "This element should have a medium left border width, which will be more obvious if the element is more than one line"
- text run at (3,21) width 32: "long."
- RenderBlock {P} at (4,246) size 762x24 [border: (3px solid #000000) (1px solid #000000)]
- RenderText {TEXT} at (1,3) size 753x18
- text run at (1,3) width 753: "This element should have a thin left border width, which will be more obvious if the element is more than one line long."
- RenderBlock {P} at (4,286) size 762x18
+ RenderBlock {P} at (4,188) size 747x42 [border: (3px solid #000000)]
+ RenderText {TEXT} at (3,3) size 717x36
+ text run at (3,3) width 717: "This element should have a medium left border width, which will be more obvious if the element is more than one"
+ text run at (3,21) width 59: "line long."
+ RenderBlock {P} at (4,246) size 747x42 [border: (3px solid #000000) (1px solid #000000)]
+ RenderText {TEXT} at (1,3) size 717x36
+ text run at (1,3) width 717: "This element should have a thin left border width, which will be more obvious if the element is more than one line"
+ text run at (1,21) width 32: "long."
+ RenderBlock {P} at (4,304) size 747x18
RenderText {TEXT} at (0,0) size 513x18
text run at (0,0) width 513: "This element should have no border and no extra \"padding\" on its left side, as no "
RenderInline {CODE} at (0,0) size 96x15
-layer at (0,0) size 800x1064
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x1064
- RenderBlock {HTML} at (0,0) size 800x1064
- RenderBody {BODY} at (8,8) size 784x1048 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 764x18
+layer at (0,0) size 785x1082
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x1082
+ RenderBlock {HTML} at (0,0) size 785x1082
+ RenderBody {BODY} at (8,8) size 769x1066 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 749x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x105
+ RenderBlock {PRE} at (0,34) size 769x105
RenderText {TEXT} at (0,0) size 352x105
text run at (0,0) width 184: "P {margin-right: 20px;}"
text run at (0,15) width 320: ".one {border-right: purple double 10px;}"
text run at (0,60) width 352: ".threeb {border-right: purple medium solid;}"
text run at (0,75) width 336: ".threec {border-right: blue medium solid;}"
text run at (0,90) width 280: "TD {border-right: green 2px solid;}"
- RenderBlock {HR} at (0,152) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,170) size 764x36
- RenderText {TEXT} at (0,0) size 764x36
+ RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,170) size 749x36
+ RenderText {TEXT} at (0,0) size 716x36
text run at (0,0) width 643: "Note that all table cells on this page should have a two-pixel solid green border along their right sides. "
- text run at (643,0) width 121: "This border applies"
- text run at (0,18) width 317: "only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,222) size 764x18 [border: (10px double #800080) none]
+ text run at (643,0) width 73: "This border"
+ text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (0,222) size 749x18 [border: (10px double #800080) none]
RenderText {TEXT} at (0,0) size 423x18
text run at (0,0) width 423: "This paragraph should have a purple, double, 10-pixel right border."
- RenderBlock {P} at (0,256) size 764x18 [border: (1px solid #800080) none]
+ RenderBlock {P} at (0,256) size 749x18 [border: (1px solid #800080) none]
RenderText {TEXT} at (0,0) size 340x18
text run at (0,0) width 340: "This paragraph should have a thin purple right border."
- RenderTable {TABLE} at (0,290) size 784x107 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (0,290) size 769x107 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x105
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 772x40 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (5,5) size 757x40 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {TEXT} at (2,2) size 744x36
text run at (2,2) width 438: "Every cell in this table should have a 2-pixel solid green right border. "
text run at (440,2) width 306: "This is also true of the table-testing section in the"
text run at (2,20) width 175: "second half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,64) size 196x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,64) size 193x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (2,2) size 53x18
text run at (2,2) width 53: "Cell one"
- RenderTableCell {TD} at (206,50) size 571x50 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 566x18
+ RenderTableCell {TD} at (203,50) size 559x50 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 554x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (2,20) size 162x28 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 156x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {TEXT} at (2,2) size 151x18
text run at (2,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (0,413) size 784x162
- RenderListItem {LI} at (40,0) size 744x72 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 741x18
+ RenderBlock {UL} at (0,413) size 769x162
+ RenderListItem {LI} at (40,0) size 729x72 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 726x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 118x18
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,18) size 741x54
- RenderListItem {LI} at (40,0) size 701x18
+ RenderBlock {UL} at (0,18) size 726x54
+ RenderListItem {LI} at (40,0) size 686x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 73x18
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,18) size 701x18
+ RenderListItem {LI} at (40,18) size 686x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 115x18
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,36) size 701x18
+ RenderListItem {LI} at (40,36) size 686x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 176x18
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,72) size 744x18 [border: (3px solid #800080) none]
+ RenderListItem {LI} at (40,72) size 729x18 [border: (3px solid #800080) none]
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 158x18
text run at (0,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,90) size 744x72 [border: (3px solid #0000FF) none]
+ RenderListItem {LI} at (40,90) size 729x72 [border: (3px solid #0000FF) none]
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 733x72
- text run at (0,0) width 704: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three colors. "
- text run at (704,0) width 25: "The"
- text run at (0,18) width 719: "first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested within"
- text run at (0,36) width 494: "the list item.\"), even though the nested list does not have any border styles set. "
- text run at (494,36) width 239: "The borders should line up together at"
- text run at (0,54) width 551: "the right edge of the document's body, as each list element has a default width of 100%."
- RenderTable {TABLE} at (0,591) size 784x457 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 0x455
+ RenderText {TEXT} at (0,0) size 707x72
+ text run at (0,0) width 700: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three colors."
+ text run at (0,18) width 704: "The first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested"
+ text run at (0,36) width 538: "within the list item.\"), even though the nested list does not have any border styles set. "
+ text run at (538,36) width 169: "The borders should line up"
+ text run at (0,54) width 621: "together at the right edge of the document's body, as each list element has a default width of 100%."
+ RenderTable {TABLE} at (0,591) size 769x475 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 0x473
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,227) size 13x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,236) size 13x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (13,26) size 769x429 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 740x36
+ RenderTableCell {TD} at (13,26) size 754x447 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 725x36
RenderText {TEXT} at (0,0) size 716x36
text run at (0,0) width 643: "Note that all table cells on this page should have a two-pixel solid green border along their right sides. "
text run at (643,0) width 73: "This border"
text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (4,56) size 740x18 [border: (10px double #800080) none]
+ RenderBlock {P} at (4,56) size 725x18 [border: (10px double #800080) none]
RenderText {TEXT} at (0,0) size 423x18
text run at (0,0) width 423: "This paragraph should have a purple, double, 10-pixel right border."
- RenderBlock {P} at (4,90) size 740x18 [border: (1px solid #800080) none]
+ RenderBlock {P} at (4,90) size 725x18 [border: (1px solid #800080) none]
RenderText {TEXT} at (0,0) size 340x18
text run at (0,0) width 340: "This paragraph should have a thin purple right border."
- RenderTable {TABLE} at (4,124) size 760x107 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (4,124) size 745x107 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x105
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 748x40 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (5,5) size 733x40 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {TEXT} at (2,2) size 721x36
text run at (2,2) width 438: "Every cell in this table should have a 2-pixel solid green right border. "
text run at (440,2) width 283: "This is also true of the table-testing section in"
text run at (2,20) width 198: "the second half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,64) size 190x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,64) size 186x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (2,2) size 53x18
text run at (2,2) width 53: "Cell one"
- RenderTableCell {TD} at (200,50) size 553x50 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 548x18
+ RenderTableCell {TD} at (196,50) size 542x50 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 537x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (2,20) size 162x28 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 156x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {TEXT} at (2,2) size 151x18
text run at (2,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (4,247) size 760x162
- RenderListItem {LI} at (40,0) size 720x72 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 717x18
+ RenderBlock {UL} at (4,247) size 745x180
+ RenderListItem {LI} at (40,0) size 705x72 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 702x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 118x18
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,18) size 717x54
- RenderListItem {LI} at (40,0) size 677x18
+ RenderBlock {UL} at (0,18) size 702x54
+ RenderListItem {LI} at (40,0) size 662x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 73x18
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,18) size 677x18
+ RenderListItem {LI} at (40,18) size 662x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 115x18
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,36) size 677x18
+ RenderListItem {LI} at (40,36) size 662x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 176x18
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,72) size 720x18 [border: (3px solid #800080) none]
+ RenderListItem {LI} at (40,72) size 705x18 [border: (3px solid #800080) none]
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 158x18
text run at (0,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,90) size 720x72 [border: (3px solid #0000FF) none]
+ RenderListItem {LI} at (40,90) size 705x90 [border: (3px solid #0000FF) none]
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 707x72
+ RenderText {TEXT} at (0,0) size 700x90
text run at (0,0) width 700: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three colors."
- text run at (0,18) width 704: "The first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested"
- text run at (0,36) width 538: "within the list item.\"), even though the nested list does not have any border styles set. "
- text run at (538,36) width 169: "The borders should line up"
- text run at (0,54) width 621: "together at the right edge of the document's body, as each list element has a default width of 100%."
+ text run at (0,18) width 641: "The first item's border should travel the entire height the nested list (to end near the baseline of the line"
+ text run at (0,36) width 601: "\"...nested within the list item.\"), even though the nested list does not have any border styles set. "
+ text run at (601,36) width 76: "The borders"
+ text run at (0,54) width 669: "should line up together at the right edge of the document's body, as each list element has a default width of"
+ text run at (0,72) width 41: "100%."
-layer at (0,0) size 800x823
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x823
- RenderBlock {HTML} at (0,0) size 800x823
- RenderBody {BODY} at (8,8) size 784x807 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x841
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x841
+ RenderBlock {HTML} at (0,0) size 785x841
+ RenderBody {BODY} at (8,8) size 769x825 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x90
+ RenderBlock {PRE} at (0,34) size 769x90
RenderText {TEXT} at (0,0) size 456x90
text run at (0,0) width 448: ".zero {background-color: silver; border-right-width: 0;}"
text run at (0,15) width 424: ".one {border-right-width: 25px; border-style: solid;}"
text run at (0,45) width 456: ".three {border-right-width: medium; border-style: solid;}"
text run at (0,60) width 432: ".four {border-right-width: thin; border-style: solid;}"
text run at (0,75) width 272: ".five {border-right-width: 100px;}"
- RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,155) size 784x18
+ RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,155) size 769x18
RenderText {TEXT} at (0,0) size 157x18
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,2) width 96: "border-style"
RenderText {TEXT} at (253,0) size 89x18
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,189) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,223) size 784x42 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
- RenderText {TEXT} at (3,3) size 749x36
- text run at (3,3) width 749: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more than one"
- text run at (3,21) width 59: "line long."
- RenderBlock {P} at (0,281) size 784x24 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
- RenderText {TEXT} at (3,3) size 769x18
- text run at (3,3) width 769: "This element should have a thick right border width, which will be more obvious if the element is more than one line long."
- RenderBlock {P} at (0,321) size 784x42 [border: (3px solid #000000)]
+ RenderBlock {P} at (0,223) size 769x42 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderText {TEXT} at (3,3) size 722x36
+ text run at (3,3) width 722: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more than"
+ text run at (3,21) width 86: "one line long."
+ RenderBlock {P} at (0,281) size 769x42 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+ RenderText {TEXT} at (3,3) size 733x36
+ text run at (3,3) width 733: "This element should have a thick right border width, which will be more obvious if the element is more than one line"
+ text run at (3,21) width 32: "long."
+ RenderBlock {P} at (0,339) size 769x42 [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 753x36
text run at (3,3) width 753: "This element should have a medium right border width, which will be more obvious if the element is more than one line"
text run at (3,21) width 32: "long."
- RenderBlock {P} at (0,379) size 784x24 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,397) size 769x24 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 762x18
text run at (3,3) width 762: "This element should have a thin right border width, which will be more obvious if the element is more than one line long."
- RenderBlock {P} at (0,419) size 784x18
+ RenderBlock {P} at (0,437) size 769x18
RenderText {TEXT} at (0,0) size 522x18
text run at (0,0) width 522: "This element should have no border and no extra \"padding\" on its right side, as no "
RenderInline {CODE} at (0,0) size 96x15
text run at (522,2) width 96: "border-style"
RenderText {TEXT} at (618,0) size 54x18
text run at (618,0) width 54: " was set."
- RenderTable {TABLE} at (0,453) size 784x354 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (0,471) size 769x354 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x352
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableCell {TD} at (0,176) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x326 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x18
+ RenderTableCell {TD} at (12,26) size 755x326 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 747x18
RenderText {TEXT} at (0,0) size 157x18
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,2) width 96: "border-style"
RenderText {TEXT} at (253,0) size 89x18
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (4,38) size 762x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,38) size 747x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,72) size 762x42 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
- RenderText {TEXT} at (3,3) size 722x36
- text run at (3,3) width 722: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more than"
- text run at (3,21) width 86: "one line long."
- RenderBlock {P} at (4,130) size 762x42 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (4,72) size 747x42 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderText {TEXT} at (3,3) size 691x36
+ text run at (3,3) width 691: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more"
+ text run at (3,21) width 117: "than one line long."
+ RenderBlock {P} at (4,130) size 747x42 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 733x36
text run at (3,3) width 733: "This element should have a thick right border width, which will be more obvious if the element is more than one line"
text run at (3,21) width 32: "long."
- RenderBlock {P} at (4,188) size 762x42 [border: (3px solid #000000)]
- RenderText {TEXT} at (3,3) size 753x36
- text run at (3,3) width 753: "This element should have a medium right border width, which will be more obvious if the element is more than one line"
- text run at (3,21) width 32: "long."
- RenderBlock {P} at (4,246) size 762x42 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (4,188) size 747x42 [border: (3px solid #000000)]
+ RenderText {TEXT} at (3,3) size 726x36
+ text run at (3,3) width 726: "This element should have a medium right border width, which will be more obvious if the element is more than one"
+ text run at (3,21) width 59: "line long."
+ RenderBlock {P} at (4,246) size 747x42 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 726x36
text run at (3,3) width 726: "This element should have a thin right border width, which will be more obvious if the element is more than one line"
text run at (3,21) width 32: "long."
- RenderBlock {P} at (4,304) size 762x18
+ RenderBlock {P} at (4,304) size 747x18
RenderText {TEXT} at (0,0) size 522x18
text run at (0,0) width 522: "This element should have no border and no extra \"padding\" on its right side, as no "
RenderInline {CODE} at (0,0) size 96x15
-layer at (0,0) size 800x1301
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x1301
- RenderBlock {HTML} at (0,0) size 800x1301
- RenderBody {BODY} at (8,8) size 784x1285 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x1301
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x1301
+ RenderBlock {HTML} at (0,0) size 785x1301
+ RenderBody {BODY} at (8,8) size 769x1285 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x180
+ RenderBlock {PRE} at (0,34) size 769x180
RenderText {TEXT} at (0,0) size 632x180
text run at (0,0) width 560: ".one {border-style: dotted; border-color: black; border-width: thick;}"
text run at (0,15) width 560: ".two {border-style: dashed; border-color: black; border-width: thick;}"
text run at (0,135) width 368: ".ten {border-style: double groove ridge inset;"
text run at (0,150) width 368: " border-color: purple; border-width: thick;}"
text run at (0,165) width 552: ".eleven {border-style: none; border-color: red; border-width: thick;}"
- RenderBlock {HR} at (0,227) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,245) size 784x28 [border: (5px dotted #000000)]
+ RenderBlock {HR} at (0,227) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,245) size 769x28 [border: (5px dotted #000000)]
RenderText {TEXT} at (5,5) size 472x18
text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
- RenderBlock {P} at (0,289) size 784x28 [border: (5px dashed #000000)]
+ RenderBlock {P} at (0,289) size 769x28 [border: (5px dashed #000000)]
RenderText {TEXT} at (5,5) size 477x18
text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
- RenderBlock {P} at (0,333) size 784x28 [border: (5px solid #000000)]
+ RenderBlock {P} at (0,333) size 769x28 [border: (5px solid #000000)]
RenderText {TEXT} at (5,5) size 463x18
text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
- RenderBlock {P} at (0,377) size 784x28 [border: (5px double #000000)]
+ RenderBlock {P} at (0,377) size 769x28 [border: (5px double #000000)]
RenderText {TEXT} at (5,5) size 476x18
text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
- RenderBlock {P} at (0,421) size 784x28 [border: (5px groove #808000)]
+ RenderBlock {P} at (0,421) size 769x28 [border: (5px groove #808000)]
RenderText {TEXT} at (5,5) size 474x18
text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
- RenderBlock {P} at (0,465) size 784x28 [border: (5px ridge #808000)]
+ RenderBlock {P} at (0,465) size 769x28 [border: (5px ridge #808000)]
RenderText {TEXT} at (5,5) size 462x18
text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
- RenderBlock {P} at (0,509) size 784x28 [border: (5px inset #808000)]
+ RenderBlock {P} at (0,509) size 769x28 [border: (5px inset #808000)]
RenderText {TEXT} at (5,5) size 459x18
text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
- RenderBlock {P} at (0,553) size 784x28 [border: (5px outset #808000)]
+ RenderBlock {P} at (0,553) size 769x28 [border: (5px outset #808000)]
RenderText {TEXT} at (5,5) size 467x18
text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
- RenderBlock {P} at (0,597) size 784x46 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+ RenderBlock {P} at (0,597) size 769x46 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
RenderText {TEXT} at (5,5) size 744x36
text run at (5,5) width 617: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
text run at (622,5) width 127: "The color of all four"
text run at (5,23) width 204: "sides should be based on purple."
- RenderBlock {P} at (0,659) size 784x46 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
- RenderText {TEXT} at (5,5) size 763x36
+ RenderBlock {P} at (0,659) size 769x46 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
+ RenderText {TEXT} at (5,5) size 727x36
text run at (5,5) width 702: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border. "
- text run at (707,5) width 61: "The color"
- text run at (5,23) width 270: "of all four sides should be based on purple."
- RenderBlock {P} at (0,721) size 784x18
+ text run at (707,5) width 25: "The"
+ text run at (5,23) width 306: "color of all four sides should be based on purple."
+ RenderBlock {P} at (0,721) size 769x18
RenderText {TEXT} at (0,0) size 278x18
text run at (0,0) width 278: "This paragraph should have no border at all."
- RenderTable {TABLE} at (0,755) size 784x530 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (0,755) size 769x530 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x528
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableCell {TD} at (0,264) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x502 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x28 [border: (5px dotted #000000)]
+ RenderTableCell {TD} at (12,26) size 755x502 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 747x28 [border: (5px dotted #000000)]
RenderText {TEXT} at (5,5) size 472x18
text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
- RenderBlock {P} at (4,48) size 762x28 [border: (5px dashed #000000)]
+ RenderBlock {P} at (4,48) size 747x28 [border: (5px dashed #000000)]
RenderText {TEXT} at (5,5) size 477x18
text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
- RenderBlock {P} at (4,92) size 762x28 [border: (5px solid #000000)]
+ RenderBlock {P} at (4,92) size 747x28 [border: (5px solid #000000)]
RenderText {TEXT} at (5,5) size 463x18
text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
- RenderBlock {P} at (4,136) size 762x28 [border: (5px double #000000)]
+ RenderBlock {P} at (4,136) size 747x28 [border: (5px double #000000)]
RenderText {TEXT} at (5,5) size 476x18
text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
- RenderBlock {P} at (4,180) size 762x28 [border: (5px groove #808000)]
+ RenderBlock {P} at (4,180) size 747x28 [border: (5px groove #808000)]
RenderText {TEXT} at (5,5) size 474x18
text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
- RenderBlock {P} at (4,224) size 762x28 [border: (5px ridge #808000)]
+ RenderBlock {P} at (4,224) size 747x28 [border: (5px ridge #808000)]
RenderText {TEXT} at (5,5) size 462x18
text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
- RenderBlock {P} at (4,268) size 762x28 [border: (5px inset #808000)]
+ RenderBlock {P} at (4,268) size 747x28 [border: (5px inset #808000)]
RenderText {TEXT} at (5,5) size 459x18
text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
- RenderBlock {P} at (4,312) size 762x28 [border: (5px outset #808000)]
+ RenderBlock {P} at (4,312) size 747x28 [border: (5px outset #808000)]
RenderText {TEXT} at (5,5) size 467x18
text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
- RenderBlock {P} at (4,356) size 762x46 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
- RenderText {TEXT} at (5,5) size 744x36
+ RenderBlock {P} at (4,356) size 747x46 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+ RenderText {TEXT} at (5,5) size 714x36
text run at (5,5) width 617: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
- text run at (622,5) width 127: "The color of all four"
- text run at (5,23) width 204: "sides should be based on purple."
- RenderBlock {P} at (4,418) size 762x46 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
+ text run at (622,5) width 97: "The color of all"
+ text run at (5,23) width 234: "four sides should be based on purple."
+ RenderBlock {P} at (4,418) size 747x46 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
RenderText {TEXT} at (5,5) size 727x36
text run at (5,5) width 702: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border. "
text run at (707,5) width 25: "The"
text run at (5,23) width 306: "color of all four sides should be based on purple."
- RenderBlock {P} at (4,480) size 762x18
+ RenderBlock {P} at (4,480) size 747x18
RenderText {TEXT} at (0,0) size 278x18
text run at (0,0) width 278: "This paragraph should have no border at all."
-layer at (0,0) size 800x959
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x959
- RenderBlock {HTML} at (0,0) size 800x959
- RenderBody {BODY} at (8,8) size 784x943 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x959
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x959
+ RenderBlock {HTML} at (0,0) size 785x959
+ RenderBody {BODY} at (8,8) size 769x943 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x60
+ RenderBlock {PRE} at (0,34) size 769x60
RenderText {TEXT} at (0,0) size 320x60
text run at (0,0) width 304: ".one {border-top: purple double 10px;}"
text run at (0,15) width 296: ".two {border-top: purple thin solid;}"
text run at (0,30) width 320: ".three {border-top: black medium solid;}"
text run at (0,45) width 264: "TD {border-top: green 2px solid;}"
- RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,125) size 784x36
+ RenderBlock {HR} at (0,107) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,125) size 769x36
RenderText {TEXT} at (0,0) size 755x36
text run at (0,0) width 634: "Note that all table cells on this page should have a two-pixel solid green border along their top sides. "
text run at (634,0) width 121: "This border applies"
text run at (0,18) width 317: "only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,177) size 784x28 [border: (10px double #800080) none]
+ RenderBlock {P} at (0,177) size 769x28 [border: (10px double #800080) none]
RenderText {TEXT} at (0,10) size 414x18
text run at (0,10) width 414: "This paragraph should have a purple, double, 10-pixel top border."
- RenderBlock {P} at (0,221) size 784x19 [border: (1px solid #800080) none]
+ RenderBlock {P} at (0,221) size 769x19 [border: (1px solid #800080) none]
RenderText {TEXT} at (0,1) size 331x18
text run at (0,1) width 331: "This paragraph should have a thin purple top border."
- RenderTable {TABLE} at (0,256) size 784x110 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (0,256) size 769x110 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x108
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 772x41 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (5,5) size 757x41 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {TEXT} at (2,3) size 735x36
text run at (2,3) width 429: "Every cell in this table should have a 2-pixel solid green top border. "
text run at (431,3) width 306: "This is also true of the table-testing section in the"
text run at (2,21) width 175: "second half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,65) size 196x23 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,65) size 192x23 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (2,3) size 53x18
text run at (2,3) width 53: "Cell one"
- RenderTableCell {TD} at (206,51) size 571x52 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,3) size 567x18
+ RenderTableCell {TD} at (202,51) size 560x52 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,3) size 556x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (2,21) size 161x29 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 155x23 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {TEXT} at (2,3) size 151x18
text run at (2,3) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (0,382) size 784x117
- RenderListItem {LI} at (40,0) size 744x75 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,3) size 744x18
+ RenderBlock {UL} at (0,382) size 769x117
+ RenderListItem {LI} at (40,0) size 729x75 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,3) size 729x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 118x18
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,21) size 744x54
- RenderListItem {LI} at (40,0) size 704x18
+ RenderBlock {UL} at (0,21) size 729x54
+ RenderListItem {LI} at (40,0) size 689x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 73x18
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,18) size 704x18
+ RenderListItem {LI} at (40,18) size 689x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 115x18
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,36) size 704x18
+ RenderListItem {LI} at (40,36) size 689x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 176x18
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,75) size 744x21 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,75) size 729x21 [border: (3px solid #000000) none]
RenderListMarker at (0,3) size 0x14
RenderText {TEXT} at (0,3) size 158x18
text run at (0,3) width 158: "This is a second list item."
- RenderListItem {LI} at (40,96) size 744x21 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,96) size 729x21 [border: (3px solid #000000) none]
RenderListMarker at (0,3) size 0x14
RenderText {TEXT} at (0,3) size 480x18
text run at (0,3) width 480: "Each list item in this list should have a medium-width black border at its top."
- RenderTable {TABLE} at (0,515) size 784x428 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (0,515) size 769x428 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x426
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 767x27 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (4,5) size 163x18
text run at (4,5) width 163: "TABLE Testing Section"
RenderTableCell {TD} at (0,213) size 12x27 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,5) size 4x18
text run at (4,5) width 4: " "
- RenderTableCell {TD} at (12,27) size 770x399 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,5) size 762x36
- RenderText {TEXT} at (0,0) size 755x36
+ RenderTableCell {TD} at (12,27) size 755x399 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,5) size 747x36
+ RenderText {TEXT} at (0,0) size 707x36
text run at (0,0) width 634: "Note that all table cells on this page should have a two-pixel solid green border along their top sides. "
- text run at (634,0) width 121: "This border applies"
- text run at (0,18) width 317: "only to the cells, not the rows which contain them."
- RenderBlock {P} at (4,57) size 762x28 [border: (10px double #800080) none]
+ text run at (634,0) width 73: "This border"
+ text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (4,57) size 747x28 [border: (10px double #800080) none]
RenderText {TEXT} at (0,10) size 414x18
text run at (0,10) width 414: "This paragraph should have a purple, double, 10-pixel top border."
- RenderBlock {P} at (4,101) size 762x19 [border: (1px solid #800080) none]
+ RenderBlock {P} at (4,101) size 747x19 [border: (1px solid #800080) none]
RenderText {TEXT} at (0,1) size 331x18
text run at (0,1) width 331: "This paragraph should have a thin purple top border."
- RenderTable {TABLE} at (4,136) size 762x110 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (4,136) size 747x110 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x108
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 750x41 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderText {TEXT} at (2,3) size 735x36
+ RenderTableCell {TD} at (5,5) size 735x41 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {TEXT} at (2,3) size 712x36
text run at (2,3) width 429: "Every cell in this table should have a 2-pixel solid green top border. "
- text run at (431,3) width 306: "This is also true of the table-testing section in the"
- text run at (2,21) width 175: "second half of the test page."
+ text run at (431,3) width 283: "This is also true of the table-testing section in"
+ text run at (2,21) width 198: "the second half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,65) size 190x23 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,65) size 187x23 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (2,3) size 53x18
text run at (2,3) width 53: "Cell one"
- RenderTableCell {TD} at (200,51) size 555x52 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,3) size 551x18
+ RenderTableCell {TD} at (197,51) size 543x52 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,3) size 539x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (2,21) size 161x29 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 155x23 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {TEXT} at (2,3) size 151x18
text run at (2,3) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (4,262) size 762x117
- RenderListItem {LI} at (40,0) size 722x75 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,3) size 722x18
+ RenderBlock {UL} at (4,262) size 747x117
+ RenderListItem {LI} at (40,0) size 707x75 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,3) size 707x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 118x18
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,21) size 722x54
- RenderListItem {LI} at (40,0) size 682x18
+ RenderBlock {UL} at (0,21) size 707x54
+ RenderListItem {LI} at (40,0) size 667x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 73x18
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,18) size 682x18
+ RenderListItem {LI} at (40,18) size 667x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 115x18
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,36) size 682x18
+ RenderListItem {LI} at (40,36) size 667x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 176x18
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,75) size 722x21 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,75) size 707x21 [border: (3px solid #000000) none]
RenderListMarker at (0,3) size 0x14
RenderText {TEXT} at (0,3) size 158x18
text run at (0,3) width 158: "This is a second list item."
- RenderListItem {LI} at (40,96) size 722x21 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,96) size 707x21 [border: (3px solid #000000) none]
RenderListMarker at (0,3) size 0x14
RenderText {TEXT} at (0,3) size 480x18
text run at (0,3) width 480: "Each list item in this list should have a medium-width black border at its top."
-layer at (0,0) size 800x759
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x759
- RenderBlock {HTML} at (0,0) size 800x759
- RenderBody {BODY} at (8,8) size 784x743 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x759
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x759
+ RenderBlock {HTML} at (0,0) size 785x759
+ RenderBody {BODY} at (8,8) size 769x743 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x90
+ RenderBlock {PRE} at (0,34) size 769x90
RenderText {TEXT} at (0,0) size 440x90
text run at (0,0) width 432: ".zero {background-color: silver; border-top-width: 0;}"
text run at (0,15) width 408: ".one {border-top-width: 25px; border-style: solid;}"
text run at (0,45) width 440: ".three {border-top-width: medium; border-style: solid;}"
text run at (0,60) width 416: ".four {border-top-width: thin; border-style: solid;}"
text run at (0,75) width 248: ".five {border-top-width: 25px;}"
- RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,155) size 784x18
+ RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,155) size 769x18
RenderText {TEXT} at (0,0) size 157x18
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,2) width 96: "border-style"
RenderText {TEXT} at (253,0) size 89x18
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,189) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,223) size 784x46 [border: (25px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,223) size 769x46 [border: (25px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,25) size 377x18
text run at (3,25) width 377: "This paragraph should have a top border width of 25 pixels."
- RenderBlock {P} at (0,285) size 784x26 [border: (5px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,285) size 769x26 [border: (5px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,5) size 334x18
text run at (3,5) width 334: "This paragraph should have a thick top border width."
- RenderBlock {P} at (0,327) size 784x24 [border: (3px solid #000000)]
+ RenderBlock {P} at (0,327) size 769x24 [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 354x18
text run at (3,3) width 354: "This paragraph should have a medium top border width."
- RenderBlock {P} at (0,367) size 784x22 [border: (1px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,367) size 769x22 [border: (1px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,1) size 327x18
text run at (3,1) width 327: "This paragraph should have a thin top border width."
- RenderBlock {P} at (0,405) size 784x18
+ RenderBlock {P} at (0,405) size 769x18
RenderText {TEXT} at (0,0) size 527x18
text run at (0,0) width 527: "This paragraph should have no border and no extra \"padding\" on its top side, as no "
RenderInline {CODE} at (0,0) size 96x15
-layer at (0,0) size 800x903
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x903
- RenderBlock {HTML} at (0,0) size 800x903
- RenderBody {BODY} at (8,8) size 784x887 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x903
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x903
+ RenderBlock {HTML} at (0,0) size 785x903
+ RenderBody {BODY} at (8,8) size 769x887 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x90
+ RenderBlock {PRE} at (0,34) size 769x90
RenderText {TEXT} at (0,0) size 408x90
text run at (0,0) width 400: ".zero {background-color: silver; border-width: 0;}"
text run at (0,15) width 376: ".one {border-width: 50px; border-style: solid;}"
text run at (0,45) width 408: ".three {border-width: medium; border-style: solid;}"
text run at (0,60) width 384: ".four {border-width: thin; border-style: solid;}"
text run at (0,75) width 216: ".five {border-width: 25px;}"
- RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,155) size 784x18
+ RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,155) size 769x18
RenderText {TEXT} at (0,0) size 157x18
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,2) width 96: "border-style"
RenderText {TEXT} at (253,0) size 89x18
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,189) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,223) size 784x118 [border: (50px solid #000000)]
+ RenderBlock {P} at (0,223) size 769x118 [border: (50px solid #000000)]
RenderText {TEXT} at (50,50) size 394x18
text run at (50,50) width 394: "This element should have an overall border width of 50 pixels."
- RenderBlock {P} at (0,357) size 784x28 [border: (5px solid #000000)]
+ RenderBlock {P} at (0,357) size 769x28 [border: (5px solid #000000)]
RenderText {TEXT} at (5,5) size 343x18
text run at (5,5) width 343: "This element should have a thick overall border width."
- RenderBlock {P} at (0,401) size 784x24 [border: (3px solid #000000)]
+ RenderBlock {P} at (0,401) size 769x24 [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 363x18
text run at (3,3) width 363: "This element should have a medium overall border width."
- RenderBlock {P} at (0,441) size 784x20 [border: (1px solid #000000)]
+ RenderBlock {P} at (0,441) size 769x20 [border: (1px solid #000000)]
RenderText {TEXT} at (1,1) size 336x18
text run at (1,1) width 336: "This element should have a thin overall border width."
- RenderBlock {P} at (0,477) size 784x18
+ RenderBlock {P} at (0,477) size 769x18
RenderText {TEXT} at (0,0) size 498x18
text run at (0,0) width 498: "This element should have no border and no extra \"padding\" on any side, as no "
RenderInline {CODE} at (0,0) size 96x15
-layer at (0,0) size 800x961
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x961
- RenderBlock {HTML} at (0,0) size 800x961
- RenderBody {BODY} at (8,8) size 784x945 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x961
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x961
+ RenderBlock {HTML} at (0,0) size 785x961
+ RenderBody {BODY} at (8,8) size 769x945 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x60
+ RenderBlock {PRE} at (0,34) size 769x60
RenderText {TEXT} at (0,0) size 168x60
text run at (0,0) width 152: ".one {clear: left;}"
text run at (0,15) width 160: ".two {clear: right;}"
text run at (0,30) width 168: ".three {clear: both;}"
text run at (0,45) width 160: ".four {clear: none;}"
- RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {HR} at (0,107) size 769x2 [border: (1px inset #000000)]
RenderImage {IMG} at (0,117) size 15x50
- RenderBlock {P} at (0,125) size 784x18
+ RenderBlock {P} at (0,125) size 769x18
RenderText {TEXT} at (18,0) size 595x18
text run at (18,0) width 595: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
- RenderBlock (anonymous) at (0,159) size 784x18
+ RenderBlock (anonymous) at (0,159) size 769x18
RenderBR {BR} at (18,0) size 0x18
RenderImage {IMG} at (0,177) size 15x50
- RenderBlock {P} at (0,227) size 784x18
+ RenderBlock {P} at (0,227) size 769x18
RenderText {TEXT} at (0,0) size 649x18
text run at (0,0) width 649: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
- RenderBlock (anonymous) at (0,261) size 784x18
+ RenderBlock (anonymous) at (0,261) size 769x18
RenderBR {BR} at (0,0) size 0x18
- RenderImage {IMG} at (769,279) size 15x50
- RenderBlock {P} at (0,329) size 784x18
+ RenderImage {IMG} at (754,279) size 15x50
+ RenderBlock {P} at (0,329) size 769x18
RenderText {TEXT} at (0,0) size 658x18
text run at (0,0) width 658: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
- RenderBlock (anonymous) at (0,363) size 784x18
+ RenderBlock (anonymous) at (0,363) size 769x18
RenderBR {BR} at (0,0) size 0x18
RenderImage {IMG} at (0,381) size 15x50
- RenderImage {IMG} at (769,381) size 15x50
- RenderBlock {P} at (0,431) size 784x18
+ RenderImage {IMG} at (754,381) size 15x50
+ RenderBlock {P} at (0,431) size 769x18
RenderText {TEXT} at (0,0) size 602x18
text run at (0,0) width 602: "This paragraph should appear below the two tall orange rectangles, and not flow between them."
RenderImage {IMG} at (0,465) size 15x50
- RenderImage {IMG} at (769,465) size 15x50
- RenderBlock {P} at (0,465) size 784x18
+ RenderImage {IMG} at (754,465) size 15x50
+ RenderBlock {P} at (0,465) size 769x18
RenderText {TEXT} at (18,0) size 390x18
text run at (18,0) width 390: "This paragraph should be between both tall orange rectangles."
- RenderBlock (anonymous) at (0,499) size 784x18
+ RenderBlock (anonymous) at (0,499) size 769x18
RenderBR {BR} at (18,0) size 0x18
RenderTable {TABLE} at (0,517) size 680x428 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x426
-layer at (0,0) size 800x773
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x773
- RenderBlock {HTML} at (0,0) size 800x773
- RenderBody {BODY} at (8,8) size 784x757 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x791
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x791
+ RenderBlock {HTML} at (0,0) size 785x791
+ RenderBody {BODY} at (8,8) size 769x775 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,31) size 784x135
+ RenderBlock {PRE} at (0,31) size 769x135
RenderText {TEXT} at (0,0) size 616x120
text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align: justify;}"
text run at (0,30) width 384: "DIV.menu {float: left; clear: left; width: 11em;"
text run at (0,75) width 448: "DIV.menu UL {margin: 0.2em 0.3em 0.2em 1em; padding: 0;}"
text run at (0,90) width 616: "DIV.article {padding: 0.5em; margin: 0; margin-left: 14em; margin-right: 2em;"
text run at (0,105) width 480: " color: black; background: yellow; clear: none;}"
- RenderBlock {HR} at (0,179) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {HR} at (0,179) size 769x2 [border: (1px inset #000000)]
RenderBlock (floating) {DIV} at (0,189) size 192x116 [color=#FFFFFF] [bgcolor=#008000]
RenderBlock {H1} at (8,8) size 176x22
RenderText {TEXT} at (0,0) size 85x22
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 87x18
text run at (0,0) width 87: "0.5em margin"
- RenderBlock {DIV} at (224,189) size 528x221 [bgcolor=#FFFF00]
- RenderBlock {H1} at (8,29) size 512x37
+ RenderBlock {DIV} at (224,189) size 513x221 [bgcolor=#FFFF00]
+ RenderBlock {H1} at (8,29) size 497x37
RenderText {TEXT} at (0,0) size 275x37
text run at (0,0) width 275: "The 'clear' property"
- RenderBlock {P} at (8,87) size 512x90
- RenderText {TEXT} at (0,0) size 512x90
- text run at (0,0) width 512: "This page has two floating \"menus\" on the side; one has a green background,"
- text run at (0,18) width 238: "and the other a blue background. "
- text run at (238,18) width 274: "Due to settings on the 'float' and 'clear'"
- text run at (0,36) width 512: "properties, the two menus should appear on the left side of the page, the blue"
- text run at (0,54) width 512: "below the green. There should be a 10px gap between the two menus. There"
+ RenderBlock {P} at (8,87) size 497x90
+ RenderText {TEXT} at (0,0) size 497x90
+ text run at (0,0) width 497: "This page has two floating \"menus\" on the side; one has a green background,"
+ text run at (0,18) width 231: "and the other a blue background. "
+ text run at (231,18) width 266: "Due to settings on the 'float' and 'clear'"
+ text run at (0,36) width 497: "properties, the two menus should appear on the left side of the page, the blue"
+ text run at (0,54) width 497: "below the green. There should be a 10px gap between the two menus. There"
text run at (0,72) width 459: "should also be a 10px gap between the top menu and the top of the page."
- RenderBlock {P} at (8,177) size 512x36
- RenderText {TEXT} at (0,0) size 512x36
- text run at (0,0) width 512: "The top of the yellow rectangle (to which this paragraph belongs) should be"
+ RenderBlock {P} at (8,177) size 497x36
+ RenderText {TEXT} at (0,0) size 497x36
+ text run at (0,0) width 497: "The top of the yellow rectangle (to which this paragraph belongs) should be"
text run at (0,18) width 331: "vertically aligned with the top of the green rectangle."
- RenderTable {TABLE} at (192,410) size 592x347 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 0x345
+ RenderTable {TABLE} at (192,410) size 577x365 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 0x363
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 590x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 575x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,172) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,181) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 578x319 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 563x337 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock (floating) {DIV} at (4,4) size 192x116 [color=#FFFFFF] [bgcolor=#008000]
RenderBlock {H1} at (8,8) size 176x22
RenderText {TEXT} at (0,0) size 85x22
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 87x18
text run at (0,0) width 87: "0.5em margin"
- RenderBlock {DIV} at (228,4) size 314x311 [bgcolor=#FFFF00]
- RenderBlock {H1} at (8,29) size 298x37
+ RenderBlock {DIV} at (228,4) size 299x329 [bgcolor=#FFFF00]
+ RenderBlock {H1} at (8,29) size 283x37
RenderText {TEXT} at (0,0) size 275x37
text run at (0,0) width 275: "The 'clear' property"
- RenderBlock {P} at (8,87) size 298x162
- RenderText {TEXT} at (0,0) size 298x162
- text run at (0,0) width 298: "This page has two floating \"menus\" on the"
- text run at (0,18) width 298: "side; one has a green background, and the"
- text run at (0,36) width 161: "other a blue background. "
- text run at (161,36) width 137: "Due to settings on the"
- text run at (0,54) width 298: "'float' and 'clear' properties, the two menus"
- text run at (0,72) width 298: "should appear on the left side of the page, the"
- text run at (0,90) width 298: "blue below the green. There should be a 10px"
- text run at (0,108) width 298: "gap between the two menus. There should also"
- text run at (0,126) width 298: "be a 10px gap between the top menu and the"
- text run at (0,144) width 98: "top of the page."
- RenderBlock {P} at (8,249) size 298x54
- RenderText {TEXT} at (0,0) size 298x54
- text run at (0,0) width 298: "The top of the yellow rectangle (to which this"
- text run at (0,18) width 298: "paragraph belongs) should be vertically aligned"
- text run at (0,36) width 219: "with the top of the green rectangle."
+ RenderBlock {P} at (8,87) size 283x180
+ RenderText {TEXT} at (0,0) size 283x180
+ text run at (0,0) width 283: "This page has two floating \"menus\" on the"
+ text run at (0,18) width 283: "side; one has a green background, and the"
+ text run at (0,36) width 165: "other a blue background. "
+ text run at (165,36) width 118: "Due to settings on"
+ text run at (0,54) width 283: "the 'float' and 'clear' properties, the two"
+ text run at (0,72) width 283: "menus should appear on the left side of the"
+ text run at (0,90) width 283: "page, the blue below the green. There"
+ text run at (0,108) width 283: "should be a 10px gap between the two"
+ text run at (0,126) width 283: "menus. There should also be a 10px gap"
+ text run at (0,144) width 283: "between the top menu and the top of the"
+ text run at (0,162) width 34: "page."
+ RenderBlock {P} at (8,267) size 283x54
+ RenderText {TEXT} at (0,0) size 283x54
+ text run at (0,0) width 283: "The top of the yellow rectangle (to which"
+ text run at (0,18) width 283: "this paragraph belongs) should be vertically"
+ text run at (0,36) width 269: "aligned with the top of the green rectangle."
-layer at (0,0) size 800x699
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x699
- RenderBlock {HTML} at (0,0) size 800x699
- RenderBody {BODY} at (8,8) size 784x671 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x699
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x699
+ RenderBlock {HTML} at (0,0) size 785x699
+ RenderBody {BODY} at (8,8) size 769x671 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,31) size 784x195
+ RenderBlock {PRE} at (0,31) size 769x195
RenderText {TEXT} at (0,0) size 512x180
text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align: justify;}"
text run at (0,30) width 336: "DIV.yellow, DIV.blue, DIV.red, DIV.green {"
text run at (0,135) width 352: "DIV.green {background: green; color: white;}"
text run at (0,150) width 192: "DIV.below {clear: both;}"
text run at (0,165) width 200: "TABLE {margin: 20px 0px;}"
- RenderBlock {HR} at (0,239) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,249) size 784x36
- RenderText {TEXT} at (0,0) size 784x36
- text run at (0,0) width 784: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this page"
+ RenderBlock {HR} at (0,239) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,249) size 769x36
+ RenderText {TEXT} at (0,0) size 769x36
+ text run at (0,0) width 769: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this page"
text run at (0,18) width 405: "indicates how the DIV elements should be laid out horizontally. "
text run at (405,18) width 219: "They should align with each other."
RenderBlock (floating) {DIV} at (0,295) size 140x98 [bgcolor=#FFFF00] [border: (20px solid #000000)]
RenderBlock {P} at (40,40) size 60x18
RenderText {TEXT} at (0,0) size 39x18
text run at (0,0) width 39: "Green"
- RenderBlock {DIV} at (0,403) size 784x19
+ RenderBlock {DIV} at (0,403) size 769x19
RenderTable {TABLE} at (0,0) size 620x19
RenderTableSection {TBODY} at (0,0) size 0x19
RenderTableRow {TR} at (0,0) size 0x0
RenderImage {IMG} at (0,0) size 100x1
RenderTableCell {TD} at (600,9) size 20x1 [bgcolor=#000000] [r=0 c=14 rs=1 cs=1]
RenderImage {IMG} at (0,0) size 20x1
- RenderTable {TABLE} at (0,442) size 784x229 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (0,442) size 769x229 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x227
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableCell {TD} at (0,113) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x201 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x36
- RenderText {TEXT} at (0,0) size 762x36
- text run at (0,0) width 762: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this page"
- text run at (0,18) width 405: "indicates how the DIV elements should be laid out horizontally. "
- text run at (405,18) width 219: "They should align with each other."
+ RenderTableCell {TD} at (12,26) size 755x201 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 747x36
+ RenderText {TEXT} at (0,0) size 747x36
+ text run at (0,0) width 747: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this"
+ text run at (0,18) width 439: "page indicates how the DIV elements should be laid out horizontally. "
+ text run at (439,18) width 219: "They should align with each other."
RenderBlock (floating) {DIV} at (4,50) size 140x98 [bgcolor=#FFFF00] [border: (20px solid #000000)]
RenderBlock {P} at (40,40) size 60x18
RenderText {TEXT} at (0,0) size 47x18
RenderBlock {P} at (40,40) size 60x18
RenderText {TEXT} at (0,0) size 39x18
text run at (0,0) width 39: "Green"
- RenderBlock {DIV} at (4,158) size 762x19
+ RenderBlock {DIV} at (4,158) size 747x19
RenderTable {TABLE} at (0,0) size 620x19
RenderTableSection {TBODY} at (0,0) size 0x19
RenderTableRow {TR} at (0,0) size 0x0
-layer at (0,0) size 800x1902
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x1902
- RenderBlock {HTML} at (0,0) size 800x1902
- RenderBody {BODY} at (8,8) size 784x1886 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x1902
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x1902
+ RenderBlock {HTML} at (0,0) size 785x1902
+ RenderBody {BODY} at (8,8) size 769x1886 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x135
+ RenderBlock {PRE} at (0,34) size 769x135
RenderText {TEXT} at (0,0) size 560x120
text run at (0,0) width 344: "P.test {background: white; font-size: 20px;"
text run at (0,15) width 560: " margin-left: 30px; margin-right: 10px; padding: 0; border: 0;}"
text run at (0,75) width 368: "#img3 {margin-top: -30px; margin-left: -30px;}"
text run at (0,90) width 384: "#img4 {margin-right: 30px; margin-bottom: 30px;}"
text run at (0,105) width 400: "#img5 {margin-right: -30px; margin-bottom: -30px;}"
- RenderBlock {HR} at (0,182) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (30,204) size 744x92 [bgcolor=#FFFFFF]
- RenderText {TEXT} at (0,0) size 738x92
+ RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (30,204) size 729x92 [bgcolor=#FFFFFF]
+ RenderText {TEXT} at (0,0) size 708x92
text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the"
text run at (0,23) width 122: "element's box. "
text run at (122,23) width 442: "There is no padding set on this paragraph whatsoever. "
- text run at (564,23) width 166: "If the background of"
- text run at (0,46) width 738: "the entire box is not white, this may cause problems with the following tests; at any rate, it"
- text run at (0,69) width 223: "must be taken into account."
- RenderBlock {P} at (30,316) size 744x115 [bgcolor=#FFFFFF]
+ text run at (564,23) width 144: "If the background"
+ text run at (0,46) width 702: "of the entire box is not white, this may cause problems with the following tests; at any"
+ text run at (0,69) width 281: "rate, it must be taken into account."
+ RenderBlock {P} at (30,316) size 729x115 [bgcolor=#FFFFFF]
RenderImage {IMG} at (0,0) size 60x60
- RenderText {TEXT} at (60,0) size 741x115
+ RenderText {TEXT} at (60,0) size 719x115
text run at (60,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
text run at (60,23) width 119: "nothing more. "
text run at (179,23) width 540: "The edges of the white background should line up with the top and"
text run at (60,46) width 196: "left edges of the image. "
- text run at (256,46) width 485: "This paragraph should have a white background, first of all,"
- text run at (0,69) width 397: "which extends to the edges of the element's box. "
- text run at (397,69) width 335: "There is no padding set on this paragraph"
- text run at (0,92) width 97: "whatsoever."
- RenderBlock {P} at (30,451) size 744x115 [bgcolor=#FFFFFF]
+ text run at (256,46) width 454: "This paragraph should have a white background, first of"
+ text run at (0,69) width 428: "all, which extends to the edges of the element's box. "
+ text run at (428,69) width 249: "There is no padding set on this"
+ text run at (0,92) width 183: "paragraph whatsoever."
+ RenderBlock {P} at (30,451) size 729x115 [bgcolor=#FFFFFF]
RenderImage {IMG} at (30,30) size 60x60
- RenderText {TEXT} at (90,0) size 741x115
- text run at (90,0) width 649: "The image in the upper left corner of this paragraph should be pushed down and"
- text run at (90,23) width 651: "to the right 30 pixels each from the upper left corner of the paragraph's box, and"
- text run at (90,46) width 330: "displace the paragraph text accordingly. "
- text run at (420,46) width 288: "This paragraph should have a white"
- text run at (90,69) width 594: "background, first of all, which extends to the edges of the element's box. "
- text run at (684,69) width 47: "There"
- text run at (0,92) width 385: "is no padding set on this paragraph whatsoever."
- RenderBlock {P} at (30,586) size 744x115 [bgcolor=#FFFFFF]
- RenderImage {IMG} at (-30,-30) size 60x60
- RenderText {TEXT} at (30,0) size 739x115
- text run at (30,0) width 709: "The image in the upper left corner of this paragraph should be pushed up and to the left"
- text run at (30,23) width 709: "30 pixels each from the upper left corner of the paragraph's box, thus causing the edges"
- text run at (0,46) width 582: "of the white background to align with the thick gray lines in the image. "
- text run at (582,46) width 122: "This paragraph"
- text run at (0,69) width 715: "should have a white background, first of all, which extends to the edges of the element's"
+ RenderText {TEXT} at (90,0) size 718x115
+ text run at (90,0) width 615: "The image in the upper left corner of this paragraph should be pushed down"
+ text run at (90,23) width 611: "and to the right 30 pixels each from the upper left corner of the paragraph's"
+ text run at (90,46) width 404: "box, and displace the paragraph text accordingly. "
+ text run at (494,46) width 224: "This paragraph should have"
+ text run at (90,69) width 613: "a white background, first of all, which extends to the edges of the element's"
text run at (0,92) width 40: "box. "
text run at (40,92) width 437: "There is no padding set on this paragraph whatsoever."
- RenderBlock {P} at (30,721) size 744x138 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (30,586) size 729x115 [bgcolor=#FFFFFF]
+ RenderImage {IMG} at (-30,-30) size 60x60
+ RenderText {TEXT} at (30,0) size 721x115
+ text run at (30,0) width 676: "The image in the upper left corner of this paragraph should be pushed up and to the"
+ text run at (30,23) width 691: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing the"
+ text run at (0,46) width 633: "edges of the white background to align with the thick gray lines in the image. "
+ text run at (633,46) width 36: "This"
+ text run at (0,69) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
+ text run at (0,92) width 122: "element's box. "
+ text run at (122,92) width 437: "There is no padding set on this paragraph whatsoever."
+ RenderBlock {P} at (30,721) size 729x138 [bgcolor=#FFFFFF]
RenderImage {IMG} at (0,0) size 60x60
- RenderText {TEXT} at (90,0) size 730x138
+ RenderText {TEXT} at (90,0) size 728x138
text run at (90,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
- text run at (90,23) width 640: "the edges of the white background should line up with the top and left edges of"
- text run at (90,46) width 90: "the image. "
- text run at (180,46) width 538: "However, there should be 30 pixels of space between the right and"
- text run at (90,69) width 490: "bottom edges of the image and the paragraph text around it. "
- text run at (580,69) width 122: "This paragraph"
- text run at (0,92) width 715: "should have a white background, first of all, which extends to the edges of the element's"
- text run at (0,115) width 40: "box. "
- text run at (40,115) width 437: "There is no padding set on this paragraph whatsoever."
- RenderBlock {P} at (30,879) size 744x138 [bgcolor=#FFFFFF]
+ text run at (90,23) width 618: "the edges of the white background should line up with the top and left edges"
+ text run at (90,46) width 112: "of the image. "
+ text run at (202,46) width 504: "However, there should be 30 pixels of space between the right"
+ text run at (90,69) width 524: "and bottom edges of the image and the paragraph text around it. "
+ text run at (614,69) width 36: "This"
+ text run at (0,92) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
+ text run at (0,115) width 122: "element's box. "
+ text run at (122,115) width 437: "There is no padding set on this paragraph whatsoever."
+ RenderBlock {P} at (30,879) size 729x138 [bgcolor=#FFFFFF]
RenderImage {IMG} at (0,0) size 60x60
- RenderText {TEXT} at (30,0) size 732x138
+ RenderText {TEXT} at (30,0) size 706x138
text run at (30,0) width 668: "The image in the upper left corner of this paragraph should be floated left, and the"
- text run at (30,23) width 700: "edges of the white background should line up with the top and left edges of the image."
- text run at (0,46) width 707: "However, the text should overlap the image's right and bottom sides, lining up with the"
- text run at (0,69) width 242: "thick gray lines in the image. "
- text run at (242,69) width 485: "This paragraph should have a white background, first of all,"
- text run at (0,92) width 397: "which extends to the edges of the element's box. "
- text run at (397,92) width 335: "There is no padding set on this paragraph"
- text run at (0,115) width 97: "whatsoever."
- RenderTable {TABLE} at (0,1037) size 784x849 [border: (1px outset #808080)]
+ text run at (30,23) width 640: "edges of the white background should line up with the top and left edges of the"
+ text run at (0,46) width 60: "image. "
+ text run at (60,46) width 636: "However, the text should overlap the image's right and bottom sides, lining up"
+ text run at (0,69) width 313: "with the thick gray lines in the image. "
+ text run at (313,69) width 393: "This paragraph should have a white background,"
+ text run at (0,92) width 489: "first of all, which extends to the edges of the element's box. "
+ text run at (489,92) width 214: "There is no padding set on"
+ text run at (0,115) width 218: "this paragraph whatsoever."
+ RenderTable {TABLE} at (0,1037) size 769x849 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x847
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableCell {TD} at (0,423) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x821 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (34,4) size 722x92 [bgcolor=#FFFFFF]
- RenderText {TEXT} at (0,0) size 708x92
+ RenderTableCell {TD} at (12,26) size 755x821 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (34,4) size 707x92 [bgcolor=#FFFFFF]
+ RenderText {TEXT} at (0,0) size 700x92
text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the"
text run at (0,23) width 122: "element's box. "
text run at (122,23) width 442: "There is no padding set on this paragraph whatsoever. "
- text run at (564,23) width 144: "If the background"
- text run at (0,46) width 702: "of the entire box is not white, this may cause problems with the following tests; at any"
- text run at (0,69) width 281: "rate, it must be taken into account."
- RenderBlock {P} at (34,116) size 722x115 [bgcolor=#FFFFFF]
+ text run at (564,23) width 44: "If the"
+ text run at (0,46) width 700: "background of the entire box is not white, this may cause problems with the following"
+ text run at (0,69) width 383: "tests; at any rate, it must be taken into account."
+ RenderBlock {P} at (34,116) size 707x115 [bgcolor=#FFFFFF]
RenderImage {IMG} at (0,0) size 60x60
- RenderText {TEXT} at (60,0) size 719x115
+ RenderText {TEXT} at (60,0) size 703x115
text run at (60,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
text run at (60,23) width 119: "nothing more. "
- text run at (179,23) width 540: "The edges of the white background should line up with the top and"
- text run at (60,46) width 196: "left edges of the image. "
- text run at (256,46) width 454: "This paragraph should have a white background, first of"
- text run at (0,69) width 428: "all, which extends to the edges of the element's box. "
- text run at (428,69) width 249: "There is no padding set on this"
- text run at (0,92) width 183: "paragraph whatsoever."
- RenderBlock {P} at (34,251) size 722x115 [bgcolor=#FFFFFF]
+ text run at (179,23) width 506: "The edges of the white background should line up with the top"
+ text run at (60,46) width 230: "and left edges of the image. "
+ text run at (290,46) width 393: "This paragraph should have a white background,"
+ text run at (0,69) width 489: "first of all, which extends to the edges of the element's box. "
+ text run at (489,69) width 214: "There is no padding set on"
+ text run at (0,92) width 218: "this paragraph whatsoever."
+ RenderBlock {P} at (34,251) size 707x115 [bgcolor=#FFFFFF]
RenderImage {IMG} at (30,30) size 60x60
- RenderText {TEXT} at (90,0) size 718x115
+ RenderText {TEXT} at (90,0) size 705x115
text run at (90,0) width 615: "The image in the upper left corner of this paragraph should be pushed down"
text run at (90,23) width 611: "and to the right 30 pixels each from the upper left corner of the paragraph's"
text run at (90,46) width 404: "box, and displace the paragraph text accordingly. "
- text run at (494,46) width 224: "This paragraph should have"
- text run at (90,69) width 613: "a white background, first of all, which extends to the edges of the element's"
- text run at (0,92) width 40: "box. "
- text run at (40,92) width 437: "There is no padding set on this paragraph whatsoever."
- RenderBlock {P} at (34,386) size 722x115 [bgcolor=#FFFFFF]
- RenderImage {IMG} at (-30,-30) size 60x60
- RenderText {TEXT} at (30,0) size 721x115
- text run at (30,0) width 676: "The image in the upper left corner of this paragraph should be pushed up and to the"
- text run at (30,23) width 691: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing the"
- text run at (0,46) width 633: "edges of the white background to align with the thick gray lines in the image. "
- text run at (633,46) width 36: "This"
- text run at (0,69) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
+ text run at (494,46) width 181: "This paragraph should"
+ text run at (90,69) width 574: "have a white background, first of all, which extends to the edges of the"
text run at (0,92) width 122: "element's box. "
text run at (122,92) width 437: "There is no padding set on this paragraph whatsoever."
- RenderBlock {P} at (34,521) size 722x138 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (34,386) size 707x115 [bgcolor=#FFFFFF]
+ RenderImage {IMG} at (-30,-30) size 60x60
+ RenderText {TEXT} at (30,0) size 706x115
+ text run at (30,0) width 676: "The image in the upper left corner of this paragraph should be pushed up and to the"
+ text run at (30,23) width 661: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing"
+ text run at (0,46) width 663: "the edges of the white background to align with the thick gray lines in the image. "
+ text run at (663,46) width 36: "This"
+ text run at (0,69) width 689: "paragraph should have a white background, first of all, which extends to the edges of"
+ text run at (0,92) width 152: "the element's box. "
+ text run at (152,92) width 437: "There is no padding set on this paragraph whatsoever."
+ RenderBlock {P} at (34,521) size 707x138 [bgcolor=#FFFFFF]
RenderImage {IMG} at (0,0) size 60x60
- RenderText {TEXT} at (90,0) size 719x138
+ RenderText {TEXT} at (90,0) size 694x138
text run at (90,0) width 604: "The image in the upper left corner of this paragraph should be floated left,"
text run at (90,23) width 601: "and the edges of the white background should line up with the top and left"
text run at (90,46) width 163: "edges of the image. "
- text run at (253,46) width 460: "However, there should be 30 pixels of space between the"
- text run at (90,69) width 568: "right and bottom edges of the image and the paragraph text around it. "
- text run at (658,69) width 36: "This"
- text run at (0,92) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
- text run at (0,115) width 122: "element's box. "
- text run at (122,115) width 437: "There is no padding set on this paragraph whatsoever."
- RenderBlock {P} at (34,679) size 722x138 [bgcolor=#FFFFFF]
+ text run at (253,46) width 430: "However, there should be 30 pixels of space between"
+ text run at (90,69) width 593: "the right and bottom edges of the image and the paragraph text around it."
+ text run at (0,92) width 657: "This paragraph should have a white background, first of all, which extends to the"
+ text run at (0,115) width 225: "edges of the element's box. "
+ text run at (225,115) width 437: "There is no padding set on this paragraph whatsoever."
+ RenderBlock {P} at (34,679) size 707x138 [bgcolor=#FFFFFF]
RenderImage {IMG} at (0,0) size 60x60
RenderText {TEXT} at (30,0) size 706x138
text run at (30,0) width 668: "The image in the upper left corner of this paragraph should be floated left, and the"
-layer at (0,0) size 800x2678
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x2678
- RenderBlock {HTML} at (0,0) size 800x2678
- RenderBody {BODY} at (8,8) size 784x2662 [bgcolor=#CCCCCC]
- RenderBlock (floating) {P} at (0,0) size 392x36 [bgcolor=#FFFF00]
- RenderText {TEXT} at (0,0) size 392x36
- text run at (0,0) width 392: "This paragraph is of class \"one\". It has a width of 50% and is"
- text run at (0,18) width 110: "floated to the left."
- RenderBlock {P} at (0,0) size 784x72
- RenderText {TEXT} at (392,0) size 784x72
- text run at (392,0) width 392: "This paragraph should start on the right side of a yellow box"
- text run at (392,18) width 392: "which contains the previous paragraph. Since the text of this"
- text run at (0,36) width 784: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There is no padding,"
- text run at (0,54) width 740: "border or margins on this and the previous element, so the text of the two elements should be very close to each other."
- RenderBlock (anonymous) at (0,72) size 784x18
+layer at (0,0) size 785x2714
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x2714
+ RenderBlock {HTML} at (0,0) size 785x2714
+ RenderBody {BODY} at (8,8) size 769x2698 [bgcolor=#CCCCCC]
+ RenderBlock (floating) {P} at (0,0) size 384x36 [bgcolor=#FFFF00]
+ RenderText {TEXT} at (0,0) size 384x36
+ text run at (0,0) width 384: "This paragraph is of class \"one\". It has a width of 50% and"
+ text run at (0,18) width 124: "is floated to the left."
+ RenderBlock {P} at (0,0) size 769x90
+ RenderText {TEXT} at (384,0) size 769x90
+ text run at (384,0) width 385: "This paragraph should start on the right side of a yellow box"
+ text run at (384,18) width 385: "which contains the previous paragraph. Since the text of this"
+ text run at (0,36) width 769: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There is no"
+ text run at (0,54) width 769: "padding, border or margins on this and the previous element, so the text of the two elements should be very close to each"
+ text run at (0,72) width 36: "other."
+ RenderBlock (anonymous) at (0,90) size 769x18
RenderBR {BR} at (0,0) size 0x18
- RenderBlock {HR} at (0,98) size 784x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (0,108) size 784x72 [bgcolor=#FFFF00]
- RenderText {TEXT} at (0,0) size 784x72
- text run at (0,0) width 784: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
- text run at (0,18) width 784: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides and a"
- text run at (0,36) width 784: "orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added to this"
+ RenderBlock {HR} at (0,116) size 769x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (0,126) size 769x72 [bgcolor=#FFFF00]
+ RenderText {TEXT} at (0,0) size 769x72
+ text run at (0,0) width 769: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
+ text run at (0,18) width 769: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides and a"
+ text run at (0,36) width 769: "orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added to this"
text run at (0,54) width 217: "paragraph for diagnostic purposes."
- RenderBlock (anonymous) at (0,108) size 784x91
+ RenderBlock (anonymous) at (0,126) size 769x91
RenderImage {IMG} at (0,72) size 15x15
RenderText {TEXT} at (15,73) size 4x18
text run at (15,73) width 4: " "
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (0,207) size 784x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (0,217) size 392x108 [bgcolor=#FFFF00]
- RenderText {TEXT} at (0,0) size 392x108
- text run at (0,0) width 392: "This paragraph is floated to the left and the orange square"
- text run at (0,18) width 392: "image should appear to the right of the paragraph. This"
- text run at (0,36) width 392: "paragraph has a yellow background and no padding, margin"
- text run at (0,54) width 392: "or border. The right edge of this yellow box should be"
- text run at (0,72) width 392: "horizontally aligned with the left edge of the yellow box"
+ RenderBlock {HR} at (0,225) size 769x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (0,235) size 384x108 [bgcolor=#FFFF00]
+ RenderText {TEXT} at (0,0) size 384x108
+ text run at (0,0) width 384: "This paragraph is floated to the left and the orange square"
+ text run at (0,18) width 384: "image should appear to the right of the paragraph. This"
+ text run at (0,36) width 384: "paragraph has a yellow background and no padding, margin"
+ text run at (0,54) width 384: "or border. The right edge of this yellow box should be"
+ text run at (0,72) width 384: "horizontally aligned with the left edge of the yellow box"
text run at (0,90) width 79: "undernearth."
- RenderBlock (anonymous) at (0,217) size 784x108
- RenderImage {IMG} at (392,0) size 15x15
- RenderText {TEXT} at (407,1) size 4x18
- text run at (407,1) width 4: " "
+ RenderBlock (anonymous) at (0,235) size 769x108
+ RenderImage {IMG} at (384,0) size 15x15
+ RenderText {TEXT} at (399,1) size 4x18
+ text run at (399,1) width 4: " "
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (0,333) size 784x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (392,343) size 392x108 [bgcolor=#FFFF00]
- RenderText {TEXT} at (0,0) size 392x108
- text run at (0,0) width 392: "This paragraph is floated to the right (using a STYLE"
- text run at (0,18) width 392: "attribute) and the orange square image should appear to the"
- text run at (0,36) width 392: "left of the paragraph. This paragraph has a yellow background"
- text run at (0,54) width 392: "and no padding, margin or border. The left edge of this"
- text run at (0,72) width 392: "yellow box should be horizonally aligned with the right edge"
- text run at (0,90) width 157: "of the yellow box above."
- RenderBlock (anonymous) at (0,343) size 784x108
+ RenderBlock {HR} at (0,351) size 769x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (385,361) size 384x108 [bgcolor=#FFFF00]
+ RenderText {TEXT} at (0,0) size 384x108
+ text run at (0,0) width 384: "This paragraph is floated to the right (using a STYLE"
+ text run at (0,18) width 384: "attribute) and the orange square image should appear to the"
+ text run at (0,36) width 384: "left of the paragraph. This paragraph has a yellow"
+ text run at (0,54) width 384: "background and no padding, margin or border. The left edge"
+ text run at (0,72) width 384: "of this yellow box should be horizonally aligned with the"
+ text run at (0,90) width 224: "right edge of the yellow box above."
+ RenderBlock (anonymous) at (0,361) size 769x108
RenderImage {IMG} at (0,0) size 15x15
RenderText {TEXT} at (15,1) size 4x18
text run at (15,1) width 4: " "
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (0,459) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,469) size 784x54
+ RenderBlock {HR} at (0,477) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,487) size 769x54
RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 21x37
text run at (0,0) width 21: "T"
- RenderText {TEXT} at (48,0) size 736x54
- text run at (48,0) width 736: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as well"
- text run at (48,18) width 481: "as bold, with a content width of 1.5em and a background-color of silver. "
- text run at (529,18) width 255: "The top of the big letter \"T\" should be"
- text run at (48,36) width 656: "vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
- RenderBlock (anonymous) at (0,523) size 784x18
+ RenderText {TEXT} at (48,0) size 721x54
+ text run at (48,0) width 721: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as"
+ text run at (48,18) width 496: "well as bold, with a content width of 1.5em and a background-color of silver. "
+ text run at (544,18) width 225: "The top of the big letter \"T\" should"
+ text run at (48,36) width 675: "be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
+ RenderBlock (anonymous) at (0,541) size 769x18
RenderBR {BR} at (0,0) size 0x18
- RenderBlock {HR} at (0,549) size 784x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (438,569) size 336x196 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+ RenderBlock {HR} at (0,567) size 769x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (423,587) size 336x196 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
RenderText {TEXT} at (8,8) size 320x180
text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
text run at (8,26) width 320: "of like a 'sidebar' in a magazine article. Its width is"
text run at (8,134) width 320: "element has a 10px wide margin around it where"
text run at (8,152) width 320: "the blue background of the paragraph in the"
text run at (8,170) width 217: "normal flow should shine through."
- RenderBlock {P} at (0,559) size 784x198 [bgcolor=#66CCFF]
- RenderText {TEXT} at (0,0) size 428x198
- text run at (0,0) width 428: "This paragraph is not floating. If there is enough room, the textual"
- text run at (0,18) width 428: "content of the paragraph should appear on the left side of the yellow"
- text run at (0,36) width 157: "\"sidebar\" on the right. "
- text run at (157,36) width 271: "The content of this element should flow"
- text run at (0,54) width 183: "around the floated element. "
- text run at (183,54) width 245: "However, the floated element may or"
- text run at (0,72) width 428: "may not be obscured by the blue background of this element, as the"
- text run at (0,90) width 353: "specification does not say which is drawn \"on top.\" "
- text run at (353,90) width 75: "Even if the"
- text run at (0,108) width 428: "floated element is obscured, it still forces the content of this element"
- text run at (0,126) width 121: "to flow around it. "
- text run at (121,126) width 307: "If the floated element is not obscured, then the"
- text run at (0,144) width 428: "blue rectangle of this paragraph should extend 10px above and to"
- text run at (0,162) width 428: "the right of the sidebar's red border, due to the margin styles set for"
- text run at (0,180) width 123: "the floated element."
- RenderBlock (anonymous) at (0,757) size 784x18
+ RenderBlock {P} at (0,577) size 769x198 [bgcolor=#66CCFF]
+ RenderText {TEXT} at (0,0) size 413x198
+ text run at (0,0) width 413: "This paragraph is not floating. If there is enough room, the textual"
+ text run at (0,18) width 413: "content of the paragraph should appear on the left side of the"
+ text run at (0,36) width 193: "yellow \"sidebar\" on the right. "
+ text run at (193,36) width 220: "The content of this element should"
+ text run at (0,54) width 219: "flow around the floated element. "
+ text run at (219,54) width 194: "However, the floated element"
+ text run at (0,72) width 413: "may or may not be obscured by the blue background of this"
+ text run at (0,90) width 413: "element, as the specification does not say which is drawn \"on"
+ text run at (0,108) width 37: "top.\" "
+ text run at (37,108) width 376: "Even if the floated element is obscured, it still forces the"
+ text run at (0,126) width 263: "content of this element to flow around it. "
+ text run at (263,126) width 150: "If the floated element is"
+ text run at (0,144) width 413: "not obscured, then the blue rectangle of this paragraph should"
+ text run at (0,162) width 413: "extend 10px above and to the right of the sidebar's red border,"
+ text run at (0,180) width 319: "due to the margin styles set for the floated element."
+ RenderBlock (anonymous) at (0,775) size 769x18
RenderBR {BR} at (0,0) size 0x18
- RenderBlock {HR} at (0,783) size 784x2 [border: (1px inset #000000)]
- RenderBlock {DIV} at (0,793) size 784x26 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
- RenderBlock (floating) {DIV} at (440,14) size 330x226 [bgcolor=#FFFF00]
+ RenderBlock {HR} at (0,801) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (0,811) size 769x26 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+ RenderBlock (floating) {DIV} at (425,14) size 330x226 [bgcolor=#FFFF00]
RenderBlock {P} at (5,5) size 320x216
RenderText {TEXT} at (0,0) size 320x216
text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
text run at (0,162) width 320: "box should be rendered on top of the bottom red"
text run at (0,180) width 320: "border. I.e., the bottom red border will appear"
text run at (0,198) width 318: "broken where it's overlaid by the yellow rectangle."
- RenderBlock {P} at (4,4) size 776x18
+ RenderBlock {P} at (4,4) size 761x18
RenderText {TEXT} at (0,0) size 268x18
text run at (0,0) width 268: "See description in the box on the right side"
- RenderBlock (anonymous) at (0,819) size 784x224
+ RenderBlock (anonymous) at (0,837) size 769x224
RenderBR {BR} at (0,0) size 0x18
- RenderBlock {HR} at (0,1051) size 784x2 [border: (1px inset #000000)]
- RenderBlock (floating) {DIV} at (0,1061) size 196x72 [bgcolor=#66CCFF]
- RenderBlock {P} at (0,0) size 196x72
- RenderText {TEXT} at (0,0) size 196x72
- text run at (0,0) width 196: "This paragraph is inside a DIV"
- text run at (0,18) width 196: "which is floated left. Its"
- text run at (0,36) width 196: "background is blue and the"
+ RenderBlock {HR} at (0,1069) size 769x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {DIV} at (0,1079) size 192x72 [bgcolor=#66CCFF]
+ RenderBlock {P} at (0,0) size 192x72
+ RenderText {TEXT} at (0,0) size 192x72
+ text run at (0,0) width 192: "This paragraph is inside a"
+ text run at (0,18) width 192: "DIV which is floated left. Its"
+ text run at (0,36) width 192: "background is blue and the"
text run at (0,54) width 87: "width is 25%."
- RenderBlock (floating) {DIV} at (588,1061) size 196x72 [bgcolor=#FFFF00]
- RenderBlock {P} at (0,0) size 196x72
- RenderText {TEXT} at (0,0) size 196x72
- text run at (0,0) width 196: "This paragraph is inside a DIV"
- text run at (0,18) width 196: "which is floated right. Its"
- text run at (0,36) width 196: "background is yellow and the"
+ RenderBlock (floating) {DIV} at (577,1079) size 192x72 [bgcolor=#FFFF00]
+ RenderBlock {P} at (0,0) size 192x72
+ RenderText {TEXT} at (0,0) size 192x72
+ text run at (0,0) width 192: "This paragraph is inside a"
+ text run at (0,18) width 192: "DIV which is floated right. Its"
+ text run at (0,36) width 192: "background is yellow and the"
text run at (0,54) width 87: "width is 25%."
- RenderBlock {P} at (0,1061) size 784x36
- RenderText {TEXT} at (196,0) size 392x36
- text run at (196,0) width 392: "This paragraph should appear between a blue box (on the left)"
- text run at (196,18) width 199: "and a yellow box (on the right)."
- RenderBlock (anonymous) at (0,1097) size 784x36
- RenderBR {BR} at (196,0) size 0x18
- RenderBlock {HR} at (0,1141) size 784x2 [border: (1px inset #000000)]
- RenderBlock (floating) {DIV} at (0,1151) size 588x126 [bgcolor=#66CCFF]
- RenderBlock (floating) {DIV} at (431,0) size 147x36 [bgcolor=#FFFF00]
- RenderBlock {P} at (0,0) size 147x36
- RenderText {TEXT} at (0,0) size 147x36
- text run at (0,0) width 147: "See description in the"
+ RenderBlock {P} at (0,1079) size 769x36
+ RenderText {TEXT} at (192,0) size 385x36
+ text run at (192,0) width 385: "This paragraph should appear between a blue box (on the"
+ text run at (192,18) width 29: "left) "
+ text run at (221,18) width 199: "and a yellow box (on the right)."
+ RenderBlock (anonymous) at (0,1115) size 769x36
+ RenderBR {BR} at (192,0) size 0x18
+ RenderBlock {HR} at (0,1159) size 769x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {DIV} at (0,1169) size 576x126 [bgcolor=#66CCFF]
+ RenderBlock (floating) {DIV} at (422,0) size 144x36 [bgcolor=#FFFF00]
+ RenderBlock {P} at (0,0) size 144x36
+ RenderText {TEXT} at (0,0) size 144x36
+ text run at (0,0) width 144: "See description in the"
text run at (0,18) width 124: "box on the left side."
- RenderBlock {P} at (0,0) size 588x126
- RenderText {TEXT} at (0,0) size 588x126
- text run at (0,0) width 431: "This paragraph is inside a DIV which is floated left. The"
- text run at (0,18) width 431: "background of the DIV element is blue and its width is 75%. This"
- text run at (0,36) width 373: "text should all be inside the blue rectangle. The blue DIV "
- text run at (373,36) width 215: "element has another DIV element"
- text run at (0,54) width 170: "as a child. It has a yellow "
- text run at (170,54) width 368: "background color and is floated to the right. Since it is a "
- text run at (538,54) width 50: "child of"
- text run at (0,72) width 350: "the blue DIV, the yellow DIV should appear inside the "
- text run at (350,72) width 238: "blue rectangle. Due to it being floated"
- text run at (0,90) width 155: "to the right and having "
- text run at (155,90) width 433: "a 10px right margin, the yellow rectange should have a 10px blue"
- text run at (0,108) width 138: "stripe on its right side."
- RenderBlock (anonymous) at (0,1151) size 784x126
- RenderBR {BR} at (588,0) size 0x18
- RenderBlock {HR} at (0,1285) size 784x2 [border: (1px inset #000000)]
- RenderTable {TABLE} at (0,1295) size 784x1367 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 0x1365
+ RenderBlock {P} at (0,0) size 576x126
+ RenderText {TEXT} at (0,0) size 576x126
+ text run at (0,0) width 422: "This paragraph is inside a DIV which is floated left. The"
+ text run at (0,18) width 422: "background of the DIV element is blue and its width is 75%. This"
+ text run at (0,36) width 364: "text should all be inside the blue rectangle. The blue DIV "
+ text run at (364,36) width 212: "element has another DIV element"
+ text run at (0,54) width 166: "as a child. It has a yellow "
+ text run at (166,54) width 361: "background color and is floated to the right. Since it is a "
+ text run at (527,54) width 49: "child of"
+ text run at (0,72) width 374: "the blue DIV, the yellow DIV should appear inside the "
+ text run at (374,72) width 202: "blue rectangle. Due to it being"
+ text run at (0,90) width 193: "floated to the right and having "
+ text run at (193,90) width 383: "a 10px right margin, the yellow rectange should have a 10px"
+ text run at (0,108) width 31: "blue "
+ text run at (31,108) width 138: "stripe on its right side."
+ RenderBlock (anonymous) at (0,1169) size 769x126
+ RenderBR {BR} at (576,0) size 0x18
+ RenderBlock {HR} at (0,1303) size 769x2 [border: (1px inset #000000)]
+ RenderTable {TABLE} at (0,1313) size 769x1385 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 0x1383
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,682) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,691) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x1339 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (floating) {P} at (4,4) size 381x36 [bgcolor=#FFFF00]
- RenderText {TEXT} at (0,0) size 381x36
- text run at (0,0) width 381: "This paragraph is of class \"one\". It has a width of 50% and"
+ RenderTableCell {TD} at (12,26) size 755x1357 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (floating) {P} at (4,4) size 373x36 [bgcolor=#FFFF00]
+ RenderText {TEXT} at (0,0) size 373x36
+ text run at (0,0) width 373: "This paragraph is of class \"one\". It has a width of 50% and"
text run at (0,18) width 124: "is floated to the left."
- RenderBlock {P} at (4,4) size 762x90
- RenderText {TEXT} at (381,0) size 762x90
- text run at (381,0) width 381: "This paragraph should start on the right side of a yellow box"
- text run at (381,18) width 381: "which contains the previous paragraph. Since the text of this"
- text run at (0,36) width 762: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There is no"
- text run at (0,54) width 762: "padding, border or margins on this and the previous element, so the text of the two elements should be very close to each"
- text run at (0,72) width 36: "other."
- RenderBlock (anonymous) at (4,94) size 762x18
+ RenderBlock {P} at (4,4) size 747x90
+ RenderText {TEXT} at (373,0) size 747x90
+ text run at (373,0) width 374: "This paragraph should start on the right side of a yellow"
+ text run at (373,18) width 374: "box which contains the previous paragraph. Since the text"
+ text run at (0,36) width 747: "of this element is much longer than the text in the previous element, the text will wrap around the yellow box. There is"
+ text run at (0,54) width 747: "no padding, border or margins on this and the previous element, so the text of the two elements should be very close to"
+ text run at (0,72) width 69: "each other."
+ RenderBlock (anonymous) at (4,94) size 747x18
RenderBR {BR} at (0,0) size 0x18
- RenderBlock {HR} at (4,120) size 762x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (4,130) size 762x72 [bgcolor=#FFFF00]
- RenderText {TEXT} at (0,0) size 762x72
- text run at (0,0) width 762: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
- text run at (0,18) width 762: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides and"
- text run at (0,36) width 762: "a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added to this"
- text run at (0,54) width 217: "paragraph for diagnostic purposes."
- RenderBlock (anonymous) at (4,130) size 762x91
+ RenderBlock {HR} at (4,120) size 747x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (4,130) size 747x72 [bgcolor=#FFFF00]
+ RenderText {TEXT} at (0,0) size 747x72
+ text run at (0,0) width 747: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
+ text run at (0,18) width 747: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides"
+ text run at (0,36) width 747: "and a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added"
+ text run at (0,54) width 259: "to this paragraph for diagnostic purposes."
+ RenderBlock (anonymous) at (4,130) size 747x91
RenderImage {IMG} at (0,72) size 15x15
RenderText {TEXT} at (15,73) size 4x18
text run at (15,73) width 4: " "
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (4,229) size 762x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (4,239) size 381x108 [bgcolor=#FFFF00]
- RenderText {TEXT} at (0,0) size 381x108
- text run at (0,0) width 381: "This paragraph is floated to the left and the orange square"
- text run at (0,18) width 381: "image should appear to the right of the paragraph. This"
- text run at (0,36) width 381: "paragraph has a yellow background and no padding, margin"
- text run at (0,54) width 381: "or border. The right edge of this yellow box should be"
- text run at (0,72) width 381: "horizontally aligned with the left edge of the yellow box"
+ RenderBlock {HR} at (4,229) size 747x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (4,239) size 373x108 [bgcolor=#FFFF00]
+ RenderText {TEXT} at (0,0) size 373x108
+ text run at (0,0) width 373: "This paragraph is floated to the left and the orange square"
+ text run at (0,18) width 373: "image should appear to the right of the paragraph. This"
+ text run at (0,36) width 373: "paragraph has a yellow background and no padding,"
+ text run at (0,54) width 373: "margin or border. The right edge of this yellow box should"
+ text run at (0,72) width 373: "be horizontally aligned with the left edge of the yellow box"
text run at (0,90) width 79: "undernearth."
- RenderBlock (anonymous) at (4,239) size 762x108
- RenderImage {IMG} at (381,0) size 15x15
- RenderText {TEXT} at (396,1) size 4x18
- text run at (396,1) width 4: " "
+ RenderBlock (anonymous) at (4,239) size 747x108
+ RenderImage {IMG} at (373,0) size 15x15
+ RenderText {TEXT} at (388,1) size 4x18
+ text run at (388,1) width 4: " "
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (4,355) size 762x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (385,365) size 381x108 [bgcolor=#FFFF00]
- RenderText {TEXT} at (0,0) size 381x108
- text run at (0,0) width 381: "This paragraph is floated to the right (using a STYLE"
- text run at (0,18) width 381: "attribute) and the orange square image should appear to the"
- text run at (0,36) width 381: "left of the paragraph. This paragraph has a yellow"
- text run at (0,54) width 381: "background and no padding, margin or border. The left"
- text run at (0,72) width 381: "edge of this yellow box should be horizonally aligned with"
+ RenderBlock {HR} at (4,355) size 747x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (378,365) size 373x108 [bgcolor=#FFFF00]
+ RenderText {TEXT} at (0,0) size 373x108
+ text run at (0,0) width 373: "This paragraph is floated to the right (using a STYLE"
+ text run at (0,18) width 373: "attribute) and the orange square image should appear to the"
+ text run at (0,36) width 373: "left of the paragraph. This paragraph has a yellow"
+ text run at (0,54) width 373: "background and no padding, margin or border. The left"
+ text run at (0,72) width 373: "edge of this yellow box should be horizonally aligned with"
text run at (0,90) width 247: "the right edge of the yellow box above."
- RenderBlock (anonymous) at (4,365) size 762x108
+ RenderBlock (anonymous) at (4,365) size 747x108
RenderImage {IMG} at (0,0) size 15x15
RenderText {TEXT} at (15,1) size 4x18
text run at (15,1) width 4: " "
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (4,481) size 762x2 [border: (1px inset #000000)]
- RenderBlock {P} at (4,491) size 762x54
+ RenderBlock {HR} at (4,481) size 747x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (4,491) size 747x72
RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 21x37
text run at (0,0) width 21: "T"
- RenderText {TEXT} at (48,0) size 714x54
- text run at (48,0) width 714: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as"
- text run at (48,18) width 491: "well as bold, with a content width of 1.5em and a background-color of silver. "
- text run at (539,18) width 223: "The top of the big letter \"T\" should"
- text run at (48,36) width 675: "be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
- RenderBlock (anonymous) at (4,545) size 762x18
+ RenderText {TEXT} at (48,0) size 747x72
+ text run at (48,0) width 699: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as"
+ text run at (48,18) width 513: "well as bold, with a content width of 1.5em and a background-color of silver. "
+ text run at (561,18) width 186: "The top of the big letter \"T\""
+ text run at (48,36) width 699: "should be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-"
+ text run at (0,54) width 33: "cap\"."
+ RenderBlock (anonymous) at (4,563) size 747x18
RenderBR {BR} at (0,0) size 0x18
- RenderBlock {HR} at (4,571) size 762x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (420,591) size 336x196 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+ RenderBlock {HR} at (4,589) size 747x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (405,609) size 336x196 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
RenderText {TEXT} at (8,8) size 320x180
text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
text run at (8,26) width 320: "of like a 'sidebar' in a magazine article. Its width is"
text run at (8,134) width 320: "element has a 10px wide margin around it where"
text run at (8,152) width 320: "the blue background of the paragraph in the"
text run at (8,170) width 217: "normal flow should shine through."
- RenderBlock {P} at (4,581) size 762x216 [bgcolor=#66CCFF]
- RenderText {TEXT} at (0,0) size 406x216
- text run at (0,0) width 406: "This paragraph is not floating. If there is enough room, the"
- text run at (0,18) width 406: "textual content of the paragraph should appear on the left side of"
- text run at (0,36) width 226: "the yellow \"sidebar\" on the right. "
- text run at (226,36) width 180: "The content of this element"
- text run at (0,54) width 268: "should flow around the floated element. "
- text run at (268,54) width 138: "However, the floated"
- text run at (0,72) width 406: "element may or may not be obscured by the blue background of"
- text run at (0,90) width 406: "this element, as the specification does not say which is drawn"
- text run at (0,108) width 64: "\"on top.\" "
- text run at (64,108) width 342: "Even if the floated element is obscured, it still forces"
- text run at (0,126) width 318: "the content of this element to flow around it. "
- text run at (318,126) width 88: "If the floated"
- text run at (0,144) width 406: "element is not obscured, then the blue rectangle of this"
- text run at (0,162) width 406: "paragraph should extend 10px above and to the right of the"
- text run at (0,180) width 406: "sidebar's red border, due to the margin styles set for the floated"
- text run at (0,198) width 53: "element."
- RenderBlock (anonymous) at (4,797) size 762x18
+ RenderBlock {P} at (4,599) size 747x216 [bgcolor=#66CCFF]
+ RenderText {TEXT} at (0,0) size 391x216
+ text run at (0,0) width 391: "This paragraph is not floating. If there is enough room, the"
+ text run at (0,18) width 391: "textual content of the paragraph should appear on the left side"
+ text run at (0,36) width 260: "of the yellow \"sidebar\" on the right. "
+ text run at (260,36) width 131: "The content of this"
+ text run at (0,54) width 328: "element should flow around the floated element. "
+ text run at (328,54) width 63: "However,"
+ text run at (0,72) width 391: "the floated element may or may not be obscured by the blue"
+ text run at (0,90) width 391: "background of this element, as the specification does not say"
+ text run at (0,108) width 185: "which is drawn \"on top.\" "
+ text run at (185,108) width 206: "Even if the floated element is"
+ text run at (0,126) width 391: "obscured, it still forces the content of this element to flow"
+ text run at (0,144) width 65: "around it. "
+ text run at (65,144) width 326: "If the floated element is not obscured, then the blue"
+ text run at (0,162) width 391: "rectangle of this paragraph should extend 10px above and to"
+ text run at (0,180) width 391: "the right of the sidebar's red border, due to the margin styles"
+ text run at (0,198) width 166: "set for the floated element."
+ RenderBlock (anonymous) at (4,815) size 747x18
RenderBR {BR} at (0,0) size 0x18
- RenderBlock {HR} at (4,823) size 762x2 [border: (1px inset #000000)]
- RenderBlock {DIV} at (4,833) size 762x26 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
- RenderBlock (floating) {DIV} at (418,14) size 330x226 [bgcolor=#FFFF00]
+ RenderBlock {HR} at (4,841) size 747x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (4,851) size 747x26 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+ RenderBlock (floating) {DIV} at (403,14) size 330x226 [bgcolor=#FFFF00]
RenderBlock {P} at (5,5) size 320x216
RenderText {TEXT} at (0,0) size 320x216
text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
text run at (0,162) width 320: "box should be rendered on top of the bottom red"
text run at (0,180) width 320: "border. I.e., the bottom red border will appear"
text run at (0,198) width 318: "broken where it's overlaid by the yellow rectangle."
- RenderBlock {P} at (4,4) size 754x18
+ RenderBlock {P} at (4,4) size 739x18
RenderText {TEXT} at (0,0) size 268x18
text run at (0,0) width 268: "See description in the box on the right side"
- RenderBlock (anonymous) at (4,859) size 762x224
+ RenderBlock (anonymous) at (4,877) size 747x224
RenderBR {BR} at (0,0) size 0x18
- RenderBlock {HR} at (4,1091) size 762x2 [border: (1px inset #000000)]
- RenderBlock (floating) {DIV} at (4,1101) size 190x72 [bgcolor=#66CCFF]
- RenderBlock {P} at (0,0) size 190x72
- RenderText {TEXT} at (0,0) size 190x72
- text run at (0,0) width 190: "This paragraph is inside a"
- text run at (0,18) width 190: "DIV which is floated left. Its"
- text run at (0,36) width 190: "background is blue and the"
+ RenderBlock {HR} at (4,1109) size 747x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {DIV} at (4,1119) size 186x72 [bgcolor=#66CCFF]
+ RenderBlock {P} at (0,0) size 186x72
+ RenderText {TEXT} at (0,0) size 186x72
+ text run at (0,0) width 186: "This paragraph is inside a"
+ text run at (0,18) width 186: "DIV which is floated left. Its"
+ text run at (0,36) width 186: "background is blue and the"
text run at (0,54) width 87: "width is 25%."
- RenderBlock (floating) {DIV} at (576,1101) size 190x72 [bgcolor=#FFFF00]
- RenderBlock {P} at (0,0) size 190x72
- RenderText {TEXT} at (0,0) size 190x72
- text run at (0,0) width 190: "This paragraph is inside a"
- text run at (0,18) width 190: "DIV which is floated right. Its"
- text run at (0,36) width 190: "background is yellow and the"
- text run at (0,54) width 87: "width is 25%."
- RenderBlock {P} at (4,1101) size 762x36
- RenderText {TEXT} at (190,0) size 382x36
- text run at (190,0) width 382: "This paragraph should appear between a blue box (on the"
- text run at (190,18) width 29: "left) "
- text run at (219,18) width 199: "and a yellow box (on the right)."
- RenderBlock (anonymous) at (4,1137) size 762x36
- RenderBR {BR} at (190,0) size 0x18
- RenderBlock {HR} at (4,1181) size 762x2 [border: (1px inset #000000)]
- RenderBlock (floating) {DIV} at (4,1191) size 571x126 [bgcolor=#66CCFF]
- RenderBlock (floating) {DIV} at (419,0) size 142x36 [bgcolor=#FFFF00]
- RenderBlock {P} at (0,0) size 142x36
- RenderText {TEXT} at (0,0) size 142x36
- text run at (0,0) width 142: "See description in the"
+ RenderBlock (floating) {DIV} at (565,1119) size 186x72 [bgcolor=#FFFF00]
+ RenderBlock {P} at (0,0) size 186x72
+ RenderText {TEXT} at (0,0) size 186x72
+ text run at (0,0) width 186: "This paragraph is inside a"
+ text run at (0,18) width 186: "DIV which is floated right."
+ text run at (0,36) width 20: "Its "
+ text run at (20,36) width 166: "background is yellow and"
+ text run at (0,54) width 110: "the width is 25%."
+ RenderBlock {P} at (4,1119) size 747x36
+ RenderText {TEXT} at (186,0) size 375x36
+ text run at (186,0) width 375: "This paragraph should appear between a blue box (on the"
+ text run at (186,18) width 29: "left) "
+ text run at (215,18) width 199: "and a yellow box (on the right)."
+ RenderBlock (anonymous) at (4,1155) size 747x36
+ RenderBR {BR} at (186,0) size 0x18
+ RenderBlock {HR} at (4,1199) size 747x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {DIV} at (4,1209) size 560x126 [bgcolor=#66CCFF]
+ RenderBlock (floating) {DIV} at (410,0) size 140x36 [bgcolor=#FFFF00]
+ RenderBlock {P} at (0,0) size 140x36
+ RenderText {TEXT} at (0,0) size 140x36
+ text run at (0,0) width 140: "See description in the"
text run at (0,18) width 124: "box on the left side."
- RenderBlock {P} at (0,0) size 571x126
- RenderText {TEXT} at (0,0) size 571x126
- text run at (0,0) width 419: "This paragraph is inside a DIV which is floated left. The"
- text run at (0,18) width 419: "background of the DIV element is blue and its width is 75%. This"
- text run at (0,36) width 402: "text should all be inside the blue rectangle. The blue DIV "
- text run at (402,36) width 169: "element has another DIV"
+ RenderBlock {P} at (0,0) size 560x126
+ RenderText {TEXT} at (0,0) size 560x126
+ text run at (0,0) width 410: "This paragraph is inside a DIV which is floated left. The"
+ text run at (0,18) width 410: "background of the DIV element is blue and its width is 75%."
+ text run at (0,36) width 32: "This "
+ text run at (32,36) width 368: "text should all be inside the blue rectangle. The blue DIV "
+ text run at (400,36) width 160: "element has another DIV"
text run at (0,54) width 217: "element as a child. It has a yellow "
- text run at (217,54) width 354: "background color and is floated to the right. Since it is a"
- text run at (0,72) width 415: "child of the blue DIV, the yellow DIV should appear inside the "
- text run at (415,72) width 156: "blue rectangle. Due to it"
- text run at (0,90) width 233: "being floated to the right and having "
- text run at (233,90) width 338: "a 10px right margin, the yellow rectange should have"
- text run at (0,108) width 78: "a 10px blue "
- text run at (78,108) width 138: "stripe on its right side."
- RenderBlock (anonymous) at (4,1191) size 762x126
- RenderBR {BR} at (571,0) size 0x18
- RenderBlock {HR} at (4,1325) size 762x2 [border: (1px inset #000000)]
+ text run at (217,54) width 343: "background color and is floated to the right. Since it is"
+ text run at (0,72) width 11: "a "
+ text run at (11,72) width 408: "child of the blue DIV, the yellow DIV should appear inside the "
+ text run at (419,72) width 141: "blue rectangle. Due to"
+ text run at (0,90) width 252: "it being floated to the right and having "
+ text run at (252,90) width 308: "a 10px right margin, the yellow rectange should"
+ text run at (0,108) width 112: "have a 10px blue "
+ text run at (112,108) width 138: "stripe on its right side."
+ RenderBlock (anonymous) at (4,1209) size 747x126
+ RenderBR {BR} at (560,0) size 0x18
+ RenderBlock {HR} at (4,1343) size 747x2 [border: (1px inset #000000)]
-layer at (0,0) size 800x974
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x974
- RenderBlock {HTML} at (0,0) size 800x974
- RenderBody {BODY} at (8,8) size 784x958 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x974
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x974
+ RenderBlock {HTML} at (0,0) size 785x974
+ RenderBody {BODY} at (8,8) size 769x958 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x45
+ RenderBlock {PRE} at (0,34) size 769x45
RenderText {TEXT} at (0,0) size 168x30
text run at (0,0) width 160: ".one {height: 50px;}"
text run at (0,15) width 168: ".two {height: 100px;}"
- RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
- RenderBlock (anonymous) at (0,102) size 784x50
+ RenderBlock {HR} at (0,92) size 769x2 [border: (1px inset #000000)]
+ RenderBlock (anonymous) at (0,102) size 769x50
RenderImage {IMG} at (0,0) size 50x50
RenderText {TEXT} at (0,0) size 0x0
- RenderBlock {P} at (0,168) size 784x18
+ RenderBlock {P} at (0,168) size 769x18
RenderText {TEXT} at (0,0) size 275x18
text run at (0,0) width 275: "The square above should be fifty pixels tall."
- RenderBlock (anonymous) at (0,202) size 784x100
+ RenderBlock (anonymous) at (0,202) size 769x100
RenderImage {IMG} at (0,0) size 100x100
RenderText {TEXT} at (0,0) size 0x0
- RenderBlock {P} at (0,318) size 784x18
+ RenderBlock {P} at (0,318) size 769x18
RenderText {TEXT} at (0,0) size 335x18
text run at (0,0) width 335: "The square above should be 100 pixels tall and wide."
- RenderBlock (anonymous) at (0,352) size 784x100
+ RenderBlock (anonymous) at (0,352) size 769x100
RenderImage {IMG} at (0,0) size 30x100
RenderText {TEXT} at (0,0) size 0x0
- RenderBlock {P} at (0,468) size 784x36
- RenderText {TEXT} at (0,0) size 784x36
- text run at (0,0) width 784: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the size has been"
- text run at (0,18) width 116: "doubled using the "
+ RenderBlock {P} at (0,468) size 769x36
+ RenderText {TEXT} at (0,0) size 750x36
+ text run at (0,0) width 750: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the size has"
+ text run at (0,18) width 150: "been doubled using the "
RenderInline {CODE} at (0,0) size 48x15
- RenderText {TEXT} at (116,20) size 48x15
- text run at (116,20) width 48: "height"
- RenderText {TEXT} at (164,18) size 66x18
- text run at (164,18) width 66: " property)."
- RenderTable {TABLE} at (0,520) size 784x438 [border: (1px outset #808080)]
+ RenderText {TEXT} at (150,20) size 48x15
+ text run at (150,20) width 48: "height"
+ RenderText {TEXT} at (198,18) size 66x18
+ text run at (198,18) width 66: " property)."
+ RenderTable {TABLE} at (0,520) size 769x438 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x436
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableCell {TD} at (0,218) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x410 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (4,4) size 762x50
+ RenderTableCell {TD} at (12,26) size 755x410 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (4,4) size 747x50
RenderImage {IMG} at (0,0) size 50x50
RenderText {TEXT} at (0,0) size 0x0
- RenderBlock {P} at (4,70) size 762x18
+ RenderBlock {P} at (4,70) size 747x18
RenderText {TEXT} at (0,0) size 275x18
text run at (0,0) width 275: "The square above should be fifty pixels tall."
- RenderBlock (anonymous) at (4,104) size 762x100
+ RenderBlock (anonymous) at (4,104) size 747x100
RenderImage {IMG} at (0,0) size 100x100
RenderText {TEXT} at (0,0) size 0x0
- RenderBlock {P} at (4,220) size 762x18
+ RenderBlock {P} at (4,220) size 747x18
RenderText {TEXT} at (0,0) size 335x18
text run at (0,0) width 335: "The square above should be 100 pixels tall and wide."
- RenderBlock (anonymous) at (4,254) size 762x100
+ RenderBlock (anonymous) at (4,254) size 747x100
RenderImage {IMG} at (0,0) size 30x100
RenderText {TEXT} at (0,0) size 0x0
- RenderBlock {P} at (4,370) size 762x36
- RenderText {TEXT} at (0,0) size 750x36
- text run at (0,0) width 750: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the size has"
- text run at (0,18) width 150: "been doubled using the "
+ RenderBlock {P} at (4,370) size 747x36
+ RenderText {TEXT} at (0,0) size 725x36
+ text run at (0,0) width 725: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the size"
+ text run at (0,18) width 175: "has been doubled using the "
RenderInline {CODE} at (0,0) size 48x15
- RenderText {TEXT} at (150,20) size 48x15
- text run at (150,20) width 48: "height"
- RenderText {TEXT} at (198,18) size 66x18
- text run at (198,18) width 66: " property)."
+ RenderText {TEXT} at (175,20) size 48x15
+ text run at (175,20) width 48: "height"
+ RenderText {TEXT} at (223,18) size 66x18
+ text run at (223,18) width 66: " property)."
-layer at (0,0) size 802x2608
- RenderCanvas at (0,0) size 800x585
-layer at (0,0) size 802x2608
- RenderBlock {HTML} at (0,0) size 800x2608
- RenderBody {BODY} at (8,8) size 784x2592 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 787x2628
+ RenderCanvas at (0,0) size 785x585
+layer at (0,0) size 787x2628
+ RenderBlock {HTML} at (0,0) size 785x2628
+ RenderBody {BODY} at (8,8) size 769x2612 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x105
+ RenderBlock {PRE} at (0,34) size 769x105
RenderText {TEXT} at (0,0) size 360x105
text run at (0,0) width 352: ".zero {background-color: silver; margin: 0;}"
text run at (0,15) width 360: ".one {margin: 0.5in; background-color: aqua;}"
text run at (0,60) width 352: ".four {margin: 25%; background-color: aqua;}"
text run at (0,75) width 168: ".five {margin: 25px;}"
text run at (0,90) width 360: ".six {margin: -10px; background-color: aqua;}"
- RenderBlock {HR} at (0,152) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,170) size 784x36
+ RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,170) size 769x36
RenderText {TEXT} at (0,0) size 738x36
text run at (0,0) width 738: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
text run at (0,18) width 248: "section 4.1.1 of the CSS1 specification."
- RenderBlock {P} at (0,222) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,222) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (48,288) size 688x18 [bgcolor=#00FFFF]
+ RenderBlock {P} at (48,288) size 673x18 [bgcolor=#00FFFF]
RenderText {TEXT} at (0,0) size 658x18
text run at (0,0) width 658: "This sentence should have an overall margin of half an inch, which will require extra text in order to test."
- RenderBlock {P} at (0,354) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,354) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (25,397) size 734x18 [bgcolor=#00FFFF]
+ RenderBlock {P} at (25,397) size 719x18 [bgcolor=#00FFFF]
RenderText {TEXT} at (0,0) size 641x18
text run at (0,0) width 641: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
- RenderBlock {P} at (0,440) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,440) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (80,538) size 624x18 [bgcolor=#00FFFF]
- RenderText {TEXT} at (0,0) size 615x18
- text run at (0,0) width 615: "This sentence should have an overall margin of 5 em, which will require extra text in order to test."
- RenderBlock {P} at (0,636) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (80,538) size 609x36 [bgcolor=#00FFFF]
+ RenderText {TEXT} at (0,0) size 586x36
+ text run at (0,0) width 586: "This sentence should have an overall margin of 5 em, which will require extra text in order to"
+ text run at (0,18) width 25: "test."
+ RenderBlock {P} at (0,654) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (196,850) size 392x54 [bgcolor=#00FFFF]
- RenderText {TEXT} at (0,0) size 391x54
- text run at (0,0) width 391: "This sentence should have an overall margin of 25%, which is"
- text run at (0,18) width 362: "calculated with respect to the width of the parent element."
+ RenderBlock {P} at (192,864) size 385x54 [bgcolor=#00FFFF]
+ RenderText {TEXT} at (0,0) size 377x54
+ text run at (0,0) width 377: "This sentence should have an overall margin of 25%, which"
+ text run at (0,18) width 376: "is calculated with respect to the width of the parent element."
text run at (0,36) width 264: "This will require extra text in order to test."
- RenderBlock {P} at (0,1100) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,1110) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {UL} at (25,1143) size 734x122 [bgcolor=#00FFFF]
- RenderListItem {LI} at (40,0) size 694x18
+ RenderBlock {UL} at (25,1153) size 719x122 [bgcolor=#00FFFF]
+ RenderListItem {LI} at (40,0) size 679x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 375x18
text run at (0,0) width 375: "This list has a margin of 25px, and a light blue background."
- RenderListItem {LI} at (40,18) size 694x18
+ RenderListItem {LI} at (40,18) size 679x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 264x18
text run at (0,0) width 264: "Therefore, it ought to have such a margin."
- RenderListItem {LI} at (65,61) size 644x18
+ RenderListItem {LI} at (65,61) size 629x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 543x18
text run at (0,0) width 543: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
- RenderListItem {LI} at (40,104) size 694x18
+ RenderListItem {LI} at (40,104) size 679x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 294x18
text run at (0,0) width 294: "This list item has no special styles applied to it."
- RenderBlock {P} at (0,1290) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,1300) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (-10,1298) size 804x54 [bgcolor=#00FFFF]
+ RenderBlock {P} at (-10,1308) size 789x54 [bgcolor=#00FFFF]
RenderText {TEXT} at (0,0) size 775x54
text run at (0,0) width 758: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull"
text run at (0,18) width 369: "subsequent text up toward it, and a light blue background. "
text run at (369,18) width 386: "In all other respects, however, the element should be normal. "
text run at (755,18) width 20: "No"
text run at (0,36) width 528: "styles have been applied to it besides the negative margin and the background color."
- RenderBlock {P} at (0,1342) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,1352) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderTable {TABLE} at (0,1360) size 784x1232 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 0x1230
+ RenderTable {TABLE} at (0,1370) size 769x1242 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 0x1240
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,615) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,620) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x1204 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x36
+ RenderTableCell {TD} at (12,26) size 755x1214 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 747x36
RenderText {TEXT} at (0,0) size 738x36
text run at (0,0) width 738: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
text run at (0,18) width 248: "section 4.1.1 of the CSS1 specification."
- RenderBlock {P} at (4,56) size 762x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,56) size 747x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (52,122) size 666x18 [bgcolor=#00FFFF]
- RenderText {TEXT} at (0,0) size 658x18
- text run at (0,0) width 658: "This sentence should have an overall margin of half an inch, which will require extra text in order to test."
- RenderBlock {P} at (4,188) size 762x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (52,122) size 651x36 [bgcolor=#00FFFF]
+ RenderText {TEXT} at (0,0) size 629x36
+ text run at (0,0) width 629: "This sentence should have an overall margin of half an inch, which will require extra text in order to"
+ text run at (0,18) width 25: "test."
+ RenderBlock {P} at (4,206) size 747x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (29,231) size 712x18 [bgcolor=#00FFFF]
+ RenderBlock {P} at (29,249) size 697x18 [bgcolor=#00FFFF]
RenderText {TEXT} at (0,0) size 641x18
text run at (0,0) width 641: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
- RenderBlock {P} at (4,274) size 762x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,292) size 747x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (84,372) size 602x36 [bgcolor=#00FFFF]
+ RenderBlock {P} at (84,390) size 587x36 [bgcolor=#00FFFF]
RenderText {TEXT} at (0,0) size 586x36
text run at (0,0) width 586: "This sentence should have an overall margin of 5 em, which will require extra text in order to"
text run at (0,18) width 25: "test."
- RenderBlock {P} at (4,488) size 762x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,506) size 747x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (194,696) size 382x54 [bgcolor=#00FFFF]
- RenderText {TEXT} at (0,0) size 377x54
- text run at (0,0) width 377: "This sentence should have an overall margin of 25%, which"
- text run at (0,18) width 376: "is calculated with respect to the width of the parent element."
- text run at (0,36) width 264: "This will require extra text in order to test."
- RenderBlock {P} at (4,940) size 762x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (190,710) size 375x54 [bgcolor=#00FFFF]
+ RenderText {TEXT} at (0,0) size 362x54
+ text run at (0,0) width 334: "This sentence should have an overall margin of 25%,"
+ text run at (0,18) width 362: "which is calculated with respect to the width of the parent"
+ text run at (0,36) width 57: "element. "
+ text run at (57,36) width 264: "This will require extra text in order to test."
+ RenderBlock {P} at (4,950) size 747x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {UL} at (29,983) size 712x122 [bgcolor=#00FFFF]
- RenderListItem {LI} at (40,0) size 672x18
+ RenderBlock {UL} at (29,993) size 697x122 [bgcolor=#00FFFF]
+ RenderListItem {LI} at (40,0) size 657x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 375x18
text run at (0,0) width 375: "This list has a margin of 25px, and a light blue background."
- RenderListItem {LI} at (40,18) size 672x18
+ RenderListItem {LI} at (40,18) size 657x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 264x18
text run at (0,0) width 264: "Therefore, it ought to have such a margin."
- RenderListItem {LI} at (65,61) size 622x18
+ RenderListItem {LI} at (65,61) size 607x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 543x18
text run at (0,0) width 543: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
- RenderListItem {LI} at (40,104) size 672x18
+ RenderListItem {LI} at (40,104) size 657x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 294x18
text run at (0,0) width 294: "This list item has no special styles applied to it."
- RenderBlock {P} at (4,1130) size 762x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,1140) size 747x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (-6,1138) size 782x54 [bgcolor=#00FFFF]
- RenderText {TEXT} at (0,0) size 775x54
+ RenderBlock {P} at (-6,1148) size 767x54 [bgcolor=#00FFFF]
+ RenderText {TEXT} at (0,0) size 758x54
text run at (0,0) width 758: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull"
text run at (0,18) width 369: "subsequent text up toward it, and a light blue background. "
- text run at (369,18) width 386: "In all other respects, however, the element should be normal. "
- text run at (755,18) width 20: "No"
- text run at (0,36) width 528: "styles have been applied to it besides the negative margin and the background color."
- RenderBlock {P} at (4,1182) size 762x18 [bgcolor=#C0C0C0]
+ text run at (369,18) width 382: "In all other respects, however, the element should be normal."
+ text run at (0,36) width 552: "No styles have been applied to it besides the negative margin and the background color."
+ RenderBlock {P} at (4,1192) size 747x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
-layer at (0,0) size 800x1736
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x1736
- RenderBlock {HTML} at (0,0) size 800x1736
- RenderBody {BODY} at (8,8) size 784x1720 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x1728
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x1728
+ RenderBlock {HTML} at (0,0) size 785x1728
+ RenderBody {BODY} at (8,8) size 769x1712 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x135
+ RenderBlock {PRE} at (0,34) size 769x135
RenderText {TEXT} at (0,0) size 416x120
text run at (0,0) width 408: ".zero {background-color: silver; margin-bottom: 0;}"
text run at (0,15) width 416: ".one {margin-bottom: 0.5in; background-color: aqua;}"
text run at (0,75) width 224: ".five {margin-bottom: 25px;}"
text run at (0,90) width 416: ".six {margin-bottom: -10px; background-color: aqua;}"
text run at (0,105) width 176: "P, UL {margin-top: 0;}"
- RenderBlock {HR} at (0,182) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,192) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,192) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,210) size 784x36 [bgcolor=#00FFFF]
+ RenderBlock {P} at (0,210) size 769x36 [bgcolor=#00FFFF]
RenderText {TEXT} at (0,0) size 740x36
text run at (0,0) width 740: "This sentence should have a bottom margin of half an inch, which will require extra text in order to make sure that the"
text run at (0,18) width 203: "margin isn't applied to each line."
- RenderBlock {P} at (0,294) size 784x36 [bgcolor=#00FFFF]
- RenderText {TEXT} at (0,0) size 771x36
- text run at (0,0) width 771: "This sentence should have a bottom margin of 25 pixels, which will require extra text in order to make sure that the margin"
+ RenderBlock {P} at (0,294) size 769x36 [bgcolor=#00FFFF]
+ RenderText {TEXT} at (0,0) size 723x36
+ text run at (0,0) width 723: "This sentence should have a bottom margin of 25 pixels, which will require extra text in order to make sure that the"
+ text run at (0,18) width 203: "margin isn't applied to each line."
+ RenderBlock {P} at (0,355) size 769x36 [bgcolor=#00FFFF]
+ RenderText {TEXT} at (0,0) size 745x36
+ text run at (0,0) width 745: "This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that the margin"
text run at (0,18) width 155: "isn't applied to each line."
- RenderBlock {P} at (0,355) size 784x36 [bgcolor=#00FFFF]
- RenderText {TEXT} at (0,0) size 774x36
- text run at (0,0) width 774: "This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that the margin isn't"
- text run at (0,18) width 126: "applied to each line."
- RenderBlock {P} at (0,471) size 784x36 [bgcolor=#00FFFF]
+ RenderBlock {P} at (0,471) size 769x36 [bgcolor=#00FFFF]
RenderText {TEXT} at (0,0) size 767x36
text run at (0,0) width 767: "This element should have a bottom margin of 25%, which will require extra text in order to make sure that the margin isn't"
text run at (0,18) width 126: "applied to each line."
- RenderBlock {P} at (0,703) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,699) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,721) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,717) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 232x18
text run at (0,0) width 232: "This element also has a class of zero."
- RenderBlock {UL} at (0,739) size 784x97 [bgcolor=#00FFFF]
- RenderListItem {LI} at (40,0) size 744x18
+ RenderBlock {UL} at (0,735) size 769x97 [bgcolor=#00FFFF]
+ RenderListItem {LI} at (40,0) size 729x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 424x18
text run at (0,0) width 424: "This list has a margin-bottom of 25px, and a light blue background."
- RenderListItem {LI} at (40,18) size 744x18
+ RenderListItem {LI} at (40,18) size 729x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 264x18
text run at (0,0) width 264: "Therefore, it ought to have such a margin."
- RenderListItem {LI} at (40,36) size 744x18
+ RenderListItem {LI} at (40,36) size 729x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 591x18
text run at (0,0) width 591: "This list item has a bottom margin of 25px, which should cause it to be offset in some fashion."
- RenderListItem {LI} at (40,79) size 744x18
+ RenderListItem {LI} at (40,79) size 729x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 294x18
text run at (0,0) width 294: "This list item has no special styles applied to it."
- RenderBlock {P} at (0,861) size 784x54 [bgcolor=#00FFFF]
- RenderText {TEXT} at (0,0) size 775x54
- text run at (0,0) width 775: "This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted \"upward\" on the page, and"
- text run at (0,18) width 96: "no top margin. "
- text run at (96,18) width 488: "No other styles have been applied to it besides a light blue background color. "
- text run at (584,18) width 149: "In all other respects, the"
+ RenderBlock {P} at (0,857) size 769x54 [bgcolor=#00FFFF]
+ RenderText {TEXT} at (0,0) size 760x54
+ text run at (0,0) width 748: "This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted \"upward\" on the page,"
+ text run at (0,18) width 123: "and no top margin. "
+ text run at (123,18) width 488: "No other styles have been applied to it besides a light blue background color. "
+ text run at (611,18) width 149: "In all other respects, the"
text run at (0,36) width 166: "element should be normal."
- RenderBlock {P} at (0,905) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,901) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,923) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,919) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 232x18
text run at (0,0) width 232: "This element also has a class of zero."
- RenderTable {TABLE} at (0,941) size 784x779 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 0x777
+ RenderTable {TABLE} at (0,937) size 769x775 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 0x773
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,388) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,386) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x751 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x18 [bgcolor=#C0C0C0]
+ RenderTableCell {TD} at (12,26) size 755x747 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 747x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,22) size 762x36 [bgcolor=#00FFFF]
+ RenderBlock {P} at (4,22) size 747x36 [bgcolor=#00FFFF]
RenderText {TEXT} at (0,0) size 740x36
text run at (0,0) width 740: "This sentence should have a bottom margin of half an inch, which will require extra text in order to make sure that the"
text run at (0,18) width 203: "margin isn't applied to each line."
- RenderBlock {P} at (4,106) size 762x36 [bgcolor=#00FFFF]
+ RenderBlock {P} at (4,106) size 747x36 [bgcolor=#00FFFF]
RenderText {TEXT} at (0,0) size 723x36
text run at (0,0) width 723: "This sentence should have a bottom margin of 25 pixels, which will require extra text in order to make sure that the"
text run at (0,18) width 203: "margin isn't applied to each line."
- RenderBlock {P} at (4,167) size 762x36 [bgcolor=#00FFFF]
+ RenderBlock {P} at (4,167) size 747x36 [bgcolor=#00FFFF]
RenderText {TEXT} at (0,0) size 745x36
text run at (0,0) width 745: "This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that the margin"
text run at (0,18) width 155: "isn't applied to each line."
- RenderBlock {P} at (4,283) size 762x36 [bgcolor=#00FFFF]
+ RenderBlock {P} at (4,283) size 747x36 [bgcolor=#00FFFF]
RenderText {TEXT} at (0,0) size 738x36
text run at (0,0) width 738: "This element should have a bottom margin of 25%, which will require extra text in order to make sure that the margin"
text run at (0,18) width 155: "isn't applied to each line."
- RenderBlock {P} at (4,509) size 762x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,505) size 747x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,527) size 762x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,523) size 747x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 232x18
text run at (0,0) width 232: "This element also has a class of zero."
- RenderBlock {UL} at (4,545) size 762x97 [bgcolor=#00FFFF]
- RenderListItem {LI} at (40,0) size 722x18
+ RenderBlock {UL} at (4,541) size 747x97 [bgcolor=#00FFFF]
+ RenderListItem {LI} at (40,0) size 707x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 424x18
text run at (0,0) width 424: "This list has a margin-bottom of 25px, and a light blue background."
- RenderListItem {LI} at (40,18) size 722x18
+ RenderListItem {LI} at (40,18) size 707x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 264x18
text run at (0,0) width 264: "Therefore, it ought to have such a margin."
- RenderListItem {LI} at (40,36) size 722x18
+ RenderListItem {LI} at (40,36) size 707x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 591x18
text run at (0,0) width 591: "This list item has a bottom margin of 25px, which should cause it to be offset in some fashion."
- RenderListItem {LI} at (40,79) size 722x18
+ RenderListItem {LI} at (40,79) size 707x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 294x18
text run at (0,0) width 294: "This list item has no special styles applied to it."
- RenderBlock {P} at (4,667) size 762x54 [bgcolor=#00FFFF]
- RenderText {TEXT} at (0,0) size 760x54
- text run at (0,0) width 748: "This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted \"upward\" on the page,"
- text run at (0,18) width 123: "and no top margin. "
- text run at (123,18) width 488: "No other styles have been applied to it besides a light blue background color. "
- text run at (611,18) width 149: "In all other respects, the"
- text run at (0,36) width 166: "element should be normal."
- RenderBlock {P} at (4,711) size 762x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,663) size 747x54 [bgcolor=#00FFFF]
+ RenderText {TEXT} at (0,0) size 717x54
+ text run at (0,0) width 710: "This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted \"upward\" on the"
+ text run at (0,18) width 161: "page, and no top margin. "
+ text run at (161,18) width 488: "No other styles have been applied to it besides a light blue background color. "
+ text run at (649,18) width 68: "In all other"
+ text run at (0,36) width 247: "respects, the element should be normal."
+ RenderBlock {P} at (4,707) size 747x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,729) size 762x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,725) size 747x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 232x18
text run at (0,0) width 232: "This element also has a class of zero."
-layer at (0,0) size 800x696
- RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x696
- RenderBlock {HTML} at (0,0) size 800x696
- RenderBody {BODY} at (8,8) size 784x680 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
+layer at (0,0) size 785x714
+ RenderCanvas at (0,0) size 785x600
+layer at (0,0) size 785x714
+ RenderBlock {HTML} at (0,0) size 785x714
+ RenderBody {BODY} at (8,8) size 769x698 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x45
+ RenderBlock {PRE} at (0,34) size 769x45
RenderText {TEXT} at (0,0) size 360x45
text run at (0,0) width 352: ".zero {background-color: silver; margin: 0;}"
text run at (0,15) width 352: ".one {margin: 25px; background-color: aqua;}"
text run at (0,30) width 360: ".two {margin: -10px; background-color: aqua;}"
- RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,102) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {HR} at (0,92) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,102) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,136) size 784x72 [bgcolor=#808080]
+ RenderBlock {P} at (0,136) size 769x72 [bgcolor=#808080]
RenderText {TEXT} at (0,0) size 481x18
text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
text run at (393,0) width 88: "It contains an "
text run at (0,36) width 293: "this element should have the same line-height. "
text run at (293,36) width 473: "However, there should be a 25px margin to the left side of the inline box in"
text run at (0,54) width 727: "the first line it appears, and a 25px margin to the right side of the inline element box in the last line where it appears."
- RenderBlock {P} at (0,224) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,224) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,258) size 784x72 [bgcolor=#808080]
+ RenderBlock {P} at (0,258) size 769x72 [bgcolor=#808080]
RenderText {TEXT} at (0,0) size 481x18
text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
text run at (393,0) width 88: "It contains an "
RenderText {TEXT} at (638,0) size 751x36
text run at (638,0) width 113: ", giving it an aqua"
text run at (0,18) width 202: "background and a -10px margin"
- RenderText {TEXT} at (192,18) size 784x54
+ RenderText {TEXT} at (192,18) size 768x54
text run at (192,18) width 8: ". "
- text run at (200,18) width 584: "Margins on inline elements does not affect line-height calculations, so all lines in this element"
- text run at (0,36) width 214: "should have the same line-height. "
- text run at (214,36) width 568: "However, there should be a -10px margin to the left side of the inline box in the first line it"
- text run at (0,54) width 642: "appears, and a -10px margin to the right side of the inline element box in the last line where it appears."
- RenderBlock {P} at (0,346) size 784x18 [bgcolor=#C0C0C0]
+ text run at (200,18) width 531: "Margins on inline elements does not affect line-height calculations, so all lines in this"
+ text run at (0,36) width 267: "element should have the same line-height. "
+ text run at (267,36) width 501: "However, there should be a -10px margin to the left side of the inline box in the"
+ text run at (0,54) width 709: "first line it appears, and a -10px margin to the right side of the inline element box in the last line where it appears."
+ RenderBlock {P} at (0,346) size 769x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderTable {TABLE} at (0,364) size 784x316 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 0x314
+ RenderTable {TABLE} at (0,364) size 769x334 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 0x332
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,157) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,166) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x288 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x18 [bgcolor=#C0C0C0]
+ RenderTableCell {TD} at (12,26) size 755x306 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 747x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,38) size 762x90 [bgcolor=#808080]
+ RenderBlock {P} at (4,38) size 747x90 [bgcolor=#808080]
RenderText {TEXT} at (0,0) size 481x18
text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
text run at (393,0) width 88: "It contains an "
- RenderInline {SPAN} at (0,0) size 752x36 [bgcolor=#00FFFF]
+ RenderInline {SPAN} at (0,0) size 733x36 [bgcolor=#00FFFF]
RenderText {TEXT} at (506,0) size 143x18
text run at (506,0) width 143: "inline element of class "
RenderInline {TT} at (0,0) size 24x15
RenderText {TEXT} at (649,2) size 24x15
text run at (649,2) width 24: "one"
- RenderText {TEXT} at (673,0) size 752x36
- text run at (673,0) width 79: ", giving it an"
- text run at (0,18) width 231: "aqua background and a 25px margin"
- RenderText {TEXT} at (256,18) size 753x72
- text run at (256,18) width 8: ". "
- text run at (264,18) width 489: "Margins on inline elements does not affect line-height calculations, so all lines"
- text run at (0,36) width 309: "in this element should have the same line-height. "
- text run at (309,36) width 429: "However, there should be a 25px margin to the left side of the inline"
- text run at (0,54) width 715: "box in the first line it appears, and a 25px margin to the right side of the inline element box in the last line where it"
- text run at (0,72) width 52: "appears."
- RenderBlock {P} at (4,144) size 762x18 [bgcolor=#C0C0C0]
+ RenderText {TEXT} at (673,0) size 733x36
+ text run at (673,0) width 60: ", giving it"
+ &