1 layer at (0,0) size 800x600
2 RenderCanvas at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 RenderBlock {HTML} at (0,0) size 800x600
5 RenderBody {BODY} at (8,8) size 784x584
6 RenderBlock {DIV} at (0,0) size 784x56 [border: (2px solid #FF0000)]
7 RenderText {TEXT} at (202,14) size 284x28
8 text run at (202,14) width 284: "Here is some text. Should be "
9 RenderInline {B} at (0,0) size 89x28
10 RenderText {TEXT} at (486,14) size 89x28
11 text run at (486,14) width 89: "centered"
12 RenderText {TEXT} at (575,14) size 6x28
13 text run at (575,14) width 6: "."
14 RenderBlock {DIV} at (0,56) size 784x56 [border: (2px solid #FF0000)]
15 RenderText {TEXT} at (14,14) size 284x28
16 text run at (14,14) width 284: "Here is some text. Should be "
17 RenderInline {B} at (0,0) size 90x28
18 RenderText {TEXT} at (298,14) size 90x28
19 text run at (298,14) width 90: "flush left"
20 RenderText {TEXT} at (388,14) size 6x28
21 text run at (388,14) width 6: "."
23 start: position 1 of child 1 {TEXT} of child 1 {DIV} of root {BODY}
24 upstream: position 0 of child 1 {DIV} of root {BODY}
25 downstream: position 1 of child 1 {TEXT} of child 1 {DIV} of root {BODY}