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 717x56
          text run at (14,14) width 717: "Should see the \"baz\" line centered in its red box inside the box containing"
          text run at (14,42) width 540: "\"bar\". The \"foo\" and \"bar\" lines should not be centered."
      RenderBlock {DIV} at (0,108) size 784x168
        RenderBlock {DIV} at (0,0) size 784x168 [border: (2px solid #FF0000)]
          RenderBlock (anonymous) at (14,14) size 756x28
            RenderText {TEXT} at (0,0) size 32x28
              text run at (0,0) width 32: "foo"
          RenderBlock {DIV} at (14,42) size 756x112 [border: (2px solid #FF0000)]
            RenderBlock (anonymous) at (14,14) size 728x28
              RenderText {TEXT} at (0,0) size 37x28
                text run at (0,0) width 37: "bar "
              RenderBR {BR} at (0,0) size 0x0
            RenderBlock {DIV} at (14,42) size 728x56 [border: (2px solid #FF0000)]
              RenderText {TEXT} at (347,14) size 34x28
                text run at (347,14) width 34: "baz"
            RenderBlock (anonymous) at (14,98) size 728x0
selection is CARET:
start:      position 0 of child 1 {TEXT} of child 3 {DIV} of child 2 {DIV} of child 1 {DIV} of root {DIV}
upstream:   position 0 of child 3 {DIV} of child 2 {DIV} of child 1 {DIV} of root {DIV}
downstream: position 0 of child 1 {TEXT} of child 3 {DIV} of child 2 {DIV} of child 1 {DIV} of root {DIV}
