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 784x156 [border: (2px solid #0000FF)]
        RenderBlock {DIV} at (14,14) size 756x56
          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 600x28
            text run at (0,28) width 600: "Style checks performed on boundaries between style changes."
        RenderBlock {DIV} at (14,86) 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 25x28
            RenderText {TEXT} at (442,28) size 25x28
              text run at (442,28) width 25: "ab"
          RenderText {TEXT} at (467,28) size 11x28
            text run at (467,28) width 11: "c"
      RenderBlock {DIV} at (0,180) size 784x32
        RenderBlock {DIV} at (0,0) size 784x32 [border: (2px solid #FF0000)]
          RenderInline {B} at (0,0) size 25x28
            RenderText {TEXT} at (2,2) size 25x28
              text run at (2,2) width 25: "ab"
          RenderText {TEXT} at (27,2) size 11x28
            text run at (27,2) width 11: "c"
selection is CARET:
start:      position 2 of child 1 {TEXT} of child 1 {B} of child 1 {DIV} of root {DIV}
upstream:   position 2 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}