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
        RenderBlock {DIV} at (0,0) size 784x140 [border: (2px solid #FF0000)]
          RenderBlock {P} at (14,14) size 756x28
            RenderText {TEXT} at (0,0) size 32x28
              text run at (0,0) width 32: "foo"
          RenderBlock {P} at (14,42) size 756x28
            RenderText {TEXT} at (0,0) size 31x28
              text run at (0,0) width 31: "bar"
          RenderBlock {P} at (14,70) size 756x28
            RenderText {TEXT} at (0,0) size 32x28
              text run at (0,0) width 32: "foo"
          RenderBlock {P} at (14,98) size 756x28
            RenderText {TEXT} at (0,0) size 31x28
              text run at (0,0) width 31: "bar"
selection is CARET:
start:      position 3 of child 1 {TEXT} of child 4 {P} of child 2 {DIV} of root {DIV}
upstream:   position 3 of child 1 {TEXT} of child 4 {P} of child 2 {DIV} of root {DIV}
downstream: position 3 of child 1 {TEXT} of child 4 {P} of child 2 {DIV} of root {DIV}
