-layer at (0,0) size 785x627
+layer at (0,0) size 785x639
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x627
- RenderBlock {HTML} at (0,0) size 785x627
- RenderBody {BODY} at (8,8) size 769x611 [bgcolor=#CCCCCC]
+layer at (0,0) size 785x639
+ RenderBlock {HTML} at (0,0) size 785x639
+ RenderBody {BODY} at (8,8) size 769x623 [bgcolor=#CCCCCC]
RenderBlock {P} at (0,0) size 769x18
RenderText {#text} at (0,0) size 363x17
text run at (0,0) width 363: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 769x120
- RenderText {#text} at (0,0) size 266x120
- text run at (0,0) width 157: "#one {color: green;}"
- text run at (156,0) width 1: " "
- text run at (0,15) width 149: "#a1 {color: green;}"
- text run at (148,15) width 1: " "
- text run at (0,30) width 219: "P#two, P#two2 {color: blue;}"
- text run at (218,30) width 1: " "
- text run at (0,45) width 266: "P#three, P#three2 {color: purple;}"
- text run at (265,45) width 1: " "
- text run at (0,60) width 164: "#four {color: green;}"
- text run at (163,60) width 1: " "
- text run at (0,75) width 149: "#a2 {color: green;}"
- text run at (148,75) width 1: " "
- text run at (0,90) width 235: "P#five, P#five2 {color: blue;}"
- text run at (234,90) width 1: " "
- text run at (0,105) width 235: "P#six, P#six2 {color: purple;}"
- RenderBlock {HR} at (0,167) size 769x2 [border: (1px inset #EEEEEE)]
- RenderBlock {P} at (0,185) size 769x18 [color=#008000]
+ RenderBlock {PRE} at (0,34) size 769x128
+ RenderText {#text} at (0,0) size 272x128
+ text run at (0,0) width 160: "#one {color: green;}"
+ text run at (160,0) width 0: " "
+ text run at (0,16) width 152: "#a1 {color: green;}"
+ text run at (152,16) width 0: " "
+ text run at (0,32) width 224: "P#two, P#two2 {color: blue;}"
+ text run at (224,32) width 0: " "
+ text run at (0,48) width 272: "P#three, P#three2 {color: purple;}"
+ text run at (272,48) width 0: " "
+ text run at (0,64) width 168: "#four {color: green;}"
+ text run at (168,64) width 0: " "
+ text run at (0,80) width 152: "#a2 {color: green;}"
+ text run at (152,80) width 0: " "
+ text run at (0,96) width 240: "P#five, P#five2 {color: blue;}"
+ text run at (240,96) width 0: " "
+ text run at (0,112) width 240: "P#six, P#six2 {color: purple;}"
+ RenderBlock {HR} at (0,175) size 769x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {P} at (0,193) size 769x18 [color=#008000]
RenderText {#text} at (0,0) size 197x17
text run at (0,0) width 197: "This sentence should be green."
- RenderBlock {P} at (0,219) size 769x18 [color=#008000]
+ RenderBlock {P} at (0,227) size 769x18 [color=#008000]
RenderText {#text} at (0,0) size 197x17
text run at (0,0) width 197: "This sentence should be green."
- RenderBlock {P} at (0,253) size 769x18 [color=#0000FF]
+ RenderBlock {P} at (0,261) size 769x18 [color=#0000FF]
RenderText {#text} at (0,0) size 204x17
text run at (0,0) width 204: "This paragraph should be blue ["
- RenderInline {TT} at (0,0) size 63x15
- RenderText {#text} at (203,3) size 63x15
- text run at (203,3) width 63: "ID=\"two\""
- RenderText {#text} at (265,0) size 10x17
- text run at (265,0) width 10: "]."
- RenderBlock {PRE} at (0,287) size 769x15
- RenderText {#text} at (0,0) size 383x15
- text run at (0,0) width 383: "This sentence should NOT be blue [PRE ID=\"two2\"]."
- text run at (382,0) width 1: " "
- RenderBlock {PRE} at (0,315) size 769x15
- RenderText {#text} at (0,0) size 461x15
- text run at (0,0) width 461: "This sentence should be black, not purple [PRE ID=\"three\"]."
- text run at (460,0) width 1: " "
- RenderBlock {UL} at (0,346) size 769x18
+ RenderInline {TT} at (0,0) size 65x16
+ RenderText {#text} at (203,2) size 65x16
+ text run at (203,2) width 65: "ID=\"two\""
+ RenderText {#text} at (267,0) size 10x17
+ text run at (267,0) width 10: "]."
+ RenderBlock {PRE} at (0,295) size 769x16
+ RenderText {#text} at (0,0) size 392x16
+ 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,324) size 769x16
+ RenderText {#text} at (0,0) size 472x16
+ 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,356) size 769x18
RenderListItem {LI} at (40,0) size 729x18
RenderListMarker at (-17,0) size 7x17: bullet
RenderText {#text} at (0,0) size 240x17
text run at (0,0) width 240: "This sentence should NOT be purple."
- RenderTable {TABLE} at (0,380) size 413x231 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 411x229
- RenderTableRow {TR} at (0,0) size 411x26
- RenderTableCell {TD} at (0,0) size 411x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,390) size 422x233 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 420x231
+ RenderTableRow {TR} at (0,0) size 420x26
+ RenderTableCell {TD} at (0,0) size 420x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x17
RenderText {#text} at (4,4) size 163x17
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,26) size 411x203
- RenderTableCell {TD} at (0,114) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,26) size 420x205
+ RenderTableCell {TD} at (0,115) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x17
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 399x203 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 391x18 [color=#008000]
+ RenderTableCell {TD} at (12,26) size 408x205 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 400x18 [color=#008000]
RenderText {#text} at (0,0) size 197x17
text run at (0,0) width 197: "This sentence should be green."
- RenderBlock {P} at (4,38) size 391x18 [color=#008000]
+ RenderBlock {P} at (4,38) size 400x18 [color=#008000]
RenderText {#text} at (0,0) size 197x17
text run at (0,0) width 197: "This sentence should be green."
- RenderBlock {P} at (4,72) size 391x18 [color=#0000FF]
+ RenderBlock {P} at (4,72) size 400x18 [color=#0000FF]
RenderText {#text} at (0,0) size 204x17
text run at (0,0) width 204: "This paragraph should be blue ["
- RenderInline {TT} at (0,0) size 71x15
- RenderText {#text} at (203,3) size 71x15
- text run at (203,3) width 71: "ID=\"five\""
- RenderText {#text} at (273,0) size 10x17
- text run at (273,0) width 10: "]."
- RenderBlock {PRE} at (4,106) size 391x15
- RenderText {#text} at (0,0) size 391x15
- text run at (0,0) width 391: "This sentence should NOT be blue [PRE ID=\"five2\"]."
- text run at (390,0) width 1: " "
- RenderBlock {PRE} at (4,134) size 391x15
- RenderText {#text} at (0,0) size 352x15
- text run at (0,0) width 352: "This sentence should be black [PRE ID=\"six\"]."
- text run at (351,0) width 1: " "
- RenderBlock {UL} at (4,165) size 391x18
- RenderListItem {LI} at (40,0) size 351x18
+ RenderInline {TT} at (0,0) size 73x16
+ RenderText {#text} at (203,2) size 73x16
+ text run at (203,2) width 73: "ID=\"five\""
+ RenderText {#text} at (275,0) size 10x17
+ text run at (275,0) width 10: "]."
+ RenderBlock {PRE} at (4,106) size 400x16
+ RenderText {#text} at (0,0) size 400x16
+ text run at (0,0) width 400: "This sentence should NOT be blue [PRE ID=\"five2\"]."
+ text run at (400,0) width 0: " "
+ RenderBlock {PRE} at (4,135) size 400x16
+ RenderText {#text} at (0,0) size 360x16
+ text run at (0,0) width 360: "This sentence should be black [PRE ID=\"six\"]."
+ text run at (360,0) width 0: " "
+ RenderBlock {UL} at (4,167) size 400x18
+ RenderListItem {LI} at (40,0) size 360x18
RenderListMarker at (-17,0) size 7x17: bullet
RenderText {#text} at (0,0) size 240x17
text run at (0,0) width 240: "This sentence should NOT be purple."