layer at (0,0) size 800x600
RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x181
RenderBlock {HTML} at (0,0) size 800x181
RenderBody {BODY} at (8,8) size 784x165
RenderBlock {P} at (0,0) size 784x51
RenderText {TEXT} at (0,0) size 763x51
text run at (0,0) width 147: "You should see a 300"
text run at (147,0) width 200: "x100 green rectangle below. "
text run at (347,0) width 380: "If you see any red, the test has failed. This test makes a"
text run at (0,17) width 297: "positioned vertical box with three children. "
text run at (297,17) width 466: "The first and third children are absolutely positioned at the edges of"
text run at (0,34) width 61: "the box. "
text run at (61,34) width 526: "Box-align of center is used to align the second child in the center of the box."
layer at (8,73) size 300x100
RenderFlexibleBox (relative positioned) {DIV} at (0,65) size 300x100 [bgcolor=#FF0000]
RenderFlexibleBox {DIV} at (100,0) size 100x100 [bgcolor=#008000]
layer at (8,73) size 100x100
RenderFlexibleBox (positioned) {DIV} at (0,0) size 100x100 [bgcolor=#008000]
layer at (208,73) size 100x100
RenderFlexibleBox (positioned) {DIV} at (200,0) size 100x100 [bgcolor=#008000]