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 784x94 [border: (2px solid #0000FF)]
- RenderText {#text} at (14,14) size 756x66
- text run at (14,14) width 751: "Should see \"foo\" centered in its own red box, followed by left-aligned two"
- text run at (765,14) width 5: " "
- text run at (14,47) width 459: "lines, \"bar\" and \"baz\", in their own red box."
- RenderBlock {DIV} at (0,118) size 784x127
- RenderBlock {DIV} at (0,0) size 784x127 [border: (2px solid #FF0000)]
- RenderBlock {DIV} at (14,14) size 756x33
- RenderText {#text} at (362,0) size 32x33
- text run at (362,0) width 32: "foo"
- RenderBlock (anonymous) at (14,47) size 756x66
- RenderText {#text} at (0,0) size 36x33
- text run at (0,0) width 36: "bar"
- RenderBR {BR} at (36,24) size 0x0
- RenderText {#text} at (0,33) size 36x33
- text run at (0,33) width 36: "baz"
+ RenderBlock {DIV} at (0,0) size 784x88 [border: (2px solid #0000FF)]
+ RenderText {#text} at (14,14) size 728x60
+ text run at (14,14) width 721: "Should see \"foo\" centered in its own red box, followed by left-aligned"
+ text run at (735,14) width 7: " "
+ text run at (14,44) width 495: "two lines, \"bar\" and \"baz\", in their own red box."
+ RenderBlock {DIV} at (0,112) size 784x118
+ RenderBlock {DIV} at (0,0) size 784x118 [border: (2px solid #FF0000)]
+ RenderBlock {DIV} at (14,14) size 756x30
+ RenderText {#text} at (361,0) size 34x30
+ text run at (361,0) width 34: "foo"
+ RenderBlock (anonymous) at (14,44) size 756x60
+ RenderText {#text} at (0,0) size 34x30
+ text run at (0,0) width 34: "bar"
+ RenderBR {BR} at (34,23) size 0x0
+ RenderText {#text} at (0,30) size 38x30
+ text run at (0,30) width 38: "baz"
caret: position 0 of child 0 {#text} of child 0 {DIV} of child 1 {DIV} of child 3 {DIV} of body