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 784x584
      RenderBlock {DIV} at (0,0) size 784x140 [border: (2px solid #FF0000)]
        RenderInline {SPAN} at (0,0) size 79x112
          RenderText {TEXT} at (14,14) size 79x28
            text run at (14,14) width 79: "Foo xxx"
          RenderBR {BR} at (0,0) size 0x0
          RenderInline {I} at (0,0) size 33x28
            RenderText {TEXT} at (14,42) size 33x28
              text run at (14,42) width 33: "bar"
          RenderText {TEXT} at (47,42) size 42x28
            text run at (47,42) width 42: " xxx"
          RenderBR {BR} at (0,0) size 0x0
          RenderBR {BR} at (14,70) size 0x28
          RenderText {TEXT} at (14,98) size 70x28
            text run at (14,98) width 70: "bazxxx"
        RenderText {TEXT} at (0,0) size 0x0
selection is CARET:
start:      position 6 of child 7 {TEXT} of child 2 {SPAN} of root {DIV}
upstream:   position 6 of child 7 {TEXT} of child 2 {SPAN} of root {DIV}
downstream: position 1 of child 3 {TEXT} of root {DIV}
