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 #0000FF)]
        RenderText {TEXT} at (14,14) size 715x56
          text run at (14,14) width 250: "Size check should say: 30"
          text run at (264,14) width 465: "px. All text in the red boxes should appear to be"
          text run at (14,42) width 54: "30px."
      RenderBlock {DIV} at (0,108) size 784x28
        RenderText {TEXT} at (0,0) size 118x28
          text run at (0,0) width 118: "Size check: "
        RenderInline {SPAN} at (0,0) size 48x28
          RenderText {TEXT} at (118,0) size 48x28
            text run at (118,0) width 24: "30"
            text run at (142,0) width 24: "px"
      RenderBlock {DIV} at (0,152) size 784x164
        RenderBlock {DIV} at (0,0) size 784x164 [border: (2px solid #FF0000)]
          RenderBlock (anonymous) at (14,14) size 756x36
            RenderText {TEXT} at (0,0) size 170x36
              text run at (0,0) width 170: "There is a tide"
          RenderBlock {DIV} at (14,50) size 756x64 [border: (2px solid #FF0000)]
            RenderText {TEXT} at (14,14) size 245x36
              text run at (14,14) width 245: "In the affairs of men"
          RenderBlock (anonymous) at (14,114) size 756x36
            RenderText {TEXT} at (0,0) size 295x36
              text run at (0,0) width 295: "Which taken at the flood"
selection is RANGE:
start:      position 1 of child 1 {TEXT} of child 1 {DIV} of root {DIV}
upstream:   position 0 of child 1 {DIV} of root {DIV}
downstream: position 1 of child 1 {TEXT} of child 1 {DIV} of root {DIV}
end:        position 25 of child 3 {TEXT} of child 1 {DIV} of root {DIV}
upstream:   position 25 of child 3 {TEXT} of child 1 {DIV} of root {DIV}
downstream: position 26 of child 3 {TEXT} of child 1 {DIV} of root {DIV}
