layer at (0,0) size 800x600
RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x206
RenderBlock {HTML} at (0,0) size 800x206
RenderBody {BODY} at (8,8) size 784x182
RenderBlock {P} at (0,0) size 784x182 [border: (2px solid #FF0000)]
RenderBlock (anonymous) at (2,2) size 780x18
RenderInline {I} at (0,0) size 230x18
RenderText {TEXT} at (0,0) size 93x18
text run at (0,0) width 93: "Start of a line. "
RenderInline {FONT} at (0,0) size 137x18 [color=#FF0000]
RenderText {TEXT} at (93,0) size 137x18
text run at (93,0) width 137: "More red on this line:"
RenderBlock (anonymous) at (2,38) size 780x69 [color=#FF0000]
RenderBlock {H3} at (0,0) size 780x22
RenderText {TEXT} at (0,0) size 211x22
text run at (0,0) width 211: "Suddenly a block appears!"
RenderBlock {H2} at (0,41) size 780x28
RenderText {TEXT} at (0,0) size 193x28
text run at (0,0) width 193: "And another block!"
RenderBlock (anonymous) at (2,126) size 780x54
RenderInline {I} at (0,0) size 294x36
RenderInline {FONT} at (0,0) size 97x36 [color=#FF0000]
RenderText {TEXT} at (0,0) size 97x18
text run at (0,0) width 97: "Now more text."
RenderBR {BR} at (0,0) size 0x0
RenderText {TEXT} at (0,18) size 66x18
text run at (0,18) width 66: "This is red"
RenderText {TEXT} at (66,18) size 228x18
text run at (66,18) width 228: " but now only italic on the same line"
RenderBR {BR} at (0,0) size 0x0
RenderText {TEXT} at (0,36) size 128x18
text run at (0,36) width 128: "Plain line at the end."