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 784x212 [border: (2px solid #0000FF)]
        RenderBlock {DIV} at (14,14) size 756x112
          RenderText {TEXT} at (0,0) size 67x28
            text run at (0,0) width 67: "Tests: "
          RenderBR {BR} at (0,0) size 0x0
          RenderText {TEXT} at (0,28) size 721x56
            text run at (0,28) width 721: "Inserting blocks for paragraphs should do a better job of finding a block to"
            text run at (0,56) width 117: "insert after. "
          RenderInline {A} at (0,0) size 260x28 [color=#0000EE]
            RenderText {TEXT} at (117,56) size 260x28
              text run at (117,56) width 260: "<rdar://problem/3996605>"
          RenderText {TEXT} at (377,56) size 735x56
            text run at (377,56) width 358: " Insert paragraph command puts new"
            text run at (0,84) width 554: "block in wrong place, creating difficult-to-handle HTML"
        RenderBlock {DIV} at (14,142) size 756x56
          RenderText {TEXT} at (0,0) size 189x28
            text run at (0,0) width 189: "Expected Results: "
          RenderBR {BR} at (0,0) size 0x0
          RenderText {TEXT} at (0,28) size 442x28
            text run at (0,28) width 442: "Should see this content in the red box below: "
          RenderInline {B} at (0,0) size 20x28
            RenderText {TEXT} at (442,28) size 20x28
              text run at (442,28) width 20: "fo"
          RenderText {TEXT} at (462,28) size 12x28
            text run at (462,28) width 12: "x"
      RenderBlock {DIV} at (0,236) size 784x32
        RenderBlock {DIV} at (0,0) size 784x32 [border: (2px solid #FF0000)]
          RenderInline {B} at (0,0) size 20x28
            RenderText {TEXT} at (2,2) size 20x28
              text run at (2,2) width 20: "fo"
          RenderText {TEXT} at (22,2) size 12x28
            text run at (22,2) width 12: "x"
selection is CARET:
start:      position 3 of child 1 {TEXT} of child 1 {B} of child 1 {DIV} of root {DIV}
upstream:   position 3 of child 1 {TEXT} of child 1 {B} of child 1 {DIV} of root {DIV}
downstream: position 0 of child 2 {TEXT} of child 1 {DIV} of root {DIV}
