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 784x84 [border: (2px solid #FF0000)]
        RenderBlock (anonymous) at (14,14) size 756x28
          RenderInline {SPAN} at (0,0) size 150x28
            RenderInline {B} at (0,0) size 78x28
              RenderText {TEXT} at (0,0) size 78x28
                text run at (0,0) width 78: "xxxxxx "
            RenderInline {B} at (0,0) size 72x28
              RenderText {TEXT} at (78,0) size 72x28
                text run at (78,0) width 72: "xxxxxx"
          RenderInline {SPAN} at (0,0) size 0x28
          RenderText {TEXT} at (0,0) size 0x0
        RenderBlock {DIV} at (14,42) size 756x28
          RenderInline {SPAN} at (0,0) size 156x28
            RenderInline {B} at (0,0) size 78x28
              RenderText {TEXT} at (0,0) size 78x28
                text run at (0,0) width 78: " xxxxxx"
            RenderInline {B} at (0,0) size 78x28
              RenderText {TEXT} at (78,0) size 78x28
                text run at (78,0) width 78: " xxxxxx"
selection is RANGE:
start:      position 0 of child 1 {TEXT} of child 2 {B} of child 1 {SPAN} of root {DIV}
upstream:   position 7 of child 1 {TEXT} of child 1 {B} of child 1 {SPAN} of root {DIV}
downstream: position 0 of child 1 {TEXT} of child 2 {B} of child 1 {SPAN} of root {DIV}
end:        position 7 of child 1 {TEXT} of child 1 {B} of child 1 {SPAN} of child 5 {DIV} of root {DIV}
upstream:   position 7 of child 1 {TEXT} of child 1 {B} of child 1 {SPAN} of child 5 {DIV} of root {DIV}
downstream: position 0 of child 1 {TEXT} of child 2 {B} of child 1 {SPAN} of child 5 {DIV} of root {DIV}