+2011-03-29 Martin Robinson <mrobinson@igalia.com>
+
+ [GTK] [DRT] GtkScrolledWindow adds three pixels of padding between the WebView and the scrollbar
+ https://bugs.webkit.org/show_bug.cgi?id=57067
+
+ Update CSS and editing GTK+ results after r82343.
+
+ * platform/gtk/css1:
+ * platform/gtk/css2.1:
+ * platform/gtk/editing:
+
2011-03-29 Adam Barth <abarth@webkit.org>
Remove more-specific instances of a general rule.
-layer at (0,0) size 781x888
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x888
- RenderBlock {HTML} at (0,0) size 781x888
- RenderBody {BODY} at (8,8) size 765x872 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x888
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x888
+ RenderBlock {HTML} at (0,0) size 784x888
+ RenderBody {BODY} at (8,8) size 768x872 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x225
+ RenderBlock {PRE} at (0,35) size 768x225
RenderText {#text} at (0,0) size 336x225
text run at (0,0) width 232: "/* This is a CSS1 comment. */"
text run at (232,0) width 0: " "
text run at (0,195) width 176: ".eight {color: green;}"
text run at (176,195) width 0: " "
text run at (0,210) width 0: " "
- RenderBlock {HR} at (0,273) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,291) size 765x19 [color=#008000]
+ RenderBlock {HR} at (0,273) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,291) size 768x19 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,326) size 765x19
+ RenderBlock {P} at (0,326) size 768x19
RenderText {#text} at (0,0) size 193x19
text run at (0,0) width 193: "This sentence should be black."
- RenderBlock {P} at (0,361) size 765x19 [color=#008000]
+ RenderBlock {P} at (0,361) size 768x19 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,396) size 765x19
+ RenderBlock {P} at (0,396) size 768x19
RenderText {#text} at (0,0) size 193x19
text run at (0,0) width 193: "This sentence should be black."
- RenderBlock {P} at (0,431) size 765x19 [color=#008000]
+ RenderBlock {P} at (0,431) size 768x19 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,466) size 765x19 [color=#008000]
+ RenderBlock {P} at (0,466) size 768x19 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,501) size 765x19 [color=#008000]
+ RenderBlock {P} at (0,501) size 768x19 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,536) size 765x19 [color=#008000]
+ RenderBlock {P} at (0,536) size 768x19 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
RenderTable {TABLE} at (0,571) size 216x301 [border: (1px outset #808080)]
-layer at (0,0) size 781x990
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x990
- RenderBlock {HTML} at (0,0) size 781x990
- RenderBody {BODY} at (8,8) size 765x974 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x990
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x990
+ RenderBlock {HTML} at (0,0) size 784x990
+ RenderBody {BODY} at (8,8) size 768x974 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x150
+ RenderBlock {PRE} at (0,35) size 768x150
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 (624,0) width 0: " "
text run at (168,120) width 0: " "
text run at (0,135) width 24: "-->"
text run at (24,135) width 0: " "
- RenderBlock {HR} at (0,198) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,216) size 765x19
+ RenderBlock {HR} at (0,198) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,216) size 768x19
RenderText {#text} at (0,0) size 404x19
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,4) width 96: "linktest.css"
RenderText {#text} at (500,0) size 254x19
text run at (500,0) width 254: ", the reference to which is shown above."
- RenderBlock {P} at (0,251) size 765x38
+ RenderBlock {P} at (0,251) size 768x38
RenderText {#text} at (0,0) size 442x19
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 741x38
text run at (595,0) width 146: " the external style sheet"
text run at (0,19) width 325: "\"Alternate SS\" has been selected via the user agent."
- RenderBlock {UL} at (0,305) size 765x57 [color=#FF0000]
- RenderListItem {LI} at (40,0) size 725x19 [color=#008000]
+ RenderBlock {UL} at (0,305) size 768x57 [color=#FF0000]
+ RenderListItem {LI} at (40,0) size 728x19 [color=#008000]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 390x19
text run at (0,0) width 390: "This sentence should be green due to an imported style sheet ["
text run at (390,4) width 208: "@import url(imptest1.css);"
RenderText {#text} at (598,0) size 9x19
text run at (598,0) width 9: "]."
- RenderListItem {LI} at (40,19) size 725x19 [color=#800080]
+ RenderListItem {LI} at (40,19) size 728x19 [color=#800080]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 395x19
text run at (0,0) width 395: "This sentence should be purple due to an imported style sheet ["
text run at (395,4) width 184: "@import \"imptest1a.css\""
RenderText {#text} at (579,0) size 9x19
text run at (579,0) width 9: "]."
- RenderListItem {LI} at (40,38) size 725x19 [color=#008000]
+ RenderListItem {LI} at (40,38) size 728x19 [color=#008000]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 393x19
text run at (0,0) width 393: "This sentence should be green thanks to the STYLE attribute ["
text run at (393,4) width 168: "STYLE=\"color: green;\""
RenderText {#text} at (561,0) size 9x19
text run at (561,0) width 9: "]."
- RenderBlock {P} at (0,378) size 765x19 [color=#800080]
+ RenderBlock {P} at (0,378) size 768x19 [color=#800080]
RenderText {#text} at (0,0) size 500x19
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,413) size 765x57
- RenderListItem {LI} at (40,0) size 725x19
+ RenderBlock {OL} at (0,413) size 768x57
+ RenderListItem {LI} at (40,0) size 728x19
RenderListMarker at (-21,0) size 16x19: "1"
RenderText {#text} at (0,0) size 201x19
text run at (0,0) width 201: "This list should NOT be purple."
- RenderListItem {LI} at (40,19) size 725x19
+ RenderListItem {LI} at (40,19) size 728x19
RenderListMarker at (-21,0) size 16x19: "2"
RenderText {#text} at (0,0) size 172x19
text run at (0,0) width 172: "It should, instead, be black."
- RenderListItem {LI} at (40,38) size 725x19
+ RenderListItem {LI} at (40,38) size 728x19
RenderListMarker at (-21,0) size 16x19: "3"
RenderText {#text} at (0,0) size 501x19
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,486) size 765x38
+ RenderBlock {P} at (0,486) size 768x38
RenderText {#text} at (0,0) size 697x19
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,19) width 68: "section 3.0"
RenderText {#text} at (197,19) size 275x19
text run at (197,19) width 275: " of the CSS1 specification for more details)."
- RenderBlock {P} at (0,540) size 765x19 [color=#008000]
+ RenderBlock {P} at (0,540) size 768x19 [color=#008000]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This paragraph should be green."
- RenderTable {TABLE} at (0,575) size 765x399 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x397
- RenderTableRow {TR} at (0,0) size 763x27
- RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,575) size 768x399 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x397
+ RenderTableRow {TR} at (0,0) size 766x27
+ RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 763x370
+ RenderTableRow {TR} at (0,27) size 766x370
RenderTableCell {TD} at (0,198) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 751x370 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 743x38
+ RenderTableCell {TD} at (12,27) size 754x370 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x38
RenderText {#text} at (0,0) size 404x19
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 (500,0) size 708x38
text run at (500,0) width 208: ", the reference to which is shown"
text run at (0,19) width 42: "above."
- RenderBlock {P} at (4,58) size 743x38
+ RenderBlock {P} at (4,58) size 746x38
RenderText {#text} at (0,0) size 442x19
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 741x38
text run at (595,0) width 146: " the external style sheet"
text run at (0,19) width 325: "\"Alternate SS\" has been selected via the user agent."
- RenderBlock {UL} at (4,112) size 743x57 [color=#FF0000]
- RenderListItem {LI} at (40,0) size 703x19 [color=#008000]
+ RenderBlock {UL} at (4,112) size 746x57 [color=#FF0000]
+ RenderListItem {LI} at (40,0) size 706x19 [color=#008000]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 390x19
text run at (0,0) width 390: "This sentence should be green due to an imported style sheet ["
text run at (390,4) width 208: "@import url(imptest1.css);"
RenderText {#text} at (598,0) size 9x19
text run at (598,0) width 9: "]."
- RenderListItem {LI} at (40,19) size 703x19 [color=#800080]
+ RenderListItem {LI} at (40,19) size 706x19 [color=#800080]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 395x19
text run at (0,0) width 395: "This sentence should be purple due to an imported style sheet ["
text run at (395,4) width 184: "@import \"imptest1a.css\""
RenderText {#text} at (579,0) size 9x19
text run at (579,0) width 9: "]."
- RenderListItem {LI} at (40,38) size 703x19 [color=#008000]
+ RenderListItem {LI} at (40,38) size 706x19 [color=#008000]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 393x19
text run at (0,0) width 393: "This sentence should be green thanks to the STYLE attribute ["
text run at (393,4) width 168: "STYLE=\"color: green;\""
RenderText {#text} at (561,0) size 9x19
text run at (561,0) width 9: "]."
- RenderBlock {P} at (4,185) size 743x19 [color=#800080]
+ RenderBlock {P} at (4,185) size 746x19 [color=#800080]
RenderText {#text} at (0,0) size 500x19
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,220) size 743x57
- RenderListItem {LI} at (40,0) size 703x19
+ RenderBlock {OL} at (4,220) size 746x57
+ RenderListItem {LI} at (40,0) size 706x19
RenderListMarker at (-21,0) size 16x19: "1"
RenderText {#text} at (0,0) size 201x19
text run at (0,0) width 201: "This list should NOT be purple."
- RenderListItem {LI} at (40,19) size 703x19
+ RenderListItem {LI} at (40,19) size 706x19
RenderListMarker at (-21,0) size 16x19: "2"
RenderText {#text} at (0,0) size 172x19
text run at (0,0) width 172: "It should, instead, be black."
- RenderListItem {LI} at (40,38) size 703x19
+ RenderListItem {LI} at (40,38) size 706x19
RenderListMarker at (-21,0) size 16x19: "3"
RenderText {#text} at (0,0) size 501x19
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,293) size 743x38
+ RenderBlock {P} at (4,293) size 746x38
RenderText {#text} at (0,0) size 697x19
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,19) width 68: "section 3.0"
RenderText {#text} at (197,19) size 275x19
text run at (197,19) width 275: " of the CSS1 specification for more details)."
- RenderBlock {P} at (4,347) size 743x19 [color=#008000]
+ RenderBlock {P} at (4,347) size 746x19 [color=#008000]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This paragraph should be green."
-layer at (0,0) size 781x637
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x637
- RenderBlock {HTML} at (0,0) size 781x637
- RenderBody {BODY} at (8,8) size 765x621 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x637
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x637
+ RenderBlock {HTML} at (0,0) size 784x637
+ RenderBody {BODY} at (8,8) size 768x621 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x120
+ RenderBlock {PRE} at (0,35) size 768x120
RenderText {#text} at (0,0) size 272x120
text run at (0,0) width 160: "#one {color: green;}"
text run at (160,0) width 0: " "
text run at (0,90) width 240: "P#five, P#five2 {color: blue;}"
text run at (240,90) width 0: " "
text run at (0,105) width 240: "P#six, P#six2 {color: purple;}"
- RenderBlock {HR} at (0,168) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,186) size 765x19 [color=#008000]
+ RenderBlock {HR} at (0,168) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,186) size 768x19 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,221) size 765x19 [color=#008000]
+ RenderBlock {P} at (0,221) size 768x19 [color=#008000]
RenderText {#text} at (0,0) size 194x19
text run at (0,0) width 194: "This sentence should be green."
- RenderBlock {P} at (0,256) size 765x19 [color=#0000FF]
+ RenderBlock {P} at (0,256) size 768x19 [color=#0000FF]
RenderText {#text} at (0,0) size 200x19
text run at (0,0) width 200: "This paragraph should be blue ["
RenderInline {TT} at (0,0) size 64x15
text run at (200,4) width 64: "ID=\"two\""
RenderText {#text} at (264,0) size 9x19
text run at (264,0) width 9: "]."
- RenderBlock {PRE} at (0,291) size 765x15
+ RenderBlock {PRE} at (0,291) size 768x15
RenderText {#text} at (0,0) size 392x15
text run at (0,0) width 392: "This sentence should NOT be blue [PRE ID=\"two2\"]."
text run at (392,0) width 0: " "
- RenderBlock {PRE} at (0,319) size 765x15
+ RenderBlock {PRE} at (0,319) size 768x15
RenderText {#text} at (0,0) size 472x15
text run at (0,0) width 472: "This sentence should be black, not purple [PRE ID=\"three\"]."
text run at (472,0) width 0: " "
- RenderBlock {UL} at (0,350) size 765x19
- RenderListItem {LI} at (40,0) size 725x19
+ RenderBlock {UL} at (0,350) size 768x19
+ RenderListItem {LI} at (40,0) size 728x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 237x19
text run at (0,0) width 237: "This sentence should NOT be purple."
-layer at (0,0) size 781x734
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x734
- RenderBlock {HTML} at (0,0) size 781x734
- RenderBody {BODY} at (8,8) size 765x718 [color=#008000] [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x734
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x734
+ RenderBlock {HTML} at (0,0) size 784x734
+ RenderBody {BODY} at (8,8) size 768x718 [color=#008000] [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x105
+ RenderBlock {PRE} at (0,35) size 768x105
RenderText {#text} at (0,0) size 272x105
text run at (0,0) width 160: "BODY {color: green;}"
text run at (160,0) width 0: " "
text run at (152,75) width 0: " "
text run at (0,90) width 184: ".three {color: purple;}"
text run at (184,90) width 0: " "
- RenderBlock {HR} at (0,153) size 765x2 [border: (1px inset #008000)]
- RenderBlock {H3} at (0,173) size 765x22 [color=#0000FF]
+ RenderBlock {HR} at (0,153) size 768x2 [border: (1px inset #008000)]
+ RenderBlock {H3} at (0,173) size 768x22 [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,213) size 765x22 [color=#0000FF]
+ RenderBlock {H3} at (0,213) size 768x22 [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,253) size 765x19
+ RenderBlock {P} at (0,253) size 768x19
RenderText {#text} at (0,0) size 226x19
text run at (0,0) width 226: "This should be green except for the "
RenderInline {EM} at (0,0) size 117x19 [color=#800080]
text run at (226,0) width 117: "emphasized words"
RenderText {#text} at (343,0) size 160x19
text run at (343,0) width 160: ", which should be purple."
- RenderBlock {H3} at (0,290) size 765x22 [color=#0000FF]
+ RenderBlock {H3} at (0,290) size 768x22 [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,330) size 765x19
+ RenderBlock {P} at (0,330) size 768x19
RenderText {#text} at (0,0) size 293x19
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 4x19
text run at (577,0) width 4: "."
- RenderBlock {P} at (0,365) size 765x19 [color=#000080]
+ RenderBlock {P} at (0,365) size 768x19 [color=#000080]
RenderText {#text} at (0,0) size 436x19
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,4) width 152: "including this part"
RenderText {#text} at (588,0) size 4x19
text run at (588,0) width 4: "."
- RenderBlock {P} at (0,400) size 765x19 [color=#800080]
+ RenderBlock {P} at (0,400) size 768x19 [color=#800080]
RenderText {#text} at (0,0) size 266x19
text run at (0,0) width 266: "This sentence should be purple, including "
RenderInline {STRONG} at (0,0) size 57x19
-layer at (0,0) size 781x1449
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x1449
- RenderBlock {HTML} at (0,0) size 781x1449
- RenderBody {BODY} at (8,8) size 765x1433 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x1430
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1430
+ RenderBlock {HTML} at (0,0) size 784x1430
+ RenderBody {BODY} at (8,8) size 768x1414 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x135
+ RenderBlock {PRE} at (0,35) size 768x135
RenderText {#text} at (0,0) size 272x135
text run at (0,0) width 272: ".one {border: medium black solid;}"
text run at (272,0) width 0: " "
text run at (168,105) width 0: " "
text run at (0,120) width 232: "TD {border: 2px solid green;}"
text run at (232,120) width 0: " "
- RenderBlock {HR} at (0,183) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,201) size 765x38
+ RenderBlock {HR} at (0,183) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,201) size 768x38
RenderText {#text} at (0,0) size 748x38
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,19) width 317: "only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,255) size 765x25 [border: (3px solid #000000)]
+ RenderBlock {P} at (0,255) size 768x25 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 483x19
text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
- RenderBlock {P} at (0,296) size 765x21 [border: (1px ridge #800000)]
+ RenderBlock {P} at (0,296) size 768x21 [border: (1px ridge #800000)]
RenderText {#text} at (1,1) size 480x19
text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
- RenderBlock {P} at (0,333) size 765x39 [border: (10px outset #008080)]
+ RenderBlock {P} at (0,333) size 768x39 [border: (10px outset #008080)]
RenderText {#text} at (10,10) size 518x19
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,388) size 765x39 [border: (10px inset #808000)]
+ RenderBlock {P} at (0,388) size 768x39 [border: (10px inset #808000)]
RenderText {#text} at (10,10) size 519x19
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,443) size 765x38
+ RenderBlock {P} at (0,443) size 768x19
RenderText {#text} at (0,0) size 348x19
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 (348,4) size 96x15
text run at (348,4) width 96: "border-style"
- RenderText {#text} at (444,0) size 732x38
- text run at (444,0) width 288: " was not set, and it should not be offset in any"
- text run at (0,19) width 31: "way."
- RenderBlock {P} at (0,497) size 765x44 [border: (3px double #800000)]
+ RenderText {#text} at (444,0) size 323x19
+ text run at (444,0) width 323: " was not set, and it should not be offset in any way."
+ RenderBlock {P} at (0,478) size 768x44 [border: (3px double #800000)]
RenderText {#text} at (3,3) size 535x19
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 (634,3) size 746x38
text run at (634,3) width 115: " was not explicitly"
text run at (3,22) width 21: "set."
- RenderBlock {P} at (0,557) size 765x19
+ RenderBlock {P} at (0,538) size 768x19
RenderText {#text} at (0,0) size 621x19
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,592) size 765x19
+ RenderBlock {P} at (0,573) size 768x19
RenderInline {A} at (0,0) size 25x19
RenderText {#text} at (0,0) size 25x19
text run at (0,0) width 25: "The"
RenderImage {IMG} at (740,0) size 15x15
RenderText {#text} at (755,0) size 4x19
text run at (755,0) width 4: "."
- RenderTable {TABLE} at (0,627) size 765x117 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x115
- RenderTableRow {TR} at (0,5) size 763x44
- RenderTableCell {TD} at (5,5) size 753x44 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,608) size 768x117 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x115
+ RenderTableRow {TR} at (0,5) size 766x44
+ RenderTableCell {TD} at (5,5) size 756x44 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (3,3) size 711x38
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,22) width 175: "second half of the test page."
- RenderTableRow {TR} at (0,54) size 763x56
+ RenderTableRow {TR} at (0,54) size 766x56
RenderTableCell {TD} at (5,69) size 193x25 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (3,3) size 53x19
text run at (3,3) width 53: "Cell one"
- RenderTableCell {TD} at (203,54) size 555x56 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,3) size 549x19
+ RenderTableCell {TD} at (203,54) size 558x56 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,3) size 552x19
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (3,22) size 163x31 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 157x25 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (3,3) size 151x19
text run at (3,3) width 151: "Nested single-cell table!"
- RenderBlock {P} at (0,760) size 765x19
+ RenderBlock {P} at (0,741) size 768x19
RenderText {#text} at (0,0) size 175x19
text run at (0,0) width 175: "This is an unstyled element."
- RenderTable {TABLE} at (0,795) size 765x638 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x636
- RenderTableRow {TR} at (0,0) size 763x29
- RenderTableCell {TD} at (0,0) size 763x29 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,776) size 768x638 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x636
+ RenderTableRow {TR} at (0,0) size 766x29
+ RenderTableCell {TD} at (0,0) size 766x29 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (5,5) size 163x19
text run at (5,5) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,29) size 763x607
+ RenderTableRow {TR} at (0,29) size 766x607
RenderTableCell {TD} at (0,318) size 14x29 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (5,5) size 4x19
text run at (5,5) width 4: " "
- RenderTableCell {TD} at (14,29) size 749x607 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (5,5) size 739x38
+ RenderTableCell {TD} at (14,29) size 752x607 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (5,5) size 742x38
RenderText {#text} at (0,0) size 700x38
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 73: "This border"
text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (5,59) size 739x25 [border: (3px solid #000000)]
+ RenderBlock {P} at (5,59) size 742x25 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 483x19
text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
- RenderBlock {P} at (5,100) size 739x21 [border: (1px ridge #800000)]
+ RenderBlock {P} at (5,100) size 742x21 [border: (1px ridge #800000)]
RenderText {#text} at (1,1) size 480x19
text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
- RenderBlock {P} at (5,137) size 739x39 [border: (10px outset #008080)]
+ RenderBlock {P} at (5,137) size 742x39 [border: (10px outset #008080)]
RenderText {#text} at (10,10) size 518x19
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,192) size 739x39 [border: (10px inset #808000)]
+ RenderBlock {P} at (5,192) size 742x39 [border: (10px inset #808000)]
RenderText {#text} at (10,10) size 519x19
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,247) size 739x38
+ RenderBlock {P} at (5,247) size 742x38
RenderText {#text} at (0,0) size 348x19
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 732x38
text run at (444,0) width 288: " was not set, and it should not be offset in any"
text run at (0,19) width 31: "way."
- RenderBlock {P} at (5,301) size 739x44 [border: (3px double #800000)]
+ RenderBlock {P} at (5,301) size 742x44 [border: (3px double #800000)]
RenderText {#text} at (3,3) size 535x19
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 (634,3) size 684x38
text run at (634,3) width 53: " was not"
text run at (3,22) width 83: "explicitly set."
- RenderBlock {P} at (5,361) size 739x19
+ RenderBlock {P} at (5,361) size 742x19
RenderText {#text} at (0,0) size 621x19
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,396) size 739x38
+ RenderBlock {P} at (5,396) size 742x38
RenderInline {A} at (0,0) size 25x19
RenderText {#text} at (0,0) size 25x19
text run at (0,0) width 25: "The"
- RenderText {#text} at (25,0) size 711x19
- text run at (25,0) width 711: " 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 (25,0) size 715x19
+ 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 15x19 [color=#0000FF]
RenderImage {IMG} at (0,19) size 15x15
RenderText {#text} at (15,19) size 4x19
text run at (15,19) width 4: "."
- RenderTable {TABLE} at (5,450) size 739x117 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 737x115
- RenderTableRow {TR} at (0,5) size 737x44
- RenderTableCell {TD} at (5,5) size 727x44 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (5,450) size 742x117 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 740x115
+ RenderTableRow {TR} at (0,5) size 740x44
+ RenderTableCell {TD} at (5,5) size 730x44 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (3,3) size 711x38
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,22) width 175: "second half of the test page."
- RenderTableRow {TR} at (0,54) size 737x56
- RenderTableCell {TD} at (5,69) size 186x25 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,54) size 740x56
+ RenderTableCell {TD} at (5,69) size 187x25 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (3,3) size 53x19
text run at (3,3) width 53: "Cell one"
- RenderTableCell {TD} at (196,54) size 536x56 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,3) size 530x19
+ RenderTableCell {TD} at (197,54) size 538x56 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,3) size 532x19
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (3,22) size 163x31 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 157x25 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (3,3) size 151x19
text run at (3,3) width 151: "Nested single-cell table!"
- RenderBlock {P} at (5,583) size 739x19
+ RenderBlock {P} at (5,583) size 742x19
RenderText {#text} at (0,0) size 175x19
text run at (0,0) width 175: "This is an unstyled element."
-layer at (0,0) size 781x1027
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x1027
- RenderBlock {HTML} at (0,0) size 781x1027
- RenderBody {BODY} at (8,8) size 765x1011 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x1027
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1027
+ RenderBlock {HTML} at (0,0) size 784x1027
+ RenderBody {BODY} at (8,8) size 768x1011 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x60
+ RenderBlock {PRE} at (0,35) size 768x60
RenderText {#text} at (0,0) size 344x60
text run at (0,0) width 328: ".one {border-bottom: purple double 10px;}"
text run at (328,0) width 0: " "
text run at (344,30) width 0: " "
text run at (0,45) width 288: "TD {border-bottom: green 2px solid;}"
text run at (288,45) width 0: " "
- RenderBlock {HR} at (0,108) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,126) size 765x38
+ RenderBlock {HR} at (0,108) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,126) size 768x38
RenderText {#text} at (0,0) size 731x38
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,19) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,180) size 765x29 [border: (10px double #800080) none]
+ RenderBlock {P} at (0,180) size 768x29 [border: (10px double #800080) none]
RenderText {#text} at (0,0) size 438x19
text run at (0,0) width 438: "This paragraph should have a purple, double, 10-pixel bottom border."
- RenderBlock {P} at (0,225) size 765x20 [border: (1px solid #800080) none]
+ RenderBlock {P} at (0,225) size 768x20 [border: (1px solid #800080) none]
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
- RenderTable {TABLE} at (0,261) size 765x114 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x112
- RenderTableRow {TR} at (0,5) size 763x43
- RenderTableCell {TD} at (5,5) size 753x43 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,261) size 768x114 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x112
+ RenderTableRow {TR} at (0,5) size 766x43
+ RenderTableCell {TD} at (5,5) size 756x43 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (2,2) size 736x38
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,21) width 198: "the second half of the test page."
- RenderTableRow {TR} at (0,53) size 763x54
- RenderTableCell {TD} at (5,68) size 191x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,53) size 766x54
+ RenderTableCell {TD} at (5,68) size 192x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 53x19
text run at (2,2) width 53: "Cell one"
- RenderTableCell {TD} at (201,53) size 557x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 553x19
+ RenderTableCell {TD} at (202,53) size 559x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 555x19
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (2,21) size 161x30 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 155x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 151x19
text run at (2,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (0,391) size 765x142
- RenderListItem {LI} at (40,0) size 725x79 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 725x19
+ RenderBlock {UL} at (0,391) size 768x142
+ RenderListItem {LI} at (40,0) size 728x79 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 728x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 118x19
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,19) size 725x57
- RenderListItem {LI} at (40,0) size 685x19
+ RenderBlock {UL} at (0,19) size 728x57
+ RenderListItem {LI} at (40,0) size 688x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 73x19
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,19) size 685x19
+ RenderListItem {LI} at (40,19) size 688x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,38) size 685x19
+ RenderListItem {LI} at (40,38) size 688x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 176x19
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,79) size 725x22 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,79) size 728x22 [border: (3px solid #000000) none]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 158x19
text run at (0,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,101) size 725x41 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,101) size 728x41 [border: (3px solid #000000) none]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 722x38
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 (104,19) width 50: "beneath"
RenderText {#text} at (154,19) size 390x19
text run at (154,19) width 390: " the nested list (below the line \"...nested within the list item.\")."
- RenderTable {TABLE} at (0,549) size 765x462 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x460
- RenderTableRow {TR} at (0,0) size 763x28
- RenderTableCell {TD} at (0,0) size 763x28 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,549) size 768x462 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x460
+ RenderTableRow {TR} at (0,0) size 766x28
+ RenderTableCell {TD} at (0,0) size 766x28 [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 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,28) size 763x432
+ RenderTableRow {TR} at (0,28) size 766x432
RenderTableCell {TD} at (0,230) size 12x28 [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 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,28) size 751x432 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 743x38
+ RenderTableCell {TD} at (12,28) size 754x432 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x38
RenderText {#text} at (0,0) size 731x38
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,19) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (4,58) size 743x29 [border: (10px double #800080) none]
+ RenderBlock {P} at (4,58) size 746x29 [border: (10px double #800080) none]
RenderText {#text} at (0,0) size 438x19
text run at (0,0) width 438: "This paragraph should have a purple, double, 10-pixel bottom border."
- RenderBlock {P} at (4,103) size 743x20 [border: (1px solid #800080) none]
+ RenderBlock {P} at (4,103) size 746x20 [border: (1px solid #800080) none]
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
- RenderTable {TABLE} at (4,139) size 743x114 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 741x112
- RenderTableRow {TR} at (0,5) size 741x43
- RenderTableCell {TD} at (5,5) size 731x43 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (4,139) size 746x114 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 744x112
+ RenderTableRow {TR} at (0,5) size 744x43
+ RenderTableCell {TD} at (5,5) size 734x43 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (2,2) size 720x38
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 267: "This is also true of the table-testing section"
text run at (2,21) width 214: "in the second half of the test page."
- RenderTableRow {TR} at (0,53) size 741x54
- RenderTableCell {TD} at (5,68) size 185x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,53) size 744x54
+ RenderTableCell {TD} at (5,68) size 186x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 53x19
text run at (2,2) width 53: "Cell one"
- RenderTableCell {TD} at (195,53) size 541x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 537x19
+ RenderTableCell {TD} at (196,53) size 543x54 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 539x19
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (2,21) size 161x30 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 155x24 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 151x19
text run at (2,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (4,269) size 743x142
- RenderListItem {LI} at (40,0) size 703x79 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 703x19
+ RenderBlock {UL} at (4,269) size 746x142
+ RenderListItem {LI} at (40,0) size 706x79 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 706x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 118x19
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,19) size 703x57
- RenderListItem {LI} at (40,0) size 663x19
+ RenderBlock {UL} at (0,19) size 706x57
+ RenderListItem {LI} at (40,0) size 666x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 73x19
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,19) size 663x19
+ RenderListItem {LI} at (40,19) size 666x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,38) size 663x19
+ RenderListItem {LI} at (40,38) size 666x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 176x19
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,79) size 703x22 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,79) size 706x22 [border: (3px solid #000000) none]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 158x19
text run at (0,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,101) size 703x41 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,101) size 706x41 [border: (3px solid #000000) none]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 695x38
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"
-layer at (0,0) size 781x895
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x895
- RenderBlock {HTML} at (0,0) size 781x895
- RenderBody {BODY} at (8,8) size 765x879 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x895
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x895
+ RenderBlock {HTML} at (0,0) size 784x895
+ RenderBody {BODY} at (8,8) size 768x879 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x90
+ RenderBlock {PRE} at (0,35) size 768x90
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 (456,0) width 0: " "
text run at (440,60) width 0: " "
text run at (0,75) width 272: ".five {border-bottom-width: 25px;}"
text run at (272,75) width 0: " "
- RenderBlock {HR} at (0,138) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,156) size 765x19
+ RenderBlock {HR} at (0,138) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,156) size 768x19
RenderText {#text} at (0,0) size 157x19
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,4) width 96: "border-style"
RenderText {#text} at (253,0) size 89x19
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (0,191) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,191) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,226) size 765x72 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,226) size 768x72 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 387x19
text run at (3,3) width 387: "This element should have a bottom border width of 50 pixels."
- RenderBlock {P} at (0,314) size 765x27 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,314) size 768x27 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 344x19
text run at (3,3) width 344: "This element should have a thick bottom border width."
- RenderBlock {P} at (0,357) size 765x25 [border: (3px solid #000000)]
+ RenderBlock {P} at (0,357) size 768x25 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 364x19
text run at (3,3) width 364: "This element should have a medium bottom border width."
- RenderBlock {P} at (0,398) size 765x23 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,398) size 768x23 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 337x19
text run at (3,3) width 337: "This element should have a thin bottom border width."
- RenderBlock {P} at (0,437) size 765x19
+ RenderBlock {P} at (0,437) size 768x19
RenderText {#text} at (0,0) size 537x19
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,4) width 96: "border-style"
RenderText {#text} at (633,0) size 54x19
text run at (633,0) width 54: " was set."
- RenderBlock {P} at (0,472) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,472) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
RenderTable {TABLE} at (0,507) size 709x372 [border: (1px outset #808080)]
-layer at (0,0) size 781x1062
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x1062
- RenderBlock {HTML} at (0,0) size 781x1062
- RenderBody {BODY} at (8,8) size 765x1046 [bgcolor=#CCCCCC]
- RenderBlock {P} at (20,0) size 745x19
+layer at (0,0) size 784x1062
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1062
+ RenderBlock {HTML} at (0,0) size 784x1062
+ RenderBody {BODY} at (8,8) size 768x1046 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (20,0) size 748x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x105
+ RenderBlock {PRE} at (0,35) size 768x105
RenderText {#text} at (0,0) size 344x105
text run at (0,0) width 176: "P {margin-left: 20px;}"
text run at (176,0) width 0: " "
text run at (328,75) width 0: " "
text run at (0,90) width 272: "TD {border-left: green 2px solid;}"
text run at (272,90) width 0: " "
- RenderBlock {HR} at (0,153) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (20,171) size 745x38
+ RenderBlock {HR} at (0,153) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (20,171) size 748x38
RenderText {#text} at (0,0) size 707x38
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,19) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (20,225) size 745x19 [border: (10px double #800080)]
+ RenderBlock {P} at (20,225) size 748x19 [border: (10px double #800080)]
RenderText {#text} at (10,0) size 414x19
text run at (10,0) width 414: "This paragraph should have a purple, double, 10-pixel left border."
- RenderBlock {P} at (20,260) size 745x19 [border: (1px solid #800080)]
+ RenderBlock {P} at (20,260) size 748x19 [border: (1px solid #800080)]
RenderText {#text} at (1,0) size 331x19
text run at (1,0) width 331: "This paragraph should have a thin purple left border."
- RenderTable {TABLE} at (0,295) size 765x111 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x109
- RenderTableRow {TR} at (0,5) size 763x42
- RenderTableCell {TD} at (5,5) size 753x42 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,295) size 768x111 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x109
+ RenderTableRow {TR} at (0,5) size 766x42
+ RenderTableCell {TD} at (5,5) size 756x42 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (3,2) size 735x38
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,21) width 175: "second half of the test page."
- RenderTableRow {TR} at (0,52) size 763x52
- RenderTableCell {TD} at (5,66) size 192x23 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,52) size 766x52
+ RenderTableCell {TD} at (5,66) size 193x23 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (3,2) size 53x19
text run at (3,2) width 53: "Cell one"
- RenderTableCell {TD} at (202,52) size 556x52 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,2) size 551x19
+ RenderTableCell {TD} at (203,52) size 558x52 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,2) size 553x19
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (3,21) size 162x29 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 156x23 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (3,2) size 151x19
text run at (3,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (0,422) size 765x152
- RenderListItem {LI} at (40,0) size 725x76 [border: (3px solid #000000)]
- RenderBlock (anonymous) at (3,0) size 722x19
+ RenderBlock {UL} at (0,422) size 768x152
+ RenderListItem {LI} at (40,0) size 728x76 [border: (3px solid #000000)]
+ RenderBlock (anonymous) at (3,0) size 725x19
RenderListMarker at (-21,0) size 7x19: bullet
RenderText {#text} at (0,0) size 118x19
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (3,19) size 722x57
- RenderListItem {LI} at (40,0) size 682x19
+ RenderBlock {UL} at (3,19) size 725x57
+ RenderListItem {LI} at (40,0) size 685x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 73x19
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,19) size 682x19
+ RenderListItem {LI} at (40,19) size 685x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,38) size 682x19
+ RenderListItem {LI} at (40,38) size 685x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 176x19
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,76) size 725x19 [border: (3px solid #800080)]
+ RenderListItem {LI} at (40,76) size 728x19 [border: (3px solid #800080)]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (3,0) size 158x19
text run at (3,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,95) size 725x57 [border: (3px solid #0000FF)]
+ RenderListItem {LI} at (40,95) size 728x57 [border: (3px solid #0000FF)]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (3,0) size 720x57
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,19) 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,38) width 490: "the list item.\"), even though the nested list does not have any border styles set."
- RenderTable {TABLE} at (0,590) size 765x456 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x454
- RenderTableRow {TR} at (0,0) size 763x27
- RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,590) size 768x456 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x454
+ RenderTableRow {TR} at (0,0) size 766x27
+ RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (5,4) size 163x19
text run at (5,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 763x427
+ RenderTableRow {TR} at (0,27) size 766x427
RenderTableCell {TD} at (0,227) size 13x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (5,4) size 4x19
text run at (5,4) width 4: " "
- RenderTableCell {TD} at (13,27) size 750x427 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (25,4) size 721x38
+ RenderTableCell {TD} at (13,27) size 753x427 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (25,4) size 724x38
RenderText {#text} at (0,0) size 707x38
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,19) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (25,58) size 721x19 [border: (10px double #800080)]
+ RenderBlock {P} at (25,58) size 724x19 [border: (10px double #800080)]
RenderText {#text} at (10,0) size 414x19
text run at (10,0) width 414: "This paragraph should have a purple, double, 10-pixel left border."
- RenderBlock {P} at (25,93) size 721x19 [border: (1px solid #800080)]
+ RenderBlock {P} at (25,93) size 724x19 [border: (1px solid #800080)]
RenderText {#text} at (1,0) size 331x19
text run at (1,0) width 331: "This paragraph should have a thin purple left border."
- RenderTable {TABLE} at (5,128) size 741x111 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 739x109
- RenderTableRow {TR} at (0,5) size 739x42
- RenderTableCell {TD} at (5,5) size 729x42 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (5,128) size 744x111 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 742x109
+ RenderTableRow {TR} at (0,5) size 742x42
+ RenderTableCell {TD} at (5,5) size 732x42 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (3,2) size 712x38
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 283: "This is also true of the table-testing section in"
text run at (3,21) width 198: "the second half of the test page."
- RenderTableRow {TR} at (0,52) size 739x52
+ RenderTableRow {TR} at (0,52) size 742x52
RenderTableCell {TD} at (5,66) size 186x23 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (3,2) size 53x19
text run at (3,2) width 53: "Cell one"
- RenderTableCell {TD} at (196,52) size 538x52 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,2) size 533x19
+ RenderTableCell {TD} at (196,52) size 541x52 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,2) size 536x19
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (3,21) size 162x29 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 156x23 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (3,2) size 151x19
text run at (3,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (5,255) size 741x152
- RenderListItem {LI} at (40,0) size 701x76 [border: (3px solid #000000)]
- RenderBlock (anonymous) at (3,0) size 698x19
+ RenderBlock {UL} at (5,255) size 744x152
+ RenderListItem {LI} at (40,0) size 704x76 [border: (3px solid #000000)]
+ RenderBlock (anonymous) at (3,0) size 701x19
RenderListMarker at (-21,0) size 7x19: bullet
RenderText {#text} at (0,0) size 118x19
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (3,19) size 698x57
- RenderListItem {LI} at (40,0) size 658x19
+ RenderBlock {UL} at (3,19) size 701x57
+ RenderListItem {LI} at (40,0) size 661x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 73x19
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,19) size 658x19
+ RenderListItem {LI} at (40,19) size 661x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,38) size 658x19
+ RenderListItem {LI} at (40,38) size 661x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 176x19
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,76) size 701x19 [border: (3px solid #800080)]
+ RenderListItem {LI} at (40,76) size 704x19 [border: (3px solid #800080)]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (3,0) size 158x19
text run at (3,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,95) size 701x57 [border: (3px solid #0000FF)]
+ RenderListItem {LI} at (40,95) size 704x57 [border: (3px solid #0000FF)]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (3,0) size 691x57
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."
-layer at (0,0) size 781x864
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x864
- RenderBlock {HTML} at (0,0) size 781x864
- RenderBody {BODY} at (8,8) size 765x848 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x845
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x845
+ RenderBlock {HTML} at (0,0) size 784x845
+ RenderBody {BODY} at (8,8) size 768x829 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x90
+ RenderBlock {PRE} at (0,35) size 768x90
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 (440,0) width 0: " "
text run at (424,60) width 0: " "
text run at (0,75) width 256: ".five {border-left-width: 25px;}"
text run at (256,75) width 0: " "
- RenderBlock {HR} at (0,138) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,156) size 765x19
+ RenderBlock {HR} at (0,138) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,156) size 768x19
RenderText {#text} at (0,0) size 157x19
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,4) width 96: "border-style"
RenderText {#text} at (253,0) size 89x19
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (0,191) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,191) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,226) size 765x44 [border: (3px solid #000000) (50px solid #000000)]
- RenderText {#text} at (50,3) size 682x38
- 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,22) width 117: "than one line long."
- RenderBlock {P} at (0,286) size 765x44 [border: (3px solid #000000) (5px solid #000000)]
- RenderText {#text} at (5,3) size 724x38
- 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,22) width 32: "long."
- RenderBlock {P} at (0,346) size 765x44 [border: (3px solid #000000)]
+ RenderBlock {P} at (0,226) size 768x44 [border: (3px solid #000000) (50px solid #000000)]
+ RenderText {#text} at (50,3) size 713x38
+ 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,22) width 86: "one line long."
+ RenderBlock {P} at (0,286) size 768x25 [border: (3px solid #000000) (5px solid #000000)]
+ RenderText {#text} at (5,3) size 760x19
+ 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,327) size 768x44 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 744x38
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,22) width 32: "long."
- RenderBlock {P} at (0,406) size 765x25 [border: (3px solid #000000) (1px solid #000000)]
+ RenderBlock {P} at (0,387) size 768x25 [border: (3px solid #000000) (1px solid #000000)]
RenderText {#text} at (1,3) size 753x19
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,447) size 765x19
+ RenderBlock {P} at (0,428) size 768x19
RenderText {#text} at (0,0) size 513x19
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,4) width 96: "border-style"
RenderText {#text} at (609,0) size 54x19
text run at (609,0) width 54: " was set."
- RenderTable {TABLE} at (0,482) size 765x366 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x364
- RenderTableRow {TR} at (0,0) size 763x27
- RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,463) size 768x366 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x364
+ RenderTableRow {TR} at (0,0) size 766x27
+ RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 763x337
+ RenderTableRow {TR} at (0,27) size 766x337
RenderTableCell {TD} at (0,182) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 751x337 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 743x19
+ RenderTableCell {TD} at (12,27) size 754x337 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x19
RenderText {#text} at (0,0) size 157x19
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,4) width 96: "border-style"
RenderText {#text} at (253,0) size 89x19
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (4,39) size 743x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,39) size 746x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,74) size 743x44 [border: (3px solid #000000) (50px solid #000000)]
+ RenderBlock {P} at (4,74) size 746x44 [border: (3px solid #000000) (50px solid #000000)]
RenderText {#text} at (50,3) size 682x38
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,22) width 117: "than one line long."
- RenderBlock {P} at (4,134) size 743x44 [border: (3px solid #000000) (5px solid #000000)]
+ RenderBlock {P} at (4,134) size 746x44 [border: (3px solid #000000) (5px solid #000000)]
RenderText {#text} at (5,3) size 724x38
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,22) width 32: "long."
- RenderBlock {P} at (4,194) size 743x44 [border: (3px solid #000000)]
+ RenderBlock {P} at (4,194) size 746x44 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 717x38
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,22) width 59: "line long."
- RenderBlock {P} at (4,254) size 743x44 [border: (3px solid #000000) (1px solid #000000)]
+ RenderBlock {P} at (4,254) size 746x44 [border: (3px solid #000000) (1px solid #000000)]
RenderText {#text} at (1,3) size 717x38
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,22) width 32: "long."
- RenderBlock {P} at (4,314) size 743x19
+ RenderBlock {P} at (4,314) size 746x19
RenderText {#text} at (0,0) size 513x19
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 781x1119
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x1119
- RenderBlock {HTML} at (0,0) size 781x1119
- RenderBody {BODY} at (8,8) size 765x1103 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 745x19
+layer at (0,0) size 784x1119
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1119
+ RenderBlock {HTML} at (0,0) size 784x1119
+ RenderBody {BODY} at (8,8) size 768x1103 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 748x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x105
+ RenderBlock {PRE} at (0,35) size 768x105
RenderText {#text} at (0,0) size 352x105
text run at (0,0) width 184: "P {margin-right: 20px;}"
text run at (184,0) width 0: " "
text run at (336,75) width 0: " "
text run at (0,90) width 280: "TD {border-right: green 2px solid;}"
text run at (280,90) width 0: " "
- RenderBlock {HR} at (0,153) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,171) size 745x38
+ RenderBlock {HR} at (0,153) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,171) size 748x38
RenderText {#text} at (0,0) size 716x38
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,19) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,225) size 745x19 [border: (10px double #800080) none]
+ RenderBlock {P} at (0,225) size 748x19 [border: (10px double #800080) none]
RenderText {#text} at (0,0) size 423x19
text run at (0,0) width 423: "This paragraph should have a purple, double, 10-pixel right border."
- RenderBlock {P} at (0,260) size 745x19 [border: (1px solid #800080) none]
+ RenderBlock {P} at (0,260) size 748x19 [border: (1px solid #800080) none]
RenderText {#text} at (0,0) size 340x19
text run at (0,0) width 340: "This paragraph should have a thin purple right border."
- RenderTable {TABLE} at (0,295) size 765x111 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x109
- RenderTableRow {TR} at (0,5) size 763x42
- RenderTableCell {TD} at (5,5) size 753x42 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,295) size 768x111 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x109
+ RenderTableRow {TR} at (0,5) size 766x42
+ RenderTableCell {TD} at (5,5) size 756x42 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (2,2) size 744x38
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,21) width 175: "second half of the test page."
- RenderTableRow {TR} at (0,52) size 763x52
+ RenderTableRow {TR} at (0,52) size 766x52
RenderTableCell {TD} at (5,66) 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 53x19
text run at (2,2) width 53: "Cell one"
- RenderTableCell {TD} at (202,52) size 556x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 551x19
+ RenderTableCell {TD} at (202,52) size 559x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 554x19
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (2,21) size 162x29 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 156x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 151x19
text run at (2,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (0,422) size 765x171
- RenderListItem {LI} at (40,0) size 725x76 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 722x19
+ RenderBlock {UL} at (0,422) size 768x171
+ RenderListItem {LI} at (40,0) size 728x76 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 725x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 118x19
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,19) size 722x57
- RenderListItem {LI} at (40,0) size 682x19
+ RenderBlock {UL} at (0,19) size 725x57
+ RenderListItem {LI} at (40,0) size 685x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 73x19
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,19) size 682x19
+ RenderListItem {LI} at (40,19) size 685x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,38) size 682x19
+ RenderListItem {LI} at (40,38) size 685x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 176x19
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,76) size 725x19 [border: (3px solid #800080) none]
+ RenderListItem {LI} at (40,76) size 728x19 [border: (3px solid #800080) none]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 158x19
text run at (0,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,95) size 725x76 [border: (3px solid #0000FF) none]
+ RenderListItem {LI} at (40,95) size 728x76 [border: (3px solid #0000FF) none]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 707x76
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,38) width 538: "within the list item.\"), even though the nested list does not have any border styles set. "
text run at (538,38) width 169: "The borders should line up"
text run at (0,57) 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,609) size 765x494 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x492
- RenderTableRow {TR} at (0,0) size 763x27
- RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,609) size 768x494 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x492
+ RenderTableRow {TR} at (0,0) size 766x27
+ RenderTableCell {TD} at (0,0) size 766x27 [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 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 763x465
+ RenderTableRow {TR} at (0,27) size 766x465
RenderTableCell {TD} at (0,246) size 13x27 [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 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (13,27) size 750x465 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 721x38
+ RenderTableCell {TD} at (13,27) size 753x465 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 724x38
RenderText {#text} at (0,0) size 716x38
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,19) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (4,58) size 721x19 [border: (10px double #800080) none]
+ RenderBlock {P} at (4,58) size 724x19 [border: (10px double #800080) none]
RenderText {#text} at (0,0) size 423x19
text run at (0,0) width 423: "This paragraph should have a purple, double, 10-pixel right border."
- RenderBlock {P} at (4,93) size 721x19 [border: (1px solid #800080) none]
+ RenderBlock {P} at (4,93) size 724x19 [border: (1px solid #800080) none]
RenderText {#text} at (0,0) size 340x19
text run at (0,0) width 340: "This paragraph should have a thin purple right border."
- RenderTable {TABLE} at (4,128) size 741x111 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 739x109
- RenderTableRow {TR} at (0,5) size 739x42
- RenderTableCell {TD} at (5,5) size 729x42 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (4,128) size 744x111 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 742x109
+ RenderTableRow {TR} at (0,5) size 742x42
+ RenderTableCell {TD} at (5,5) size 732x42 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (2,2) size 721x38
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,21) width 198: "the second half of the test page."
- RenderTableRow {TR} at (0,52) size 739x52
- RenderTableCell {TD} at (5,66) size 185x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,52) size 742x52
+ RenderTableCell {TD} at (5,66) 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 53x19
text run at (2,2) width 53: "Cell one"
- RenderTableCell {TD} at (195,52) size 539x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 534x19
+ RenderTableCell {TD} at (196,52) size 541x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 536x19
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (2,21) size 162x29 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 156x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 151x19
text run at (2,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (4,255) size 741x190
- RenderListItem {LI} at (40,0) size 701x76 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 698x19
+ RenderBlock {UL} at (4,255) size 744x190
+ RenderListItem {LI} at (40,0) size 704x76 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 701x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 118x19
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,19) size 698x57
- RenderListItem {LI} at (40,0) size 658x19
+ RenderBlock {UL} at (0,19) size 701x57
+ RenderListItem {LI} at (40,0) size 661x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 73x19
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,19) size 658x19
+ RenderListItem {LI} at (40,19) size 661x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,38) size 658x19
+ RenderListItem {LI} at (40,38) size 661x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 176x19
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,76) size 701x19 [border: (3px solid #800080) none]
+ RenderListItem {LI} at (40,76) size 704x19 [border: (3px solid #800080) none]
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 158x19
text run at (0,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,95) size 701x95 [border: (3px solid #0000FF) none]
+ RenderListItem {LI} at (40,95) size 704x95 [border: (3px solid #0000FF) none]
RenderListMarker at (-18,0) size 7x19: bullet
- RenderText {#text} at (0,0) size 687x95
- text run at (0,0) width 654: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three"
- text run at (0,19) width 46: "colors. "
- text run at (46,19) width 641: "The first item's border should travel the entire height the nested list (to end near the baseline of the line"
+ RenderText {#text} at (0,0) size 700x95
+ 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,19) 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,38) width 601: "\"...nested within the list item.\"), even though the nested list does not have any border styles set. "
text run at (601,38) width 76: "The borders"
text run at (0,57) width 669: "should line up together at the right edge of the document's body, as each list element has a default width of"
-layer at (0,0) size 781x883
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x883
- RenderBlock {HTML} at (0,0) size 781x883
- RenderBody {BODY} at (8,8) size 765x867 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x864
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x864
+ RenderBlock {HTML} at (0,0) size 784x864
+ RenderBody {BODY} at (8,8) size 768x848 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x90
+ RenderBlock {PRE} at (0,35) size 768x90
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 (448,0) width 0: " "
text run at (432,60) width 0: " "
text run at (0,75) width 272: ".five {border-right-width: 100px;}"
text run at (272,75) width 0: " "
- RenderBlock {HR} at (0,138) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,156) size 765x19
+ RenderBlock {HR} at (0,138) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,156) size 768x19
RenderText {#text} at (0,0) size 157x19
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,4) width 96: "border-style"
RenderText {#text} at (253,0) size 89x19
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (0,191) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,191) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,226) size 765x44 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,226) size 768x44 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 722x38
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,22) width 86: "one line long."
- RenderBlock {P} at (0,286) size 765x44 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,286) size 768x44 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 733x38
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,22) width 32: "long."
- RenderBlock {P} at (0,346) size 765x44 [border: (3px solid #000000)]
+ RenderBlock {P} at (0,346) size 768x44 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 753x38
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,22) width 32: "long."
- RenderBlock {P} at (0,406) size 765x44 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
- RenderText {#text} at (3,3) size 726x38
- 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,22) width 32: "long."
- RenderBlock {P} at (0,466) size 765x19
+ RenderBlock {P} at (0,406) size 768x25 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 762x19
+ 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,447) size 768x19
RenderText {#text} at (0,0) size 522x19
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,4) width 96: "border-style"
RenderText {#text} at (618,0) size 54x19
text run at (618,0) width 54: " was set."
- RenderTable {TABLE} at (0,501) size 765x366 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x364
- RenderTableRow {TR} at (0,0) size 763x27
- RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,482) size 768x366 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x364
+ RenderTableRow {TR} at (0,0) size 766x27
+ RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 763x337
+ RenderTableRow {TR} at (0,27) size 766x337
RenderTableCell {TD} at (0,182) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 751x337 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 743x19
+ RenderTableCell {TD} at (12,27) size 754x337 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x19
RenderText {#text} at (0,0) size 157x19
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,4) width 96: "border-style"
RenderText {#text} at (253,0) size 89x19
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (4,39) size 743x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,39) size 746x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,74) size 743x44 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (4,74) size 746x44 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 691x38
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,22) width 117: "than one line long."
- RenderBlock {P} at (4,134) size 743x44 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (4,134) size 746x44 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 733x38
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,22) width 32: "long."
- RenderBlock {P} at (4,194) size 743x44 [border: (3px solid #000000)]
+ RenderBlock {P} at (4,194) size 746x44 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 726x38
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,22) width 59: "line long."
- RenderBlock {P} at (4,254) size 743x44 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (4,254) size 746x44 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 726x38
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,22) width 32: "long."
- RenderBlock {P} at (4,314) size 743x19
+ RenderBlock {P} at (4,314) size 746x19
RenderText {#text} at (0,0) size 522x19
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 781x1329
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x1329
- RenderBlock {HTML} at (0,0) size 781x1329
- RenderBody {BODY} at (8,8) size 765x1313 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x1329
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1329
+ RenderBlock {HTML} at (0,0) size 784x1329
+ RenderBody {BODY} at (8,8) size 768x1313 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x180
+ RenderBlock {PRE} at (0,35) size 768x180
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 (560,0) width 0: " "
text run at (368,150) width 0: " "
text run at (0,165) width 552: ".eleven {border-style: none; border-color: red; border-width: thick;}"
text run at (552,165) width 0: " "
- RenderBlock {HR} at (0,228) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,246) size 765x29 [border: (5px dotted #000000)]
+ RenderBlock {HR} at (0,228) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,246) size 768x29 [border: (5px dotted #000000)]
RenderText {#text} at (5,5) size 472x19
text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
- RenderBlock {P} at (0,291) size 765x29 [border: (5px dashed #000000)]
+ RenderBlock {P} at (0,291) size 768x29 [border: (5px dashed #000000)]
RenderText {#text} at (5,5) size 477x19
text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
- RenderBlock {P} at (0,336) size 765x29 [border: (5px solid #000000)]
+ RenderBlock {P} at (0,336) size 768x29 [border: (5px solid #000000)]
RenderText {#text} at (5,5) size 463x19
text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
- RenderBlock {P} at (0,381) size 765x29 [border: (5px double #000000)]
+ RenderBlock {P} at (0,381) size 768x29 [border: (5px double #000000)]
RenderText {#text} at (5,5) size 476x19
text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
- RenderBlock {P} at (0,426) size 765x29 [border: (5px groove #808000)]
+ RenderBlock {P} at (0,426) size 768x29 [border: (5px groove #808000)]
RenderText {#text} at (5,5) size 474x19
text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
- RenderBlock {P} at (0,471) size 765x29 [border: (5px ridge #808000)]
+ RenderBlock {P} at (0,471) size 768x29 [border: (5px ridge #808000)]
RenderText {#text} at (5,5) size 462x19
text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
- RenderBlock {P} at (0,516) size 765x29 [border: (5px inset #808000)]
+ RenderBlock {P} at (0,516) size 768x29 [border: (5px inset #808000)]
RenderText {#text} at (5,5) size 459x19
text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
- RenderBlock {P} at (0,561) size 765x29 [border: (5px outset #808000)]
+ RenderBlock {P} at (0,561) size 768x29 [border: (5px outset #808000)]
RenderText {#text} at (5,5) size 467x19
text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
- RenderBlock {P} at (0,606) size 765x48 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+ RenderBlock {P} at (0,606) size 768x48 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
RenderText {#text} at (5,5) size 744x38
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,24) width 204: "sides should be based on purple."
- RenderBlock {P} at (0,670) size 765x48 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
+ RenderBlock {P} at (0,670) size 768x48 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
RenderText {#text} at (5,5) size 727x38
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,24) width 306: "color of all four sides should be based on purple."
- RenderBlock {P} at (0,734) size 765x19
+ RenderBlock {P} at (0,734) size 768x19
RenderText {#text} at (0,0) size 278x19
text run at (0,0) width 278: "This paragraph should have no border at all."
- RenderTable {TABLE} at (0,769) size 765x544 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x542
- RenderTableRow {TR} at (0,0) size 763x27
- RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,769) size 768x544 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x542
+ RenderTableRow {TR} at (0,0) size 766x27
+ RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 763x515
+ RenderTableRow {TR} at (0,27) size 766x515
RenderTableCell {TD} at (0,271) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 751x515 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 743x29 [border: (5px dotted #000000)]
+ RenderTableCell {TD} at (12,27) size 754x515 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x29 [border: (5px dotted #000000)]
RenderText {#text} at (5,5) size 472x19
text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
- RenderBlock {P} at (4,49) size 743x29 [border: (5px dashed #000000)]
+ RenderBlock {P} at (4,49) size 746x29 [border: (5px dashed #000000)]
RenderText {#text} at (5,5) size 477x19
text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
- RenderBlock {P} at (4,94) size 743x29 [border: (5px solid #000000)]
+ RenderBlock {P} at (4,94) size 746x29 [border: (5px solid #000000)]
RenderText {#text} at (5,5) size 463x19
text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
- RenderBlock {P} at (4,139) size 743x29 [border: (5px double #000000)]
+ RenderBlock {P} at (4,139) size 746x29 [border: (5px double #000000)]
RenderText {#text} at (5,5) size 476x19
text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
- RenderBlock {P} at (4,184) size 743x29 [border: (5px groove #808000)]
+ RenderBlock {P} at (4,184) size 746x29 [border: (5px groove #808000)]
RenderText {#text} at (5,5) size 474x19
text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
- RenderBlock {P} at (4,229) size 743x29 [border: (5px ridge #808000)]
+ RenderBlock {P} at (4,229) size 746x29 [border: (5px ridge #808000)]
RenderText {#text} at (5,5) size 462x19
text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
- RenderBlock {P} at (4,274) size 743x29 [border: (5px inset #808000)]
+ RenderBlock {P} at (4,274) size 746x29 [border: (5px inset #808000)]
RenderText {#text} at (5,5) size 459x19
text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
- RenderBlock {P} at (4,319) size 743x29 [border: (5px outset #808000)]
+ RenderBlock {P} at (4,319) size 746x29 [border: (5px outset #808000)]
RenderText {#text} at (5,5) size 467x19
text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
- RenderBlock {P} at (4,364) size 743x48 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+ RenderBlock {P} at (4,364) size 746x48 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
RenderText {#text} at (5,5) size 714x38
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 97: "The color of all"
text run at (5,24) width 234: "four sides should be based on purple."
- RenderBlock {P} at (4,428) size 743x48 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
+ RenderBlock {P} at (4,428) size 746x48 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
RenderText {#text} at (5,5) size 727x38
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,24) width 306: "color of all four sides should be based on purple."
- RenderBlock {P} at (4,492) size 743x19
+ RenderBlock {P} at (4,492) size 746x19
RenderText {#text} at (0,0) size 278x19
text run at (0,0) width 278: "This paragraph should have no border at all."
-layer at (0,0) size 781x989
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x989
- RenderBlock {HTML} at (0,0) size 781x989
- RenderBody {BODY} at (8,8) size 765x973 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x989
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x989
+ RenderBlock {HTML} at (0,0) size 784x989
+ RenderBody {BODY} at (8,8) size 768x973 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x60
+ RenderBlock {PRE} at (0,35) size 768x60
RenderText {#text} at (0,0) size 320x60
text run at (0,0) width 304: ".one {border-top: purple double 10px;}"
text run at (304,0) width 0: " "
text run at (320,30) width 0: " "
text run at (0,45) width 264: "TD {border-top: green 2px solid;}"
text run at (264,45) width 0: " "
- RenderBlock {HR} at (0,108) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,126) size 765x38
+ RenderBlock {HR} at (0,108) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,126) size 768x38
RenderText {#text} at (0,0) size 755x38
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,19) width 317: "only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,180) size 765x29 [border: (10px double #800080) none]
+ RenderBlock {P} at (0,180) size 768x29 [border: (10px double #800080) none]
RenderText {#text} at (0,10) size 414x19
text run at (0,10) width 414: "This paragraph should have a purple, double, 10-pixel top border."
- RenderBlock {P} at (0,225) size 765x20 [border: (1px solid #800080) none]
+ RenderBlock {P} at (0,225) size 768x20 [border: (1px solid #800080) none]
RenderText {#text} at (0,1) size 331x19
text run at (0,1) width 331: "This paragraph should have a thin purple top border."
- RenderTable {TABLE} at (0,261) size 765x114 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x112
- RenderTableRow {TR} at (0,5) size 763x43
- RenderTableCell {TD} at (5,5) size 753x43 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,261) size 768x114 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x112
+ RenderTableRow {TR} at (0,5) size 766x43
+ RenderTableCell {TD} at (5,5) size 756x43 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (2,3) size 735x38
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,22) width 175: "second half of the test page."
- RenderTableRow {TR} at (0,53) size 763x54
- RenderTableCell {TD} at (5,68) size 191x24 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,53) size 766x54
+ RenderTableCell {TD} at (5,68) size 192x24 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,3) size 53x19
text run at (2,3) width 53: "Cell one"
- RenderTableCell {TD} at (201,53) size 557x54 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,3) size 553x19
+ RenderTableCell {TD} at (202,53) size 559x54 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,3) size 555x19
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (2,22) size 161x30 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 155x24 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,3) size 151x19
text run at (2,3) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (0,391) size 765x123
- RenderListItem {LI} at (40,0) size 725x79 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,3) size 725x19
+ RenderBlock {UL} at (0,391) size 768x123
+ RenderListItem {LI} at (40,0) size 728x79 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,3) size 728x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 118x19
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,22) size 725x57
- RenderListItem {LI} at (40,0) size 685x19
+ RenderBlock {UL} at (0,22) size 728x57
+ RenderListItem {LI} at (40,0) size 688x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 73x19
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,19) size 685x19
+ RenderListItem {LI} at (40,19) size 688x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,38) size 685x19
+ RenderListItem {LI} at (40,38) size 688x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 176x19
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,79) size 725x22 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,79) size 728x22 [border: (3px solid #000000) none]
RenderListMarker at (-18,3) size 7x19: bullet
RenderText {#text} at (0,3) size 158x19
text run at (0,3) width 158: "This is a second list item."
- RenderListItem {LI} at (40,101) size 725x22 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,101) size 728x22 [border: (3px solid #000000) none]
RenderListMarker at (-18,3) size 7x19: bullet
RenderText {#text} at (0,3) size 480x19
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,530) size 765x443 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x441
- RenderTableRow {TR} at (0,0) size 763x28
- RenderTableCell {TD} at (0,0) size 763x28 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,530) size 768x443 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x441
+ RenderTableRow {TR} at (0,0) size 766x28
+ RenderTableCell {TD} at (0,0) size 766x28 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,5) size 163x19
text run at (4,5) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,28) size 763x413
+ RenderTableRow {TR} at (0,28) size 766x413
RenderTableCell {TD} at (0,220) size 12x28 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,5) size 4x19
text run at (4,5) width 4: " "
- RenderTableCell {TD} at (12,28) size 751x413 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,5) size 743x38
+ RenderTableCell {TD} at (12,28) size 754x413 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,5) size 746x38
RenderText {#text} at (0,0) size 707x38
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 73: "This border"
text run at (0,19) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (4,59) size 743x29 [border: (10px double #800080) none]
+ RenderBlock {P} at (4,59) size 746x29 [border: (10px double #800080) none]
RenderText {#text} at (0,10) size 414x19
text run at (0,10) width 414: "This paragraph should have a purple, double, 10-pixel top border."
- RenderBlock {P} at (4,104) size 743x20 [border: (1px solid #800080) none]
+ RenderBlock {P} at (4,104) size 746x20 [border: (1px solid #800080) none]
RenderText {#text} at (0,1) size 331x19
text run at (0,1) width 331: "This paragraph should have a thin purple top border."
- RenderTable {TABLE} at (4,140) size 743x114 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 741x112
- RenderTableRow {TR} at (0,5) size 741x43
- RenderTableCell {TD} at (5,5) size 731x43 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (4,140) size 746x114 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 744x112
+ RenderTableRow {TR} at (0,5) size 744x43
+ RenderTableCell {TD} at (5,5) size 734x43 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (2,3) size 712x38
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 283: "This is also true of the table-testing section in"
text run at (2,22) width 198: "the second half of the test page."
- RenderTableRow {TR} at (0,53) size 741x54
+ RenderTableRow {TR} at (0,53) size 744x54
RenderTableCell {TD} at (5,68) size 186x24 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,3) size 53x19
text run at (2,3) width 53: "Cell one"
- RenderTableCell {TD} at (196,53) size 540x54 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,3) size 536x19
+ RenderTableCell {TD} at (196,53) size 543x54 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,3) size 539x19
RenderText {#text} at (0,0) size 54x19
text run at (0,0) width 54: "Cell two"
RenderTable {TABLE} at (2,22) size 161x30 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 155x24 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,3) size 151x19
text run at (2,3) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (4,270) size 743x123
- RenderListItem {LI} at (40,0) size 703x79 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,3) size 703x19
+ RenderBlock {UL} at (4,270) size 746x123
+ RenderListItem {LI} at (40,0) size 706x79 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,3) size 706x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 118x19
text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (0,22) size 703x57
- RenderListItem {LI} at (40,0) size 663x19
+ RenderBlock {UL} at (0,22) size 706x57
+ RenderListItem {LI} at (40,0) size 666x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 73x19
text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,19) size 663x19
+ RenderListItem {LI} at (40,19) size 666x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 115x19
text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,38) size 663x19
+ RenderListItem {LI} at (40,38) size 666x19
RenderListMarker at (-18,0) size 7x19: white bullet
RenderText {#text} at (0,0) size 176x19
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,79) size 703x22 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,79) size 706x22 [border: (3px solid #000000) none]
RenderListMarker at (-18,3) size 7x19: bullet
RenderText {#text} at (0,3) size 158x19
text run at (0,3) width 158: "This is a second list item."
- RenderListItem {LI} at (40,101) size 703x22 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,101) size 706x22 [border: (3px solid #000000) none]
RenderListMarker at (-18,3) size 7x19: bullet
RenderText {#text} at (0,3) size 480x19
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 781x775
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x775
- RenderBlock {HTML} at (0,0) size 781x775
- RenderBody {BODY} at (8,8) size 765x759 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x775
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x775
+ RenderBlock {HTML} at (0,0) size 784x775
+ RenderBody {BODY} at (8,8) size 768x759 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x90
+ RenderBlock {PRE} at (0,35) size 768x90
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 (432,0) width 0: " "
text run at (416,60) width 0: " "
text run at (0,75) width 248: ".five {border-top-width: 25px;}"
text run at (248,75) width 0: " "
- RenderBlock {HR} at (0,138) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,156) size 765x19
+ RenderBlock {HR} at (0,138) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,156) size 768x19
RenderText {#text} at (0,0) size 157x19
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,4) width 96: "border-style"
RenderText {#text} at (253,0) size 89x19
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (0,191) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,191) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,226) size 765x47 [border: (25px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,226) size 768x47 [border: (25px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,25) size 377x19
text run at (3,25) width 377: "This paragraph should have a top border width of 25 pixels."
- RenderBlock {P} at (0,289) size 765x27 [border: (5px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,289) size 768x27 [border: (5px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,5) size 334x19
text run at (3,5) width 334: "This paragraph should have a thick top border width."
- RenderBlock {P} at (0,332) size 765x25 [border: (3px solid #000000)]
+ RenderBlock {P} at (0,332) size 768x25 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 354x19
text run at (3,3) width 354: "This paragraph should have a medium top border width."
- RenderBlock {P} at (0,373) size 765x23 [border: (1px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,373) size 768x23 [border: (1px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,1) size 327x19
text run at (3,1) width 327: "This paragraph should have a thin top border width."
- RenderBlock {P} at (0,412) size 765x19
+ RenderBlock {P} at (0,412) size 768x19
RenderText {#text} at (0,0) size 527x19
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 781x919
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x919
- RenderBlock {HTML} at (0,0) size 781x919
- RenderBody {BODY} at (8,8) size 765x903 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x919
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x919
+ RenderBlock {HTML} at (0,0) size 784x919
+ RenderBody {BODY} at (8,8) size 768x903 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x90
+ RenderBlock {PRE} at (0,35) size 768x90
RenderText {#text} at (0,0) size 408x90
text run at (0,0) width 400: ".zero {background-color: silver; border-width: 0;}"
text run at (400,0) width 0: " "
text run at (384,60) width 0: " "
text run at (0,75) width 216: ".five {border-width: 25px;}"
text run at (216,75) width 0: " "
- RenderBlock {HR} at (0,138) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,156) size 765x19
+ RenderBlock {HR} at (0,138) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,156) size 768x19
RenderText {#text} at (0,0) size 157x19
text run at (0,0) width 157: "(These will only work if "
RenderInline {CODE} at (0,0) size 96x15
text run at (157,4) width 96: "border-style"
RenderText {#text} at (253,0) size 89x19
text run at (253,0) width 89: " is supported.)"
- RenderBlock {P} at (0,191) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,191) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,226) size 765x119 [border: (50px solid #000000)]
+ RenderBlock {P} at (0,226) size 768x119 [border: (50px solid #000000)]
RenderText {#text} at (50,50) size 394x19
text run at (50,50) width 394: "This element should have an overall border width of 50 pixels."
- RenderBlock {P} at (0,361) size 765x29 [border: (5px solid #000000)]
+ RenderBlock {P} at (0,361) size 768x29 [border: (5px solid #000000)]
RenderText {#text} at (5,5) size 343x19
text run at (5,5) width 343: "This element should have a thick overall border width."
- RenderBlock {P} at (0,406) size 765x25 [border: (3px solid #000000)]
+ RenderBlock {P} at (0,406) size 768x25 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 363x19
text run at (3,3) width 363: "This element should have a medium overall border width."
- RenderBlock {P} at (0,447) size 765x21 [border: (1px solid #000000)]
+ RenderBlock {P} at (0,447) size 768x21 [border: (1px solid #000000)]
RenderText {#text} at (1,1) size 336x19
text run at (1,1) width 336: "This element should have a thin overall border width."
- RenderBlock {P} at (0,484) size 765x19
+ RenderBlock {P} at (0,484) size 768x19
RenderText {#text} at (0,0) size 498x19
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 781x981
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x981
- RenderBlock {HTML} at (0,0) size 781x981
- RenderBody {BODY} at (8,8) size 765x965 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x981
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x981
+ RenderBlock {HTML} at (0,0) size 784x981
+ RenderBody {BODY} at (8,8) size 768x965 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x60
+ RenderBlock {PRE} at (0,35) size 768x60
RenderText {#text} at (0,0) size 168x60
text run at (0,0) width 152: ".one {clear: left;}"
text run at (152,0) width 0: " "
text run at (168,30) width 0: " "
text run at (0,45) width 160: ".four {clear: none;}"
text run at (160,45) width 0: " "
- RenderBlock {HR} at (0,108) size 765x2 [border: (1px inset #000000)]
+ RenderBlock {HR} at (0,108) size 768x2 [border: (1px inset #000000)]
RenderImage {IMG} at (0,118) size 15x50
- RenderBlock {P} at (0,126) size 765x19
+ RenderBlock {P} at (0,126) size 768x19
RenderText {#text} at (18,0) size 595x19
text run at (18,0) width 595: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
- RenderBlock (anonymous) at (0,161) size 765x19
+ RenderBlock (anonymous) at (0,161) size 768x19
RenderBR {BR} at (18,0) size 0x19
RenderImage {IMG} at (0,19) size 15x50
- RenderBlock {P} at (0,230) size 765x19
+ RenderBlock {P} at (0,230) size 768x19
RenderText {#text} at (0,0) size 649x19
text run at (0,0) width 649: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
- RenderBlock (anonymous) at (0,265) size 765x19
+ RenderBlock (anonymous) at (0,265) size 768x19
RenderBR {BR} at (0,0) size 0x19
- RenderImage {IMG} at (750,19) size 15x50
- RenderBlock {P} at (0,334) size 765x19
+ RenderImage {IMG} at (753,19) size 15x50
+ RenderBlock {P} at (0,334) size 768x19
RenderText {#text} at (0,0) size 658x19
text run at (0,0) width 658: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
- RenderBlock (anonymous) at (0,369) size 765x19
+ RenderBlock (anonymous) at (0,369) size 768x19
RenderBR {BR} at (0,0) size 0x19
RenderImage {IMG} at (0,19) size 15x50
- RenderImage {IMG} at (750,19) size 15x50
- RenderBlock {P} at (0,438) size 765x19
+ RenderImage {IMG} at (753,19) size 15x50
+ RenderBlock {P} at (0,438) size 768x19
RenderText {#text} at (0,0) size 602x19
text run at (0,0) width 602: "This paragraph should appear below the two tall orange rectangles, and not flow between them."
RenderImage {IMG} at (0,473) size 15x50
- RenderImage {IMG} at (750,473) size 15x50
- RenderBlock {P} at (0,473) size 765x19
+ RenderImage {IMG} at (753,473) size 15x50
+ RenderBlock {P} at (0,473) size 768x19
RenderText {#text} at (18,0) size 390x19
text run at (18,0) width 390: "This paragraph should be between both tall orange rectangles."
- RenderBlock (anonymous) at (0,508) size 765x19
+ RenderBlock (anonymous) at (0,508) size 768x19
RenderBR {BR} at (18,0) size 0x19
RenderTable {TABLE} at (0,527) size 680x438 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 678x436
-e98ca4c2ed29a630ab76d6ab2126b3bb
\ No newline at end of file
+d18ac4c862e2965c5e8fd5d1aceccd66
\ No newline at end of file
-layer at (0,0) size 781x813
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x813
- RenderBlock {HTML} at (0,0) size 781x813
- RenderBody {BODY} at (8,8) size 765x797 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x813
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x813
+ RenderBlock {HTML} at (0,0) size 784x813
+ RenderBody {BODY} at (8,8) size 768x797 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,32) size 765x135
+ RenderBlock {PRE} at (0,32) size 768x135
RenderText {#text} at (0,0) size 616x135
text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align: justify;}"
text run at (392,0) width 0: " "
text run at (0,105) width 480: " color: black; background: yellow; clear: none;}"
text run at (480,105) width 0: " "
text run at (0,120) width 0: " "
- RenderBlock {HR} at (0,180) size 765x2 [border: (1px inset #000000)]
+ RenderBlock {HR} at (0,180) size 768x2 [border: (1px inset #000000)]
RenderBlock (floating) {DIV} at (0,190) size 192x120 [color=#FFFFFF] [bgcolor=#008000]
RenderBlock {H1} at (8,8) size 176x22
RenderText {#text} at (0,0) size 85x22
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 87x19
text run at (0,0) width 87: "0.5em margin"
- RenderBlock {DIV} at (224,190) size 509x228 [bgcolor=#FFFF00]
- RenderBlock {H1} at (8,29) size 493x37
+ RenderBlock {DIV} at (224,190) size 512x228 [bgcolor=#FFFF00]
+ RenderBlock {H1} at (8,29) size 496x37
RenderText {#text} at (0,0) size 275x36
text run at (0,0) width 275: "The 'clear' property"
- RenderBlock {P} at (8,87) size 493x95
- RenderText {#text} at (0,0) size 493x95
- text run at (0,0) width 493: "This page has two floating \"menus\" on the side; one has a green background,"
- text run at (0,19) width 229: "and the other a blue background. "
- text run at (229,19) width 263: "Due to settings on the 'float' and 'clear'"
- text run at (0,38) width 493: "properties, the two menus should appear on the left side of the page, the blue"
- text run at (0,57) width 493: "below the green. There should be a 10px gap between the two menus. There"
+ RenderBlock {P} at (8,87) size 496x95
+ RenderText {#text} at (0,0) size 496x95
+ text run at (0,0) width 496: "This page has two floating \"menus\" on the side; one has a green background,"
+ text run at (0,19) width 230: "and the other a blue background. "
+ text run at (230,19) width 265: "Due to settings on the 'float' and 'clear'"
+ text run at (0,38) width 496: "properties, the two menus should appear on the left side of the page, the blue"
+ text run at (0,57) width 496: "below the green. There should be a 10px gap between the two menus. There"
text run at (0,76) width 459: "should also be a 10px gap between the top menu and the top of the page."
- RenderBlock {P} at (8,182) size 493x38
- RenderText {#text} at (0,0) size 493x38
- text run at (0,0) width 493: "The top of the yellow rectangle (to which this paragraph belongs) should be"
+ RenderBlock {P} at (8,182) size 496x38
+ RenderText {#text} at (0,0) size 496x38
+ text run at (0,0) width 496: "The top of the yellow rectangle (to which this paragraph belongs) should be"
text run at (0,19) width 331: "vertically aligned with the top of the green rectangle."
- RenderTable {TABLE} at (192,418) size 573x379 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 571x377
- RenderTableRow {TR} at (0,0) size 571x27
- RenderTableCell {TD} at (0,0) size 571x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (192,418) size 576x379 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 574x377
+ RenderTableRow {TR} at (0,0) size 574x27
+ RenderTableCell {TD} at (0,0) size 574x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 571x350
+ RenderTableRow {TR} at (0,27) size 574x350
RenderTableCell {TD} at (0,188) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 559x350 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,27) size 562x350 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock (floating) {DIV} at (4,4) size 192x120 [color=#FFFFFF] [bgcolor=#008000]
RenderBlock {H1} at (8,8) size 176x22
RenderText {#text} at (0,0) size 85x22
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 87x19
text run at (0,0) width 87: "0.5em margin"
- RenderBlock {DIV} at (228,4) size 295x342 [bgcolor=#FFFF00]
- RenderBlock {H1} at (8,29) size 279x37
+ RenderBlock {DIV} at (228,4) size 298x342 [bgcolor=#FFFF00]
+ RenderBlock {H1} at (8,29) size 282x37
RenderText {#text} at (0,0) size 275x36
text run at (0,0) width 275: "The 'clear' property"
- RenderBlock {P} at (8,87) size 279x190
- RenderText {#text} at (0,0) size 279x190
- text run at (0,0) width 279: "This page has two floating \"menus\" on the"
- text run at (0,19) width 279: "side; one has a green background, and the"
- text run at (0,38) width 163: "other a blue background. "
- text run at (163,38) width 115: "Due to settings on"
- text run at (0,57) width 279: "the 'float' and 'clear' properties, the two"
- text run at (0,76) width 279: "menus should appear on the left side of the"
- text run at (0,95) width 279: "page, the blue below the green. There"
- text run at (0,114) width 279: "should be a 10px gap between the two"
- text run at (0,133) width 279: "menus. There should also be a 10px gap"
- text run at (0,152) width 279: "between the top menu and the top of the"
+ RenderBlock {P} at (8,87) size 282x190
+ RenderText {#text} at (0,0) size 282x190
+ text run at (0,0) width 282: "This page has two floating \"menus\" on the"
+ text run at (0,19) width 282: "side; one has a green background, and the"
+ text run at (0,38) width 165: "other a blue background. "
+ text run at (165,38) width 117: "Due to settings on"
+ text run at (0,57) width 282: "the 'float' and 'clear' properties, the two"
+ text run at (0,76) width 282: "menus should appear on the left side of the"
+ text run at (0,95) width 282: "page, the blue below the green. There"
+ text run at (0,114) width 282: "should be a 10px gap between the two"
+ text run at (0,133) width 282: "menus. There should also be a 10px gap"
+ text run at (0,152) width 282: "between the top menu and the top of the"
text run at (0,171) width 34: "page."
- RenderBlock {P} at (8,277) size 279x57
- RenderText {#text} at (0,0) size 279x57
- text run at (0,0) width 279: "The top of the yellow rectangle (to which"
- text run at (0,19) width 279: "this paragraph belongs) should be vertically"
+ RenderBlock {P} at (8,277) size 282x57
+ RenderText {#text} at (0,0) size 282x57
+ text run at (0,0) width 282: "The top of the yellow rectangle (to which"
+ text run at (0,19) width 282: "this paragraph belongs) should be vertically"
text run at (0,38) width 269: "aligned with the top of the green rectangle."
-layer at (0,0) size 781x709
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x709
- RenderBlock {HTML} at (0,0) size 781x709
- RenderBody {BODY} at (8,8) size 765x681 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x709
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x709
+ RenderBlock {HTML} at (0,0) size 784x709
+ RenderBody {BODY} at (8,8) size 768x681 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,32) size 765x195
+ RenderBlock {PRE} at (0,32) size 768x195
RenderText {#text} at (0,0) size 512x195
text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align: justify;}"
text run at (392,0) width 0: " "
text run at (0,165) width 200: "TABLE {margin: 20px 0px;}"
text run at (200,165) width 0: " "
text run at (0,180) width 0: " "
- RenderBlock {HR} at (0,240) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,250) size 765x38
- RenderText {#text} at (0,0) size 765x38
- text run at (0,0) width 765: "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,240) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,250) size 768x38
+ RenderText {#text} at (0,0) size 768x38
+ text run at (0,0) width 768: "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,19) width 405: "indicates how the DIV elements should be laid out horizontally. "
text run at (405,19) width 219: "They should align with each other."
RenderBlock (floating) {DIV} at (0,298) size 140x99 [bgcolor=#FFFF00] [border: (20px solid #000000)]
RenderBlock {P} at (40,40) size 60x19
RenderText {#text} at (0,0) size 39x19
text run at (0,0) width 39: "Green"
- RenderBlock {DIV} at (0,407) size 765x20
+ RenderBlock {DIV} at (0,407) size 768x20
RenderTable {TABLE} at (0,0) size 620x20
RenderTableSection {TBODY} at (0,0) size 620x20
RenderTableRow {TR} at (0,0) size 620x20
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,447) size 765x234 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x232
- RenderTableRow {TR} at (0,0) size 763x27
- RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,447) size 768x234 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x232
+ RenderTableRow {TR} at (0,0) size 766x27
+ RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 763x205
+ RenderTableRow {TR} at (0,27) size 766x205
RenderTableCell {TD} at (0,116) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 751x205 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 743x38
- RenderText {#text} at (0,0) size 743x38
- text run at (0,0) width 743: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this"
+ RenderTableCell {TD} at (12,27) size 754x205 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x38
+ RenderText {#text} at (0,0) size 746x38
+ text run at (0,0) width 746: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this"
text run at (0,19) width 439: "page indicates how the DIV elements should be laid out horizontally. "
text run at (439,19) width 219: "They should align with each other."
RenderBlock (floating) {DIV} at (4,52) size 140x99 [bgcolor=#FFFF00] [border: (20px solid #000000)]
RenderBlock {P} at (40,40) size 60x19
RenderText {#text} at (0,0) size 39x19
text run at (0,0) width 39: "Green"
- RenderBlock {DIV} at (4,161) size 743x20
+ RenderBlock {DIV} at (4,161) size 746x20
RenderTable {TABLE} at (0,0) size 620x20
RenderTableSection {TBODY} at (0,0) size 620x20
RenderTableRow {TR} at (0,0) size 620x20
-layer at (0,0) size 781x1904
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x1904
- RenderBlock {HTML} at (0,0) size 781x1904
- RenderBody {BODY} at (8,8) size 765x1888 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x1904
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1904
+ RenderBlock {HTML} at (0,0) size 784x1904
+ RenderBody {BODY} at (8,8) size 768x1888 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x135
+ RenderBlock {PRE} at (0,35) size 768x135
RenderText {#text} at (0,0) size 560x135
text run at (0,0) width 344: "P.test {background: white; font-size: 20px;"
text run at (344,0) width 0: " "
text run at (0,105) width 400: "#img5 {margin-right: -30px; margin-bottom: -30px;}"
text run at (400,105) width 0: " "
text run at (0,120) width 0: " "
- RenderBlock {HR} at (0,183) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (30,205) size 725x92 [bgcolor=#FFFFFF]
+ RenderBlock {HR} at (0,183) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (30,205) size 728x92 [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 (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,317) size 725x115 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (30,317) size 728x115 [bgcolor=#FFFFFF]
RenderImage {IMG} at (0,0) size 60x60
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 (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,452) size 725x115 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (30,452) size 728x115 [bgcolor=#FFFFFF]
RenderImage {IMG} at (30,30) size 60x60
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,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,587) size 725x115 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (30,587) size 728x115 [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 (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,722) size 725x138 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (30,722) size 728x138 [bgcolor=#FFFFFF]
RenderImage {IMG} at (0,0) size 60x60
- RenderText {#text} at (90,0) size 719x138
- 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"
+ RenderText {#text} at (90,0) size 728x138
+ text run at (90,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
+ text run at (90,23) width 618: "the edges of the white background should line up with the top and left edges"
+ text run at (90,46) width 112: "of the image. "
+ text run at (202,46) width 504: "However, there should be 30 pixels of space between the right"
+ text run at (90,69) width 524: "and bottom edges of the image and the paragraph text around it. "
+ text run at (614,69) width 36: "This"
text run at (0,92) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
text run at (0,115) width 122: "element's box. "
text run at (122,115) width 437: "There is no padding set on this paragraph whatsoever."
- RenderBlock {P} at (30,880) size 725x138 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (30,880) size 728x138 [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"
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,1038) size 765x850 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x848
- RenderTableRow {TR} at (0,0) size 763x27
- RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,1038) size 768x850 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x848
+ RenderTableRow {TR} at (0,0) size 766x27
+ RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 763x821
+ RenderTableRow {TR} at (0,27) size 766x821
RenderTableCell {TD} at (0,424) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 751x821 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (34,4) size 703x92 [bgcolor=#FFFFFF]
+ RenderTableCell {TD} at (12,27) size 754x821 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (34,4) size 706x92 [bgcolor=#FFFFFF]
RenderText {#text} at (0,0) size 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 (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 703x115 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (34,116) size 706x115 [bgcolor=#FFFFFF]
RenderImage {IMG} at (0,0) size 60x60
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 (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 703x115 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (34,251) size 706x115 [bgcolor=#FFFFFF]
RenderImage {IMG} at (30,30) size 60x60
- RenderText {#text} at (90,0) size 692x115
- text run at (90,0) width 566: "The image in the upper left corner of this paragraph should be pushed"
- text run at (90,23) width 562: "down and to the right 30 pixels each from the upper left corner of the"
- text run at (90,46) width 502: "paragraph's box, and displace the paragraph text accordingly. "
- text run at (592,46) width 36: "This"
- text run at (90,69) width 586: "paragraph should have a white background, first of all, which extends to"
- text run at (0,92) width 255: "the edges of the element's box. "
- text run at (255,92) width 437: "There is no padding set on this paragraph whatsoever."
- RenderBlock {P} at (34,386) size 703x115 [bgcolor=#FFFFFF]
+ RenderText {#text} at (90,0) size 705x115
+ text run at (90,0) width 615: "The image in the upper left corner of this paragraph should be pushed down"
+ text run at (90,23) width 611: "and to the right 30 pixels each from the upper left corner of the paragraph's"
+ text run at (90,46) width 404: "box, and displace the paragraph text accordingly. "
+ text run at (494,46) width 181: "This paragraph should"
+ text run at (90,69) width 574: "have a white background, first of all, which extends to the edges of the"
+ text run at (0,92) width 122: "element's box. "
+ text run at (122,92) width 437: "There is no padding set on this paragraph whatsoever."
+ RenderBlock {P} at (34,386) size 706x115 [bgcolor=#FFFFFF]
RenderImage {IMG} at (-30,-30) size 60x60
- RenderText {#text} at (30,0) size 692x115
- text run at (30,0) width 646: "The image in the upper left corner of this paragraph should be pushed up and to"
- text run at (30,23) width 624: "the left 30 pixels each from the upper left corner of the paragraph's box, thus"
- text run at (0,46) width 665: "causing the edges of the white background to align with the thick gray lines in the"
- text run at (0,69) width 60: "image. "
- text run at (60,69) width 627: "This paragraph should have a white background, first of all, which extends to"
- text run at (0,92) width 255: "the edges of the element's box. "
- text run at (255,92) width 437: "There is no padding set on this paragraph whatsoever."
- RenderBlock {P} at (34,521) size 703x138 [bgcolor=#FFFFFF]
+ RenderText {#text} at (30,0) size 706x115
+ text run at (30,0) width 676: "The image in the upper left corner of this paragraph should be pushed up and to the"
+ text run at (30,23) width 661: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing"
+ text run at (0,46) width 663: "the edges of the white background to align with the thick gray lines in the image. "
+ text run at (663,46) width 36: "This"
+ text run at (0,69) width 689: "paragraph should have a white background, first of all, which extends to the edges of"
+ text run at (0,92) width 152: "the element's box. "
+ text run at (152,92) width 437: "There is no padding set on this paragraph whatsoever."
+ RenderBlock {P} at (34,521) size 706x138 [bgcolor=#FFFFFF]
RenderImage {IMG} at (0,0) size 60x60
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 (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 703x138 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (34,679) size 706x138 [bgcolor=#FFFFFF]
RenderImage {IMG} at (0,0) size 60x60
- RenderText {#text} at (30,0) size 698x138
+ RenderText {#text} at (30,0) size 706x138
text run at (30,0) width 668: "The image in the upper left corner of this paragraph should be floated left, and the"
text run at (30,23) width 640: "edges of the white background should line up with the top and left edges of the"
text run at (0,46) width 60: "image. "
text run at (60,46) width 636: "However, the text should overlap the image's right and bottom sides, lining up"
text run at (0,69) width 313: "with the thick gray lines in the image. "
- text run at (313,69) width 288: "This paragraph should have a white"
- text run at (0,92) width 594: "background, first of all, which extends to the edges of the element's box. "
- text run at (594,92) width 91: "There is no"
- text run at (0,115) width 341: "padding set on this paragraph whatsoever."
+ 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."
-a56ca30caf0c65eaf057c923028111d2
\ No newline at end of file
+6a19dfb7c6e817c862f23914d1deb5a0
\ No newline at end of file
-layer at (0,0) size 781x2820
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x2820
- RenderBlock {HTML} at (0,0) size 781x2820
- RenderBody {BODY} at (8,8) size 765x2804 [bgcolor=#CCCCCC]
- RenderBlock (floating) {P} at (0,0) size 382x38 [bgcolor=#FFFF00]
- RenderText {#text} at (0,0) size 382x38
- text run at (0,0) width 382: "This paragraph is of class \"one\". It has a width of 50% and"
+layer at (0,0) size 784x2820
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x2820
+ RenderBlock {HTML} at (0,0) size 784x2820
+ RenderBody {BODY} at (8,8) size 768x2804 [bgcolor=#CCCCCC]
+ RenderBlock (floating) {P} at (0,0) size 384x38 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 384x38
+ text run at (0,0) width 384: "This paragraph is of class \"one\". It has a width of 50% and"
text run at (0,19) width 124: "is floated to the left."
- RenderBlock {P} at (0,0) size 765x95
- RenderText {#text} at (382,0) size 765x95
- text run at (382,0) width 383: "This paragraph should start on the right side of a yellow box"
- text run at (382,19) width 383: "which contains the previous paragraph. Since the text of this"
- text run at (0,38) width 765: "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,57) width 765: "padding, border or margins on this and the previous element, so the text of the two elements should be very close to each"
+ RenderBlock {P} at (0,0) size 768x95
+ RenderText {#text} at (384,0) size 768x95
+ text run at (384,0) width 384: "This paragraph should start on the right side of a yellow box"
+ text run at (384,19) width 384: "which contains the previous paragraph. Since the text of this"
+ text run at (0,38) width 768: "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,57) width 768: "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,76) width 36: "other."
- RenderBlock (anonymous) at (0,95) size 765x19
+ RenderBlock (anonymous) at (0,95) size 768x19
RenderBR {BR} at (0,0) size 0x19
- RenderBlock {HR} at (0,122) size 765x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (0,132) size 765x76 [bgcolor=#FFFF00]
- RenderText {#text} at (0,0) size 765x76
- text run at (0,0) width 765: "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,19) width 765: "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,38) width 765: "a 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,122) size 768x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (0,132) size 768x76 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 768x76
+ text run at (0,0) width 768: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
+ text run at (0,19) width 768: "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,38) width 768: "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,57) width 217: "paragraph for diagnostic purposes."
- RenderBlock (anonymous) at (0,132) size 765x95
+ RenderBlock (anonymous) at (0,132) size 768x95
RenderImage {IMG} at (0,76) size 15x15
RenderText {#text} at (15,76) size 4x19
text run at (15,76) width 4: " "
RenderBR {BR} at (19,91) size 0x0
- RenderBlock {HR} at (0,235) size 765x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (0,245) size 382x114 [bgcolor=#FFFF00]
- RenderText {#text} at (0,0) size 382x114
- text run at (0,0) width 382: "This paragraph is floated to the left and the orange square"
- text run at (0,19) width 382: "image should appear to the right of the paragraph. This"
- text run at (0,38) width 382: "paragraph has a yellow background and no padding, margin"
- text run at (0,57) width 382: "or border. The right edge of this yellow box should be"
- text run at (0,76) width 382: "horizontally aligned with the left edge of the yellow box"
+ RenderBlock {HR} at (0,235) size 768x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (0,245) size 384x114 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 384x114
+ text run at (0,0) width 384: "This paragraph is floated to the left and the orange square"
+ text run at (0,19) width 384: "image should appear to the right of the paragraph. This"
+ text run at (0,38) width 384: "paragraph has a yellow background and no padding, margin"
+ text run at (0,57) width 384: "or border. The right edge of this yellow box should be"
+ text run at (0,76) width 384: "horizontally aligned with the left edge of the yellow box"
text run at (0,95) width 79: "undernearth."
- RenderBlock (anonymous) at (0,245) size 765x114
- RenderImage {IMG} at (382,0) size 15x15
- RenderText {#text} at (397,0) size 4x19
- text run at (397,0) width 4: " "
- RenderBR {BR} at (401,15) size 0x0
- RenderBlock {HR} at (0,367) size 765x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (383,377) size 382x114 [bgcolor=#FFFF00]
- RenderText {#text} at (0,0) size 382x114
- text run at (0,0) width 382: "This paragraph is floated to the right (using a STYLE"
- text run at (0,19) width 382: "attribute) and the orange square image should appear to the"
- text run at (0,38) width 382: "left of the paragraph. This paragraph has a yellow"
- text run at (0,57) width 382: "background and no padding, margin or border. The left edge"
- text run at (0,76) width 382: "of this yellow box should be horizonally aligned with the"
+ RenderBlock (anonymous) at (0,245) size 768x114
+ RenderImage {IMG} at (384,0) size 15x15
+ RenderText {#text} at (399,0) size 4x19
+ text run at (399,0) width 4: " "
+ RenderBR {BR} at (403,15) size 0x0
+ RenderBlock {HR} at (0,367) size 768x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (384,377) size 384x114 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 384x114
+ text run at (0,0) width 384: "This paragraph is floated to the right (using a STYLE"
+ text run at (0,19) width 384: "attribute) and the orange square image should appear to the"
+ text run at (0,38) width 384: "left of the paragraph. This paragraph has a yellow"
+ text run at (0,57) width 384: "background and no padding, margin or border. The left edge"
+ text run at (0,76) width 384: "of this yellow box should be horizonally aligned with the"
text run at (0,95) width 224: "right edge of the yellow box above."
- RenderBlock (anonymous) at (0,377) size 765x114
+ RenderBlock (anonymous) at (0,377) size 768x114
RenderImage {IMG} at (0,0) size 15x15
RenderText {#text} at (15,0) size 4x19
text run at (15,0) width 4: " "
RenderBR {BR} at (19,15) size 0x0
- RenderBlock {HR} at (0,499) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,509) size 765x57
+ RenderBlock {HR} at (0,499) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,509) size 768x57
RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 21x36
text run at (0,0) width 21: "T"
- RenderText {#text} at (48,0) size 765x57
- text run at (48,0) width 717: "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,19) width 493: "well as bold, with a content width of 1.5em and a background-color of silver. "
- text run at (541,19) width 223: "The top of the big letter \"T\" should"
+ RenderText {#text} at (48,0) size 768x57
+ text run at (48,0) width 720: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as"
+ text run at (48,19) width 495: "well as bold, with a content width of 1.5em and a background-color of silver. "
+ text run at (543,19) width 224: "The top of the big letter \"T\" should"
text run at (0,38) 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,566) size 765x19
+ RenderBlock (anonymous) at (0,566) size 768x19
RenderBR {BR} at (0,0) size 0x19
- RenderBlock {HR} at (0,593) size 765x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (419,613) size 336x206 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+ RenderBlock {HR} at (0,593) size 768x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (422,613) size 336x206 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
RenderText {#text} at (8,8) size 320x190
text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
text run at (8,27) width 320: "of like a 'sidebar' in a magazine article. Its width is"
text run at (8,141) width 320: "element has a 10px wide margin around it where"
text run at (8,160) width 320: "the blue background of the paragraph in the"
text run at (8,179) width 217: "normal flow should shine through."
- RenderBlock {P} at (0,603) size 765x209 [bgcolor=#66CCFF]
- RenderText {#text} at (0,0) size 409x209
- text run at (0,0) width 409: "This paragraph is not floating. If there is enough room, the"
- text run at (0,19) width 409: "textual content of the paragraph should appear on the left side of"
- text run at (0,38) width 228: "the yellow \"sidebar\" on the right. "
- text run at (228,38) width 181: "The content of this element"
- text run at (0,57) width 270: "should flow around the floated element. "
- text run at (270,57) width 138: "However, the floated"
- text run at (0,76) width 409: "element may or may not be obscured by the blue background of"
- text run at (0,95) width 409: "this element, as the specification does not say which is drawn"
- text run at (0,114) width 65: "\"on top.\" "
- text run at (65,114) width 343: "Even if the floated element is obscured, it still forces"
- text run at (0,133) width 320: "the content of this element to flow around it. "
- text run at (320,133) width 88: "If the floated"
- text run at (0,152) width 409: "element is not obscured, then the blue rectangle of this paragraph"
- text run at (0,171) width 409: "should extend 10px above and to the right of the sidebar's red"
- text run at (0,190) width 368: "border, due to the margin styles set for the floated element."
- RenderBlock (anonymous) at (0,812) size 765x19
+ RenderBlock {P} at (0,603) size 768x209 [bgcolor=#66CCFF]
+ RenderText {#text} at (0,0) size 412x209
+ text run at (0,0) width 412: "This paragraph is not floating. If there is enough room, the"
+ text run at (0,19) width 412: "textual content of the paragraph should appear on the left side of"
+ text run at (0,38) width 229: "the yellow \"sidebar\" on the right. "
+ text run at (229,38) width 182: "The content of this element"
+ text run at (0,57) width 272: "should flow around the floated element. "
+ text run at (272,57) width 139: "However, the floated"
+ text run at (0,76) width 412: "element may or may not be obscured by the blue background of"
+ text run at (0,95) width 412: "this element, as the specification does not say which is drawn \"on"
+ text run at (0,114) width 37: "top.\" "
+ text run at (37,114) width 374: "Even if the floated element is obscured, it still forces the"
+ text run at (0,133) width 263: "content of this element to flow around it. "
+ text run at (263,133) width 149: "If the floated element is"
+ text run at (0,152) width 412: "not obscured, then the blue rectangle of this paragraph should"
+ text run at (0,171) width 412: "extend 10px above and to the right of the sidebar's red border,"
+ text run at (0,190) width 319: "due to the margin styles set for the floated element."
+ RenderBlock (anonymous) at (0,812) size 768x19
RenderBR {BR} at (0,0) size 0x19
- RenderBlock {HR} at (0,839) size 765x2 [border: (1px inset #000000)]
- RenderBlock {DIV} at (0,849) size 765x27 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
- RenderBlock (floating) {DIV} at (421,14) size 330x238 [bgcolor=#FFFF00]
+ RenderBlock {HR} at (0,839) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (0,849) size 768x27 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+ RenderBlock (floating) {DIV} at (424,14) size 330x238 [bgcolor=#FFFF00]
RenderBlock {P} at (5,5) size 320x228
RenderText {#text} at (0,0) size 320x228
text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
text run at (0,171) width 320: "box should be rendered on top of the bottom red"
text run at (0,190) width 320: "border. I.e., the bottom red border will appear"
text run at (0,209) width 318: "broken where it's overlaid by the yellow rectangle."
- RenderBlock {P} at (4,4) size 757x19
+ RenderBlock {P} at (4,4) size 760x19
RenderText {#text} at (0,0) size 268x19
text run at (0,0) width 268: "See description in the box on the right side"
- RenderBlock (anonymous) at (0,876) size 765x235
+ RenderBlock (anonymous) at (0,876) size 768x235
RenderBR {BR} at (0,0) size 0x19
- RenderBlock {HR} at (0,1119) size 765x2 [border: (1px inset #000000)]
- RenderBlock (floating) {DIV} at (0,1129) size 191x76 [bgcolor=#66CCFF]
- RenderBlock {P} at (0,0) size 191x76
- RenderText {#text} at (0,0) size 191x76
- text run at (0,0) width 191: "This paragraph is inside a"
- text run at (0,19) width 191: "DIV which is floated left. Its"
- text run at (0,38) width 191: "background is blue and the"
+ RenderBlock {HR} at (0,1119) size 768x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {DIV} at (0,1129) size 192x76 [bgcolor=#66CCFF]
+ RenderBlock {P} at (0,0) size 192x76
+ RenderText {#text} at (0,0) size 192x76
+ text run at (0,0) width 192: "This paragraph is inside a"
+ text run at (0,19) width 192: "DIV which is floated left. Its"
+ text run at (0,38) width 192: "background is blue and the"
text run at (0,57) width 87: "width is 25%."
- RenderBlock (floating) {DIV} at (574,1129) size 191x76 [bgcolor=#FFFF00]
- RenderBlock {P} at (0,0) size 191x76
- RenderText {#text} at (0,0) size 191x76
- text run at (0,0) width 191: "This paragraph is inside a"
- text run at (0,19) width 191: "DIV which is floated right. Its"
- text run at (0,38) width 191: "background is yellow and the"
+ RenderBlock (floating) {DIV} at (576,1129) size 192x76 [bgcolor=#FFFF00]
+ RenderBlock {P} at (0,0) size 192x76
+ RenderText {#text} at (0,0) size 192x76
+ text run at (0,0) width 192: "This paragraph is inside a"
+ text run at (0,19) width 192: "DIV which is floated right. Its"
+ text run at (0,38) width 192: "background is yellow and the"
text run at (0,57) width 87: "width is 25%."
- RenderBlock {P} at (0,1129) size 765x38
- RenderText {#text} at (191,0) size 383x38
- text run at (191,0) width 383: "This paragraph should appear between a blue box (on the"
- text run at (191,19) width 29: "left) "
- text run at (220,19) width 199: "and a yellow box (on the right)."
- RenderBlock (anonymous) at (0,1167) size 765x38
- RenderBR {BR} at (191,0) size 0x19
- RenderBlock {HR} at (0,1213) size 765x2 [border: (1px inset #000000)]
- RenderBlock (floating) {DIV} at (0,1223) size 573x133 [bgcolor=#66CCFF]
- RenderBlock (floating) {DIV} at (420,0) size 143x38 [bgcolor=#FFFF00]
- RenderBlock {P} at (0,0) size 143x38
- RenderText {#text} at (0,0) size 143x38
- text run at (0,0) width 143: "See description in the"
+ RenderBlock {P} at (0,1129) size 768x38
+ RenderText {#text} at (192,0) size 384x38
+ text run at (192,0) width 384: "This paragraph should appear between a blue box (on the"
+ text run at (192,19) width 29: "left) "
+ text run at (221,19) width 199: "and a yellow box (on the right)."
+ RenderBlock (anonymous) at (0,1167) size 768x38
+ RenderBR {BR} at (192,0) size 0x19
+ RenderBlock {HR} at (0,1213) size 768x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {DIV} at (0,1223) size 576x133 [bgcolor=#66CCFF]
+ RenderBlock (floating) {DIV} at (422,0) size 144x38 [bgcolor=#FFFF00]
+ RenderBlock {P} at (0,0) size 144x38
+ RenderText {#text} at (0,0) size 144x38
+ text run at (0,0) width 144: "See description in the"
text run at (0,19) width 124: "box on the left side."
- RenderBlock {P} at (0,0) size 573x133
- RenderText {#text} at (0,0) size 573x133
- text run at (0,0) width 420: "This paragraph is inside a DIV which is floated left. The"
- text run at (0,19) width 420: "background of the DIV element is blue and its width is 75%. This"
- text run at (0,38) width 404: "text should all be inside the blue rectangle. The blue DIV "
- text run at (404,38) width 168: "element has another DIV"
- text run at (0,57) width 218: "element as a child. It has a yellow "
- text run at (218,57) width 354: "background color and is floated to the right. Since it is a"
- text run at (0,76) width 417: "child of the blue DIV, the yellow DIV should appear inside the "
- text run at (417,76) width 156: "blue rectangle. Due to it"
- text run at (0,95) width 234: "being floated to the right and having "
- text run at (234,95) width 338: "a 10px right margin, the yellow rectange should have"
- text run at (0,114) width 78: "a 10px blue "
- text run at (78,114) width 138: "stripe on its right side."
- RenderBlock (anonymous) at (0,1223) size 765x133
- RenderBR {BR} at (573,0) size 0x19
- RenderBlock {HR} at (0,1364) size 765x2 [border: (1px inset #000000)]
- RenderTable {TABLE} at (0,1374) size 765x1430 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x1428
- RenderTableRow {TR} at (0,0) size 763x27
- RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderBlock {P} at (0,0) size 576x133
+ RenderText {#text} at (0,0) size 576x133
+ text run at (0,0) width 422: "This paragraph is inside a DIV which is floated left. The"
+ text run at (0,19) width 422: "background of the DIV element is blue and its width is 75%. This"
+ text run at (0,38) width 364: "text should all be inside the blue rectangle. The blue DIV "
+ text run at (364,38) width 211: "element has another DIV element"
+ text run at (0,57) width 166: "as a child. It has a yellow "
+ text run at (166,57) width 361: "background color and is floated to the right. Since it is a "
+ text run at (527,57) width 48: "child of"
+ text run at (0,76) width 374: "the blue DIV, the yellow DIV should appear inside the "
+ text run at (374,76) width 202: "blue rectangle. Due to it being"
+ text run at (0,95) width 193: "floated to the right and having "
+ text run at (193,95) width 382: "a 10px right margin, the yellow rectange should have a 10px"
+ text run at (0,114) width 31: "blue "
+ text run at (31,114) width 138: "stripe on its right side."
+ RenderBlock (anonymous) at (0,1223) size 768x133
+ RenderBR {BR} at (576,0) size 0x19
+ RenderBlock {HR} at (0,1364) size 768x2 [border: (1px inset #000000)]
+ RenderTable {TABLE} at (0,1374) size 768x1430 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x1428
+ RenderTableRow {TR} at (0,0) size 766x27
+ RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 763x1401
+ RenderTableRow {TR} at (0,27) size 766x1401
RenderTableCell {TD} at (0,714) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 751x1401 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (floating) {P} at (4,4) size 371x38 [bgcolor=#FFFF00]
- RenderText {#text} at (0,0) size 371x38
- text run at (0,0) width 371: "This paragraph is of class \"one\". It has a width of 50% and"
+ RenderTableCell {TD} at (12,27) size 754x1401 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (floating) {P} at (4,4) size 373x38 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 373x38
+ text run at (0,0) width 373: "This paragraph is of class \"one\". It has a width of 50% and"
text run at (0,19) width 124: "is floated to the left."
- RenderBlock {P} at (4,4) size 743x95
- RenderText {#text} at (371,0) size 743x95
- text run at (371,0) width 372: "This paragraph should start on the right side of a yellow"
- text run at (371,19) width 372: "box which contains the previous paragraph. Since the text"
- text run at (0,38) width 743: "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,57) width 743: "no padding, border or margins on this and the previous element, so the text of the two elements should be very close"
- text run at (0,76) width 85: "to each other."
- RenderBlock (anonymous) at (4,99) size 743x19
+ RenderBlock {P} at (4,4) size 746x95
+ RenderText {#text} at (373,0) size 746x95
+ text run at (373,0) width 373: "This paragraph should start on the right side of a yellow"
+ text run at (373,19) width 373: "box which contains the previous paragraph. Since the text"
+ text run at (0,38) width 746: "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,57) width 746: "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,76) width 69: "each other."
+ RenderBlock (anonymous) at (4,99) size 746x19
RenderBR {BR} at (0,0) size 0x19
- RenderBlock {HR} at (4,126) size 743x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (4,136) size 743x76 [bgcolor=#FFFF00]
- RenderText {#text} at (0,0) size 743x76
- text run at (0,0) width 743: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its"
- text run at (0,19) width 743: "parent element allows it to be. Therefore, even though the element is floated, there is no room for other content on the"
- text run at (0,38) width 743: "sides and a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been"
- text run at (0,57) width 301: "added to this paragraph for diagnostic purposes."
- RenderBlock (anonymous) at (4,136) size 743x95
+ RenderBlock {HR} at (4,126) size 746x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (4,136) size 746x76 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 746x76
+ text run at (0,0) width 746: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
+ text run at (0,19) width 746: "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,38) width 746: "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,57) width 259: "to this paragraph for diagnostic purposes."
+ RenderBlock (anonymous) at (4,136) size 746x95
RenderImage {IMG} at (0,76) size 15x15
RenderText {#text} at (15,76) size 4x19
text run at (15,76) width 4: " "
RenderBR {BR} at (19,91) size 0x0
- RenderBlock {HR} at (4,239) size 743x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (4,249) size 371x114 [bgcolor=#FFFF00]
- RenderText {#text} at (0,0) size 371x114
- text run at (0,0) width 371: "This paragraph is floated to the left and the orange square"
- text run at (0,19) width 371: "image should appear to the right of the paragraph. This"
- text run at (0,38) width 371: "paragraph has a yellow background and no padding,"
- text run at (0,57) width 371: "margin or border. The right edge of this yellow box should"
- text run at (0,76) width 371: "be horizontally aligned with the left edge of the yellow"
- text run at (0,95) width 107: "box undernearth."
- RenderBlock (anonymous) at (4,249) size 743x114
- RenderImage {IMG} at (371,0) size 15x15
- RenderText {#text} at (386,0) size 4x19
- text run at (386,0) width 4: " "
- RenderBR {BR} at (390,15) size 0x0
- RenderBlock {HR} at (4,371) size 743x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (376,381) size 371x114 [bgcolor=#FFFF00]
- RenderText {#text} at (0,0) size 371x114
- text run at (0,0) width 371: "This paragraph is floated to the right (using a STYLE"
- text run at (0,19) width 371: "attribute) and the orange square image should appear to the"
- text run at (0,38) width 371: "left of the paragraph. This paragraph has a yellow"
- text run at (0,57) width 371: "background and no padding, margin or border. The left"
- text run at (0,76) width 371: "edge of this yellow box should be horizonally aligned with"
+ RenderBlock {HR} at (4,239) size 746x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (4,249) size 373x114 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 373x114
+ text run at (0,0) width 373: "This paragraph is floated to the left and the orange square"
+ text run at (0,19) width 373: "image should appear to the right of the paragraph. This"
+ text run at (0,38) width 373: "paragraph has a yellow background and no padding,"
+ text run at (0,57) width 373: "margin or border. The right edge of this yellow box should"
+ text run at (0,76) width 373: "be horizontally aligned with the left edge of the yellow box"
+ text run at (0,95) width 79: "undernearth."
+ RenderBlock (anonymous) at (4,249) size 746x114
+ RenderImage {IMG} at (373,0) size 15x15
+ RenderText {#text} at (388,0) size 4x19
+ text run at (388,0) width 4: " "
+ RenderBR {BR} at (392,15) size 0x0
+ RenderBlock {HR} at (4,371) size 746x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (377,381) size 373x114 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 373x114
+ text run at (0,0) width 373: "This paragraph is floated to the right (using a STYLE"
+ text run at (0,19) width 373: "attribute) and the orange square image should appear to the"
+ text run at (0,38) width 373: "left of the paragraph. This paragraph has a yellow"
+ text run at (0,57) width 373: "background and no padding, margin or border. The left"
+ text run at (0,76) width 373: "edge of this yellow box should be horizonally aligned with"
text run at (0,95) width 247: "the right edge of the yellow box above."
- RenderBlock (anonymous) at (4,381) size 743x114
+ RenderBlock (anonymous) at (4,381) size 746x114
RenderImage {IMG} at (0,0) size 15x15
RenderText {#text} at (15,0) size 4x19
text run at (15,0) width 4: " "
RenderBR {BR} at (19,15) size 0x0
- RenderBlock {HR} at (4,503) size 743x2 [border: (1px inset #000000)]
- RenderBlock {P} at (4,513) size 743x57
+ RenderBlock {HR} at (4,503) size 746x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (4,513) size 746x57
RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 21x36
text run at (0,0) width 21: "T"
- RenderText {#text} at (48,0) size 743x57
- text run at (48,0) width 695: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph,"
- text run at (48,19) width 515: "as well as bold, with a content width of 1.5em and a background-color of silver. "
- text run at (563,19) width 179: "The top of the big letter \"T\""
+ RenderText {#text} at (48,0) size 746x57
+ text run at (48,0) width 698: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as"
+ text run at (48,19) width 512: "well as bold, with a content width of 1.5em and a background-color of silver. "
+ text run at (560,19) width 185: "The top of the big letter \"T\""
text run at (0,38) width 721: "should be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
- RenderBlock (anonymous) at (4,570) size 743x19
+ RenderBlock (anonymous) at (4,570) size 746x19
RenderBR {BR} at (0,0) size 0x19
- RenderBlock {HR} at (4,597) size 743x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (401,617) size 336x206 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+ RenderBlock {HR} at (4,597) size 746x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (404,617) size 336x206 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
RenderText {#text} at (8,8) size 320x190
text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
text run at (8,27) width 320: "of like a 'sidebar' in a magazine article. Its width is"
text run at (8,141) width 320: "element has a 10px wide margin around it where"
text run at (8,160) width 320: "the blue background of the paragraph in the"
text run at (8,179) width 217: "normal flow should shine through."
- RenderBlock {P} at (4,607) size 743x228 [bgcolor=#66CCFF]
- RenderText {#text} at (0,0) size 387x228
- text run at (0,0) width 387: "This paragraph is not floating. If there is enough room, the"
- text run at (0,19) width 387: "textual content of the paragraph should appear on the left side"
- text run at (0,38) width 257: "of the yellow \"sidebar\" on the right. "
- text run at (257,38) width 129: "The content of this"
- text run at (0,57) width 324: "element should flow around the floated element. "
- text run at (324,57) width 63: "However,"
- text run at (0,76) width 387: "the floated element may or may not be obscured by the blue"
- text run at (0,95) width 387: "background of this element, as the specification does not say"
- text run at (0,114) width 183: "which is drawn \"on top.\" "
- text run at (183,114) width 203: "Even if the floated element is"
- text run at (0,133) width 387: "obscured, it still forces the content of this element to flow"
+ RenderBlock {P} at (4,607) size 746x228 [bgcolor=#66CCFF]
+ RenderText {#text} at (0,0) size 390x228
+ text run at (0,0) width 390: "This paragraph is not floating. If there is enough room, the"
+ text run at (0,19) width 390: "textual content of the paragraph should appear on the left side"
+ text run at (0,38) width 259: "of the yellow \"sidebar\" on the right. "
+ text run at (259,38) width 130: "The content of this"
+ text run at (0,57) width 327: "element should flow around the floated element. "
+ text run at (327,57) width 63: "However,"
+ text run at (0,76) width 390: "the floated element may or may not be obscured by the blue"
+ text run at (0,95) width 390: "background of this element, as the specification does not say"
+ text run at (0,114) width 185: "which is drawn \"on top.\" "
+ text run at (185,114) width 205: "Even if the floated element is"
+ text run at (0,133) width 390: "obscured, it still forces the content of this element to flow"
text run at (0,152) width 64: "around it. "
- text run at (64,152) width 322: "If the floated element is not obscured, then the blue"
- text run at (0,171) width 387: "rectangle of this paragraph should extend 10px above and to"
- text run at (0,190) width 387: "the right of the sidebar's red border, due to the margin styles"
+ text run at (64,152) width 325: "If the floated element is not obscured, then the blue"
+ text run at (0,171) width 390: "rectangle of this paragraph should extend 10px above and to"
+ text run at (0,190) width 390: "the right of the sidebar's red border, due to the margin styles"
text run at (0,209) width 166: "set for the floated element."
- RenderBlock (anonymous) at (4,835) size 743x19
+ RenderBlock (anonymous) at (4,835) size 746x19
RenderBR {BR} at (0,0) size 0x19
- RenderBlock {HR} at (4,862) size 743x2 [border: (1px inset #000000)]
- RenderBlock {DIV} at (4,872) size 743x27 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
- RenderBlock (floating) {DIV} at (399,14) size 330x238 [bgcolor=#FFFF00]
+ RenderBlock {HR} at (4,862) size 746x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (4,872) size 746x27 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+ RenderBlock (floating) {DIV} at (402,14) size 330x238 [bgcolor=#FFFF00]
RenderBlock {P} at (5,5) size 320x228
RenderText {#text} at (0,0) size 320x228
text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
text run at (0,171) width 320: "box should be rendered on top of the bottom red"
text run at (0,190) width 320: "border. I.e., the bottom red border will appear"
text run at (0,209) width 318: "broken where it's overlaid by the yellow rectangle."
- RenderBlock {P} at (4,4) size 735x19
+ RenderBlock {P} at (4,4) size 738x19
RenderText {#text} at (0,0) size 268x19
text run at (0,0) width 268: "See description in the box on the right side"
- RenderBlock (anonymous) at (4,899) size 743x235
+ RenderBlock (anonymous) at (4,899) size 746x235
RenderBR {BR} at (0,0) size 0x19
- RenderBlock {HR} at (4,1142) size 743x2 [border: (1px inset #000000)]
- RenderBlock (floating) {DIV} at (4,1152) size 185x76 [bgcolor=#66CCFF]
- RenderBlock {P} at (0,0) size 185x76
- RenderText {#text} at (0,0) size 185x76
- text run at (0,0) width 185: "This paragraph is inside a"
- text run at (0,19) width 185: "DIV which is floated left. Its"
- text run at (0,38) width 185: "background is blue and the"
+ RenderBlock {HR} at (4,1142) size 746x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {DIV} at (4,1152) size 186x76 [bgcolor=#66CCFF]
+ RenderBlock {P} at (0,0) size 186x76
+ RenderText {#text} at (0,0) size 186x76
+ text run at (0,0) width 186: "This paragraph is inside a"
+ text run at (0,19) width 186: "DIV which is floated left. Its"
+ text run at (0,38) width 186: "background is blue and the"
text run at (0,57) width 87: "width is 25%."
- RenderBlock (floating) {DIV} at (562,1152) size 185x76 [bgcolor=#FFFF00]
- RenderBlock {P} at (0,0) size 185x76
- RenderText {#text} at (0,0) size 185x76
- text run at (0,0) width 185: "This paragraph is inside a"
- text run at (0,19) width 185: "DIV which is floated right."
- text run at (0,38) width 19: "Its "
- text run at (19,38) width 165: "background is yellow and"
+ RenderBlock (floating) {DIV} at (564,1152) size 186x76 [bgcolor=#FFFF00]
+ RenderBlock {P} at (0,0) size 186x76
+ RenderText {#text} at (0,0) size 186x76
+ text run at (0,0) width 186: "This paragraph is inside a"
+ text run at (0,19) width 186: "DIV which is floated right."
+ text run at (0,38) width 20: "Its "
+ text run at (20,38) width 166: "background is yellow and"
text run at (0,57) width 110: "the width is 25%."
- RenderBlock {P} at (4,1152) size 743x38
- RenderText {#text} at (185,0) size 373x38
- text run at (185,0) width 373: "This paragraph should appear between a blue box (on the"
- text run at (185,19) width 29: "left) "
- text run at (214,19) width 199: "and a yellow box (on the right)."
- RenderBlock (anonymous) at (4,1190) size 743x38
- RenderBR {BR} at (185,0) size 0x19
- RenderBlock {HR} at (4,1236) size 743x2 [border: (1px inset #000000)]
- RenderBlock (floating) {DIV} at (4,1246) size 557x133 [bgcolor=#66CCFF]
- RenderBlock (floating) {DIV} at (408,0) size 139x38 [bgcolor=#FFFF00]
+ RenderBlock {P} at (4,1152) size 746x38
+ RenderText {#text} at (186,0) size 374x38
+ text run at (186,0) width 374: "This paragraph should appear between a blue box (on the"
+ text run at (186,19) width 29: "left) "
+ text run at (215,19) width 199: "and a yellow box (on the right)."
+ RenderBlock (anonymous) at (4,1190) size 746x38
+ RenderBR {BR} at (186,0) size 0x19
+ RenderBlock {HR} at (4,1236) size 746x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {DIV} at (4,1246) size 559x133 [bgcolor=#66CCFF]
+ RenderBlock (floating) {DIV} at (410,0) size 139x38 [bgcolor=#FFFF00]
RenderBlock {P} at (0,0) size 139x38
RenderText {#text} at (0,0) size 139x38
text run at (0,0) width 139: "See description in the"
text run at (0,19) width 124: "box on the left side."
- RenderBlock {P} at (0,0) size 557x133
- RenderText {#text} at (0,0) size 556x133
- text run at (0,0) width 408: "This paragraph is inside a DIV which is floated left. The"
- text run at (0,19) width 408: "background of the DIV element is blue and its width is 75%."
+ RenderBlock {P} at (0,0) size 559x133
+ RenderText {#text} at (0,0) size 558x133
+ text run at (0,0) width 410: "This paragraph is inside a DIV which is floated left. The"
+ text run at (0,19) width 410: "background of the DIV element is blue and its width is 75%."
text run at (0,38) width 32: "This "
- text run at (32,38) width 366: "text should all be inside the blue rectangle. The blue DIV "
- text run at (398,38) width 158: "element has another DIV"
- text run at (0,57) width 216: "element as a child. It has a yellow "
- text run at (216,57) width 340: "background color and is floated to the right. Since it is"
+ text run at (32,38) width 367: "text should all be inside the blue rectangle. The blue DIV "
+ text run at (399,38) width 159: "element has another DIV"
+ text run at (0,57) width 217: "element as a child. It has a yellow "
+ text run at (217,57) width 341: "background color and is floated to the right. Since it is"
text run at (0,76) width 11: "a "
- text run at (11,76) width 405: "child of the blue DIV, the yellow DIV should appear inside the "
- text run at (416,76) width 139: "blue rectangle. Due to"
- text run at (0,95) width 250: "it being floated to the right and having "
- text run at (250,95) width 306: "a 10px right margin, the yellow rectange should"
+ text run at (11,76) width 407: "child of the blue DIV, the yellow DIV should appear inside the "
+ text run at (418,76) width 140: "blue rectangle. Due to"
+ text run at (0,95) width 251: "it being floated to the right and having "
+ text run at (251,95) width 307: "a 10px right margin, the yellow rectange should"
text run at (0,114) width 112: "have a 10px blue "
text run at (112,114) width 138: "stripe on its right side."
- RenderBlock (anonymous) at (4,1246) size 743x133
- RenderBR {BR} at (557,0) size 0x19
- RenderBlock {HR} at (4,1387) size 743x2 [border: (1px inset #000000)]
+ RenderBlock (anonymous) at (4,1246) size 746x133
+ RenderBR {BR} at (559,0) size 0x19
+ RenderBlock {HR} at (4,1387) size 746x2 [border: (1px inset #000000)]
-layer at (0,0) size 781x984
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x984
- RenderBlock {HTML} at (0,0) size 781x984
- RenderBody {BODY} at (8,8) size 765x968 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x984
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x984
+ RenderBlock {HTML} at (0,0) size 784x984
+ RenderBody {BODY} at (8,8) size 768x968 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x45
+ RenderBlock {PRE} at (0,35) size 768x45
RenderText {#text} at (0,0) size 168x45
text run at (0,0) width 160: ".one {height: 50px;}"
text run at (160,0) width 0: " "
text run at (0,15) width 168: ".two {height: 100px;}"
text run at (168,15) width 0: " "
text run at (0,30) width 0: " "
- RenderBlock {HR} at (0,93) size 765x2 [border: (1px inset #000000)]
- RenderBlock (anonymous) at (0,103) size 765x50
+ RenderBlock {HR} at (0,93) size 768x2 [border: (1px inset #000000)]
+ RenderBlock (anonymous) at (0,103) size 768x50
RenderImage {IMG} at (0,0) size 50x50
RenderText {#text} at (0,0) size 0x0
- RenderBlock {P} at (0,169) size 765x19
+ RenderBlock {P} at (0,169) size 768x19
RenderText {#text} at (0,0) size 275x19
text run at (0,0) width 275: "The square above should be fifty pixels tall."
- RenderBlock (anonymous) at (0,204) size 765x100
+ RenderBlock (anonymous) at (0,204) size 768x100
RenderImage {IMG} at (0,0) size 100x100
RenderText {#text} at (0,0) size 0x0
- RenderBlock {P} at (0,320) size 765x19
+ RenderBlock {P} at (0,320) size 768x19
RenderText {#text} at (0,0) size 335x19
text run at (0,0) width 335: "The square above should be 100 pixels tall and wide."
- RenderBlock (anonymous) at (0,355) size 765x100
+ RenderBlock (anonymous) at (0,355) size 768x100
RenderImage {IMG} at (0,0) size 30x100
RenderText {#text} at (0,0) size 0x0
- RenderBlock {P} at (0,471) size 765x38
+ RenderBlock {P} at (0,471) size 768x38
RenderText {#text} at (0,0) size 750x38
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,19) width 150: "been doubled using the "
text run at (150,23) width 48: "height"
RenderText {#text} at (198,19) size 66x19
text run at (198,19) width 66: " property)."
- RenderTable {TABLE} at (0,525) size 765x443 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x441
- RenderTableRow {TR} at (0,0) size 763x27
- RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,525) size 768x443 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x441
+ RenderTableRow {TR} at (0,0) size 766x27
+ RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 763x414
+ RenderTableRow {TR} at (0,27) size 766x414
RenderTableCell {TD} at (0,220) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 751x414 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (4,4) size 743x50
+ RenderTableCell {TD} at (12,27) size 754x414 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (4,4) size 746x50
RenderImage {IMG} at (0,0) size 50x50
RenderText {#text} at (0,0) size 0x0
- RenderBlock {P} at (4,70) size 743x19
+ RenderBlock {P} at (4,70) size 746x19
RenderText {#text} at (0,0) size 275x19
text run at (0,0) width 275: "The square above should be fifty pixels tall."
- RenderBlock (anonymous) at (4,105) size 743x100
+ RenderBlock (anonymous) at (4,105) size 746x100
RenderImage {IMG} at (0,0) size 100x100
RenderText {#text} at (0,0) size 0x0
- RenderBlock {P} at (4,221) size 743x19
+ RenderBlock {P} at (4,221) size 746x19
RenderText {#text} at (0,0) size 335x19
text run at (0,0) width 335: "The square above should be 100 pixels tall and wide."
- RenderBlock (anonymous) at (4,256) size 743x100
+ RenderBlock (anonymous) at (4,256) size 746x100
RenderImage {IMG} at (0,0) size 30x100
RenderText {#text} at (0,0) size 0x0
- RenderBlock {P} at (4,372) size 743x38
+ RenderBlock {P} at (4,372) size 746x38
RenderText {#text} at (0,0) size 725x38
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,19) width 175: "has been doubled using the "
-layer at (0,0) size 783x2673
- RenderView at (0,0) size 781x581
-layer at (0,0) size 781x2673
- RenderBlock {HTML} at (0,0) size 781x2673
- RenderBody {BODY} at (8,8) size 765x2657 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 786x2677
+ RenderView at (0,0) size 784x584
+layer at (0,0) size 784x2677
+ RenderBlock {HTML} at (0,0) size 784x2677
+ RenderBody {BODY} at (8,8) size 768x2661 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x105
+ RenderBlock {PRE} at (0,35) size 768x105
RenderText {#text} at (0,0) size 360x105
text run at (0,0) width 352: ".zero {background-color: silver; margin: 0;}"
text run at (352,0) width 0: " "
text run at (168,75) width 0: " "
text run at (0,90) width 360: ".six {margin: -10px; background-color: aqua;}"
text run at (360,90) width 0: " "
- RenderBlock {HR} at (0,153) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,171) size 765x38
+ RenderBlock {HR} at (0,153) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,171) size 768x38
RenderText {#text} at (0,0) size 738x38
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,19) width 248: "section 4.1.1 of the CSS1 specification."
- RenderBlock {P} at (0,225) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,225) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (48,292) size 669x19 [bgcolor=#00FFFF]
+ RenderBlock {P} at (48,292) size 672x19 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 658x19
text run at (0,0) width 658: "This sentence should have an overall margin of half an inch, which will require extra text in order to test."
- RenderBlock {P} at (0,359) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,359) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (25,403) size 715x19 [bgcolor=#00FFFF]
+ RenderBlock {P} at (25,403) size 718x19 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 641x19
text run at (0,0) width 641: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
- RenderBlock {P} at (0,447) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,447) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (80,546) size 605x38 [bgcolor=#00FFFF]
+ RenderBlock {P} at (80,546) size 608x38 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 586x38
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,19) width 25: "test."
- RenderBlock {P} at (0,664) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,664) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (191,874) size 383x57 [bgcolor=#00FFFF]
+ RenderBlock {P} at (192,875) size 384x57 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 377x57
text run at (0,0) width 377: "This sentence should have an overall margin of 25%, which"
text run at (0,19) width 376: "is calculated with respect to the width of the parent element."
text run at (0,38) width 264: "This will require extra text in order to test."
- RenderBlock {P} at (0,1122) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,1124) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {UL} at (25,1166) size 715x126 [bgcolor=#00FFFF]
- RenderListItem {LI} at (40,0) size 675x19
+ RenderBlock {UL} at (25,1168) size 718x126 [bgcolor=#00FFFF]
+ RenderListItem {LI} at (40,0) size 678x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 375x19
text run at (0,0) width 375: "This list has a margin of 25px, and a light blue background."
- RenderListItem {LI} at (40,19) size 675x19
+ RenderListItem {LI} at (40,19) size 678x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 264x19
text run at (0,0) width 264: "Therefore, it ought to have such a margin."
- RenderListItem {LI} at (65,63) size 625x19
+ RenderListItem {LI} at (65,63) size 628x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 543x19
text run at (0,0) width 543: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
- RenderListItem {LI} at (40,107) size 675x19
+ RenderListItem {LI} at (40,107) size 678x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 294x19
text run at (0,0) width 294: "This list item has no special styles applied to it."
- RenderBlock {P} at (0,1317) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,1319) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (-10,1326) size 785x57 [bgcolor=#00FFFF]
+ RenderBlock {P} at (-10,1328) size 788x57 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 775x57
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,19) width 369: "subsequent text up toward it, and a light blue background. "
text run at (369,19) width 386: "In all other respects, however, the element should be normal. "
text run at (755,19) width 20: "No"
text run at (0,38) width 528: "styles have been applied to it besides the negative margin and the background color."
- RenderBlock {P} at (0,1373) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,1375) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderTable {TABLE} at (0,1392) size 765x1265 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x1263
- RenderTableRow {TR} at (0,0) size 763x27
- RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,1394) size 768x1267 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x1265
+ RenderTableRow {TR} at (0,0) size 766x27
+ RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 763x1236
- RenderTableCell {TD} at (0,631) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,27) size 766x1238
+ RenderTableCell {TD} at (0,632) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 751x1236 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 743x38
+ RenderTableCell {TD} at (12,27) size 754x1238 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x38
RenderText {#text} at (0,0) size 738x38
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,19) width 248: "section 4.1.1 of the CSS1 specification."
- RenderBlock {P} at (4,58) size 743x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,58) size 746x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (52,125) size 647x38 [bgcolor=#00FFFF]
+ RenderBlock {P} at (52,125) size 650x38 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 629x38
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,19) width 25: "test."
- RenderBlock {P} at (4,211) size 743x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,211) size 746x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (29,255) size 693x19 [bgcolor=#00FFFF]
+ RenderBlock {P} at (29,255) size 696x19 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 641x19
text run at (0,0) width 641: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
- RenderBlock {P} at (4,299) size 743x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,299) size 746x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (84,398) size 583x38 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 570x38
- text run at (0,0) width 570: "This sentence should have an overall margin of 5 em, which will require extra text in order"
- text run at (0,19) width 41: "to test."
- RenderBlock {P} at (4,516) size 743x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (84,398) size 586x38 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 586x38
+ 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,19) width 25: "test."
+ RenderBlock {P} at (4,516) size 746x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (189,720) size 373x57 [bgcolor=#00FFFF]
+ RenderBlock {P} at (190,721) size 374x57 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 362x57
text run at (0,0) width 334: "This sentence should have an overall margin of 25%,"
text run at (0,19) width 362: "which is calculated with respect to the width of the parent"
text run at (0,38) width 57: "element. "
text run at (57,38) width 264: "This will require extra text in order to test."
- RenderBlock {P} at (4,962) size 743x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,964) size 746x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {UL} at (29,1006) size 693x126 [bgcolor=#00FFFF]
- RenderListItem {LI} at (40,0) size 653x19
+ RenderBlock {UL} at (29,1008) size 696x126 [bgcolor=#00FFFF]
+ RenderListItem {LI} at (40,0) size 656x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 375x19
text run at (0,0) width 375: "This list has a margin of 25px, and a light blue background."
- RenderListItem {LI} at (40,19) size 653x19
+ RenderListItem {LI} at (40,19) size 656x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 264x19
text run at (0,0) width 264: "Therefore, it ought to have such a margin."
- RenderListItem {LI} at (65,63) size 603x19
+ RenderListItem {LI} at (65,63) size 606x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 543x19
text run at (0,0) width 543: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
- RenderListItem {LI} at (40,107) size 653x19
+ RenderListItem {LI} at (40,107) size 656x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 294x19
text run at (0,0) width 294: "This list item has no special styles applied to it."
- RenderBlock {P} at (4,1157) size 743x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,1159) size 746x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (-6,1166) size 763x57 [bgcolor=#00FFFF]
+ RenderBlock {P} at (-6,1168) size 766x57 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 758x57
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,19) width 369: "subsequent text up toward it, and a light blue background. "
text run at (369,19) width 382: "In all other respects, however, the element should be normal."
text run at (0,38) width 552: "No styles have been applied to it besides the negative margin and the background color."
- RenderBlock {P} at (4,1213) size 743x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,1215) size 746x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
-layer at (0,0) size 781x1768
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x1768
- RenderBlock {HTML} at (0,0) size 781x1768
- RenderBody {BODY} at (8,8) size 765x1752 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x1770
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1770
+ RenderBlock {HTML} at (0,0) size 784x1770
+ RenderBody {BODY} at (8,8) size 768x1754 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x135
+ RenderBlock {PRE} at (0,35) size 768x135
RenderText {#text} at (0,0) size 416x135
text run at (0,0) width 408: ".zero {background-color: silver; margin-bottom: 0;}"
text run at (408,0) width 0: " "
text run at (0,105) width 176: "P, UL {margin-top: 0;}"
text run at (176,105) width 0: " "
text run at (0,120) width 0: " "
- RenderBlock {HR} at (0,183) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,193) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {HR} at (0,183) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,193) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,212) size 765x38 [bgcolor=#00FFFF]
+ RenderBlock {P} at (0,212) size 768x38 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 740x38
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,19) width 203: "margin isn't applied to each line."
- RenderBlock {P} at (0,298) size 765x38 [bgcolor=#00FFFF]
+ RenderBlock {P} at (0,298) size 768x38 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 723x38
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,19) width 203: "margin isn't applied to each line."
- RenderBlock {P} at (0,361) size 765x38 [bgcolor=#00FFFF]
+ RenderBlock {P} at (0,361) size 768x38 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 745x38
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,19) width 155: "isn't applied to each line."
- RenderBlock {P} at (0,479) size 765x38 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 738x38
- 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,19) width 155: "isn't applied to each line."
- RenderBlock {P} at (0,708) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,479) size 768x38 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 767x38
+ 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,19) width 126: "applied to each line."
+ RenderBlock {P} at (0,709) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,727) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,728) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x19
text run at (0,0) width 232: "This element also has a class of zero."
- RenderBlock {UL} at (0,746) size 765x101 [bgcolor=#00FFFF]
- RenderListItem {LI} at (40,0) size 725x19
+ RenderBlock {UL} at (0,747) size 768x101 [bgcolor=#00FFFF]
+ RenderListItem {LI} at (40,0) size 728x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 424x19
text run at (0,0) width 424: "This list has a margin-bottom of 25px, and a light blue background."
- RenderListItem {LI} at (40,19) size 725x19
+ RenderListItem {LI} at (40,19) size 728x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 264x19
text run at (0,0) width 264: "Therefore, it ought to have such a margin."
- RenderListItem {LI} at (40,38) size 725x19
+ RenderListItem {LI} at (40,38) size 728x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 591x19
text run at (0,0) width 591: "This list item has a bottom margin of 25px, which should cause it to be offset in some fashion."
- RenderListItem {LI} at (40,82) size 725x19
+ RenderListItem {LI} at (40,82) size 728x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 294x19
text run at (0,0) width 294: "This list item has no special styles applied to it."
- RenderBlock {P} at (0,872) size 765x57 [bgcolor=#00FFFF]
+ RenderBlock {P} at (0,873) size 768x57 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 760x57
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,19) width 123: "and no top margin. "
text run at (123,19) width 488: "No other styles have been applied to it besides a light blue background color. "
text run at (611,19) width 149: "In all other respects, the"
text run at (0,38) width 166: "element should be normal."
- RenderBlock {P} at (0,919) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,920) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,938) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,939) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x19
text run at (0,0) width 232: "This element also has a class of zero."
- RenderTable {TABLE} at (0,957) size 765x795 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x793
- RenderTableRow {TR} at (0,0) size 763x27
- RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,958) size 768x796 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x794
+ RenderTableRow {TR} at (0,0) size 766x27
+ RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 763x766
- RenderTableCell {TD} at (0,396) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,27) size 766x767
+ RenderTableCell {TD} at (0,397) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 751x766 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 743x19 [bgcolor=#C0C0C0]
+ RenderTableCell {TD} at (12,27) size 754x767 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,23) size 743x38 [bgcolor=#00FFFF]
+ RenderBlock {P} at (4,23) size 746x38 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 740x38
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,19) width 203: "margin isn't applied to each line."
- RenderBlock {P} at (4,109) size 743x38 [bgcolor=#00FFFF]
+ RenderBlock {P} at (4,109) size 746x38 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 723x38
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,19) width 203: "margin isn't applied to each line."
- RenderBlock {P} at (4,172) size 743x38 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 697x38
- text run at (0,0) width 697: "This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that the"
- text run at (0,19) width 203: "margin isn't applied to each line."
- RenderBlock {P} at (4,290) size 743x38 [bgcolor=#00FFFF]
+ RenderBlock {P} at (4,172) size 746x38 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 745x38
+ 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,19) width 155: "isn't applied to each line."
+ RenderBlock {P} at (4,290) size 746x38 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 738x38
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,19) width 155: "isn't applied to each line."
- RenderBlock {P} at (4,513) size 743x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,514) size 746x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,532) size 743x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,533) size 746x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x19
text run at (0,0) width 232: "This element also has a class of zero."
- RenderBlock {UL} at (4,551) size 743x101 [bgcolor=#00FFFF]
- RenderListItem {LI} at (40,0) size 703x19
+ RenderBlock {UL} at (4,552) size 746x101 [bgcolor=#00FFFF]
+ RenderListItem {LI} at (40,0) size 706x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 424x19
text run at (0,0) width 424: "This list has a margin-bottom of 25px, and a light blue background."
- RenderListItem {LI} at (40,19) size 703x19
+ RenderListItem {LI} at (40,19) size 706x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 264x19
text run at (0,0) width 264: "Therefore, it ought to have such a margin."
- RenderListItem {LI} at (40,38) size 703x19
+ RenderListItem {LI} at (40,38) size 706x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 591x19
text run at (0,0) width 591: "This list item has a bottom margin of 25px, which should cause it to be offset in some fashion."
- RenderListItem {LI} at (40,82) size 703x19
+ RenderListItem {LI} at (40,82) size 706x19
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 294x19
text run at (0,0) width 294: "This list item has no special styles applied to it."
- RenderBlock {P} at (4,677) size 743x57 [bgcolor=#00FFFF]
+ RenderBlock {P} at (4,678) size 746x57 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 717x57
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,19) width 161: "page, and no top margin. "
text run at (161,19) width 488: "No other styles have been applied to it besides a light blue background color. "
text run at (649,19) width 68: "In all other"
text run at (0,38) width 247: "respects, the element should be normal."
- RenderBlock {P} at (4,724) size 743x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,725) size 746x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,743) size 743x19 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,744) size 746x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x19
text run at (0,0) width 232: "This element also has a class of zero."
-layer at (0,0) size 781x759
- RenderView at (0,0) size 781x600
-layer at (0,0) size 781x759
- RenderBlock {HTML} at (0,0) size 781x759
- RenderBody {BODY} at (8,8) size 765x743 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 765x19
+layer at (0,0) size 784x740
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x740
+ RenderBlock {HTML} at (0,0) size 784x740
+ RenderBody {BODY} at (8,8) size 768x724 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x19
RenderText {#text} at (0,0) size 355x19
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 765x45
+ RenderBlock {PRE} at (0,35) size 768x45
RenderText {#text} at (0,0) size 360x45
text run at (0,0) width 352: ".zero {background-color: silver; margin: 0;}"
text run at (352,0) width 0: " "
text run at (352,15) width 0: " "
text run at (0,30) width 360: ".two {margin: -10px; background-color: aqua;}"
text run at (360,30) width 0: " "
- RenderBlock {HR} at (0,93) size 765x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,103) size 765x19 [bgcolor=#C0C0C0]
+ RenderBlock {HR} at (0,93) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,103) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,138) size 765x95 [bgcolor=#808080]
+ RenderBlock {P} at (0,138) size 768x76 [bgcolor=#808080]
RenderText {#text} at (0,0) size 481x19
text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
text run at (393,0) width 88: "It contains an "
RenderText {#text} at (673,0) size 752x38
text run at (673,0) width 79: ", giving it an"
text run at (0,19) width 231: "aqua background and a 25px margin"
- RenderText {#text} at (256,19) size 753x76
+ RenderText {#text} at (256,19) size 766x57
text run at (256,19) width 8: ". "
text run at (264,19) width 489: "Margins on inline elements does not affect line-height calculations, so all lines"
text run at (0,38) width 309: "in this element should have the same line-height. "
- text run at (309,38) width 429: "However, there should be a 25px margin to the left side of the inline"
- text run at (0,57) 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,76) width 52: "appears."
- RenderBlock {P} at (0,249) size 765x19 [bgcolor=#C0C0C0]
+ text run at (309,38) width 457: "However, there should be a 25px margin to the left side of the inline box"
+ text run at (0,57) width 743: "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 appears."
+ RenderBlock {P} at (0,230) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,284) size 765x76 [bgcolor=#808080]
+ RenderBlock {P} at (0,265) size 768x76 [bgcolor=#808080]
RenderText {#text} at (0,0) size 481x19
text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
text run at (393,0) width 88: "It contains an "
RenderText {#text} at (638,0) size 751x38
text run at (638,0) width 113: ", giving it an aqua"
text run at (0,19) width 202: "background and a -10px margin"
- RenderText {#text} at (192,19) size 745x57
+ RenderText {#text} at (192,19) size 768x57
text run at (192,19) width 8: ". "
text run at (200,19) width 531: "Margins on inline elements does not affect line-height calculations, so all lines in this"
text run at (0,38) width 267: "element should have the same line-height. "
- text run at (267,38) width 478: "However, there should be a -10px margin to the left side of the inline box in"
- text run at (0,57) width 732: "the first line it appears, and a -10px margin to the right side of the inline element box in the last line where it appears."
- RenderBlock {P} at (0,376) size 765x19 [bgcolor=#C0C0C0]
+ text run at (267,38) width 501: "However, there should be a -10px margin to the left side of the inline box in the"
+ text run at (0,57) 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,357) size 768x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderTable {TABLE} at (0,395) size 765x348 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 763x346
- RenderTableRow {TR} at (0,0) size 763x27
- RenderTableCell {TD} at (0,0) size 763x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,376) size 768x348 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x346
+ RenderTableRow {TR} at (0,0) size 766x27
+ RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x19
RenderText {#text} at (4,4) size 163x19
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 763x319
+ RenderTableRow {TR} at (0,27) size 766x319
RenderTableCell {TD} at (0,173) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 751x319 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 743x19 [bgcolor=#C0C0C0]
+ RenderTableCell {TD} at (12,27) size 754x319 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x19 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 203x19
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,39) size 743x95 [bgcolor=#808080]
+ RenderBlock {P} at (4,39) size 746x95 [bgcolor=#808080]
RenderText {#text} at (0,0) size 481x19
text run at (0,0) width 393: "This elem