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 784x280 [border: (2px solid #FF0000)]
        RenderBlock (anonymous) at (14,14) size 756x28
          RenderText {TEXT} at (0,0) size 348x28
            text run at (0,0) width 348: "There is a tide in the affairs of men,"
        RenderBlock {DIV} at (14,42) size 756x56 [border: (2px solid #FF0000)]
          RenderText {TEXT} at (14,14) size 348x28
            text run at (14,14) width 348: "There is a tide in the affairs of men,"
        RenderBlock {DIV} at (14,98) size 756x168 [border: (2px solid #FF0000)]
          RenderBlock (anonymous) at (14,14) size 728x28
            RenderText {TEXT} at (0,0) size 434x28
              text run at (0,0) width 434: "Which taken at the flood leads on to fortune."
          RenderBlock {DIV} at (14,42) size 728x112 [border: (2px solid #FF0000)]
            RenderBlock (anonymous) at (14,14) size 700x28
              RenderText {TEXT} at (0,0) size 351x28
                text run at (0,0) width 351: "Omitted, all the voyage of their life,"
            RenderBlock {DIV} at (14,42) size 700x56 [border: (2px solid #FF0000)]
              RenderText {TEXT} at (14,14) size 357x28
                text run at (14,14) width 357: "Is bound in shallows and in miseries."
selection is CARET:
start:      position 0 of child 1 {TEXT} of child 3 {DIV} of child 2 {DIV} of root {BODY}
upstream:   position 0 of child 3 {DIV} of child 2 {DIV} of root {BODY}
downstream: position 0 of child 1 {TEXT} of child 3 {DIV} of child 2 {DIV} of root {BODY}
