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 784x56 [border: (2px solid #FF0000)]
        RenderText {TEXT} at (202,14) size 284x28
          text run at (202,14) width 284: "Here is some text. Should be "
        RenderInline {B} at (0,0) size 89x28
          RenderText {TEXT} at (486,14) size 89x28
            text run at (486,14) width 89: "centered"
        RenderText {TEXT} at (575,14) size 6x28
          text run at (575,14) width 6: "."
      RenderBlock {DIV} at (0,56) size 784x56 [border: (2px solid #FF0000)]
        RenderText {TEXT} at (202,14) size 284x28
          text run at (202,14) width 284: "Here is some text. Should be "
        RenderInline {B} at (0,0) size 89x28
          RenderText {TEXT} at (486,14) size 89x28
            text run at (486,14) width 89: "centered"
        RenderText {TEXT} at (575,14) size 6x28
          text run at (575,14) width 6: "."
selection is RANGE:
start:      position 1 of child 1 {TEXT} of child 1 {DIV} of root {BODY}
upstream:   position 0 of child 1 {DIV} of root {BODY}
downstream: position 1 of child 1 {TEXT} of child 1 {DIV} of root {BODY}
end:        position 12 of child 1 {TEXT} of child 3 {DIV} of root {BODY}
upstream:   position 12 of child 1 {TEXT} of child 3 {DIV} of root {BODY}
downstream: position 12 of child 1 {TEXT} of child 3 {DIV} of root {BODY}
