layer at (0,0) size 800x600
  RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x600
  RenderBlock {HTML} at (0,0) size 800x600
    RenderBody {BODY} at (8,8) size 784x576
      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."
