-layer at (0,0) size 785x816
+layer at (0,0) size 785x821
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x816
- RenderBlock {HTML} at (0,0) size 785x816
- RenderBody {BODY} at (8,8) size 769x800 [bgcolor=#CCCCCC]
+layer at (0,0) size 785x821
+ RenderBlock {HTML} at (0,0) size 785x821
+ RenderBody {BODY} at (8,8) size 769x805 [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 769x75
- RenderText {#text} at (0,0) size 554x75
- text run at (0,0) width 172: ".one {display: block;}"
- text run at (171,0) width 1: " "
- text run at (0,15) width 180: ".two {display: inline;}"
- text run at (179,15) width 1: " "
- text run at (0,30) width 554: ".three {display: list-item; list-style-type: square; margin-left: 3em;}"
- text run at (553,30) width 1: " "
- text run at (0,45) width 266: ".four {display: none; color: red;}"
- text run at (265,45) width 1: " "
- text run at (0,60) width 149: "I {display: block;}"
- text run at (148,60) width 1: " "
- RenderBlock {HR} at (0,122) size 769x2 [border: (1px inset #EEEEEE)]
- RenderBlock {P} at (0,140) size 769x18
+ RenderBlock {PRE} at (0,34) size 769x80
+ RenderText {#text} at (0,0) size 568x80
+ text run at (0,0) width 176: ".one {display: block;}"
+ text run at (176,0) width 0: " "
+ text run at (0,16) width 184: ".two {display: inline;}"
+ text run at (184,16) width 0: " "
+ text run at (0,32) width 568: ".three {display: list-item; list-style-type: square; margin-left: 3em;}"
+ text run at (568,32) width 0: " "
+ text run at (0,48) width 272: ".four {display: none; color: red;}"
+ text run at (272,48) width 0: " "
+ text run at (0,64) width 152: "I {display: block;}"
+ text run at (152,64) width 0: " "
+ RenderBlock {HR} at (0,127) size 769x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {P} at (0,145) size 769x18
RenderText {#text} at (0,0) size 300x17
text run at (0,0) width 300: "This sentence should be a block-level element."
- RenderBlock (anonymous) at (0,174) size 769x54
+ RenderBlock (anonymous) at (0,179) size 769x54
RenderInline {P} at (0,0) size 458x17
RenderText {#text} at (0,0) size 458x17
text run at (0,0) width 458: "This sentence should be part of an inline element, as are the next three. "
text run at (147,18) width 602: "They should therefore appear, along with the sentence above, to be all one paragraph which is"
text run at (0,36) width 133: "four sentences long. "
text run at (132,36) width 256: "If this is not the case, then the keyword "
- RenderInline {CODE} at (0,0) size 48x15
- RenderText {#text} at (387,39) size 48x15
- text run at (387,39) width 48: "inline"
- RenderText {#text} at (434,36) size 112x17
- text run at (434,36) width 112: " is being ignored."
+ RenderInline {CODE} at (0,0) size 49x16
+ RenderText {#text} at (387,38) size 49x16
+ text run at (387,38) width 49: "inline"
+ RenderText {#text} at (435,36) size 112x17
+ text run at (435,36) width 112: " is being ignored."
RenderText {#text} at (0,0) size 0x0
- RenderListItem {P} at (48,244) size 721x54
+ RenderListItem {P} at (48,249) size 721x54
RenderListMarker at (-17,0) size 7x17: black square
RenderText {#text} at (0,0) size 694x35
text run at (0,0) width 694: "This sentence should be treated as a list-item, and therefore be rendered however this user agent displays list"
text run at (0,18) width 58: "items (if "
- RenderInline {CODE} at (0,0) size 118x15
- RenderText {#text} at (57,21) size 118x15
- text run at (57,21) width 118: "list-style-type"
- RenderText {#text} at (174,18) size 720x35
- text run at (174,18) width 369: " is supported, there will be a square for the item marker). "
- text run at (542,18) width 178: "A 3em left margin has been"
- text run at (0,36) width 439: "applied in order to ensure that there is space for the list-item marker."
- RenderBlock {P} at (0,314) size 769x18
+ RenderInline {CODE} at (0,0) size 121x16
+ RenderText {#text} at (57,20) size 121x16
+ text run at (57,20) width 121: "list-style-type"
+ RenderText {#text} at (177,18) size 689x35
+ text run at (177,18) width 369: " is supported, there will be a square for the item marker). "
+ text run at (545,18) width 144: "A 3em left margin has"
+ text run at (0,36) width 473: "been applied in order to ensure that there is space for the list-item marker."
+ RenderBlock {P} at (0,319) size 769x18
RenderText {#text} at (0,0) size 467x17
text run at (0,0) width 467: "The next paragraph should be invisible (if it's visible, you'll see red text)."
- RenderBlock {P} at (0,348) size 769x18
+ RenderBlock {P} at (0,353) size 769x18
RenderText {#text} at (0,0) size 252x17
text run at (0,0) width 252: "There should be no text after the colon:"
RenderText {#text} at (0,0) size 0x0
- RenderBlock {P} at (0,382) size 769x54
+ RenderBlock {P} at (0,387) size 769x54
RenderBlock (anonymous) at (0,0) size 769x18
RenderText {#text} at (0,0) size 116x17
text run at (0,0) width 116: "The italicized text"
RenderBlock (anonymous) at (0,36) size 769x18
RenderText {#text} at (0,0) size 208x17
text run at (0,0) width 208: "should be a block-level element."
- RenderTable {TABLE} at (0,452) size 769x348 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (0,457) size 769x348 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 767x346
RenderTableRow {TR} at (0,0) size 767x26
RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
text run at (147,18) width 587: "They should therefore appear, along with the sentence above, to be all one paragraph which"
text run at (0,36) width 148: "is four sentences long. "
text run at (147,36) width 256: "If this is not the case, then the keyword "
- RenderInline {CODE} at (0,0) size 47x15
- RenderText {#text} at (402,39) size 47x15
- text run at (402,39) width 47: "inline"
- RenderText {#text} at (448,36) size 113x17
- text run at (448,36) width 113: " is being ignored."
+ RenderInline {CODE} at (0,0) size 49x16
+ RenderText {#text} at (402,38) size 49x16
+ text run at (402,38) width 49: "inline"
+ RenderText {#text} at (450,36) size 112x17
+ text run at (450,36) width 112: " is being ignored."
RenderText {#text} at (0,0) size 0x0
RenderListItem {P} at (52,108) size 699x54
RenderListMarker at (-17,0) size 7x17: black square
RenderText {#text} at (0,0) size 694x35
text run at (0,0) width 694: "This sentence should be treated as a list-item, and therefore be rendered however this user agent displays list"
text run at (0,18) width 58: "items (if "
- RenderInline {CODE} at (0,0) size 118x15
- RenderText {#text} at (57,21) size 118x15
- text run at (57,21) width 118: "list-style-type"
- RenderText {#text} at (174,18) size 686x35
- text run at (174,18) width 369: " is supported, there will be a square for the item marker). "
- text run at (542,18) width 144: "A 3em left margin has"
+ RenderInline {CODE} at (0,0) size 121x16
+ RenderText {#text} at (57,20) size 121x16
+ text run at (57,20) width 121: "list-style-type"
+ RenderText {#text} at (177,18) size 689x35
+ text run at (177,18) width 369: " is supported, there will be a square for the item marker). "
+ text run at (545,18) width 144: "A 3em left margin has"
text run at (0,36) width 473: "been applied in order to ensure that there is space for the list-item marker."
RenderBlock {P} at (4,178) size 747x18
RenderText {#text} at (0,0) size 467x17