layer at (0,0) size 800x600
RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x165
RenderBlock {HTML} at (0,0) size 800x165
RenderBody {BODY} at (8,8) size 784x149
RenderBlock {P} at (0,0) size 784x68
RenderText {TEXT} at (0,0) size 779x68
text run at (0,0) width 488: "You should see a black box below that is the width of the content area. "
text run at (488,0) width 284: "It contains alternating struts and springs."
text run at (0,17) width 356: "The struts are bordered in green and are inflexible. "
text run at (356,17) width 387: "The springs are bordered in purple and should grow and"
text run at (0,34) width 295: "shrink as you resize your browser window. "
text run at (295,34) width 484: "The black box should get taller when you make your window wider and"
text run at (0,51) width 346: "get shorter when you shrink your browser window."
RenderFlexibleBox {DIV} at (0,82) size 784x67
RenderFlexibleBox {DIV} at (6,6) size 41x55
RenderBlock (anonymous) at (2,2) size 37x51
RenderText {TEXT} at (0,0) size 37x17
text run at (0,0) width 37: "Fixed"
RenderFlexibleBox {DIV} at (51,6) size 195x55
RenderBlock (anonymous) at (2,2) size 191x51
RenderText {TEXT} at (0,0) size 188x51
text run at (0,0) width 188: "This is a flexible block, and"
text run at (0,17) width 160: "it will shrink or grow as"
text run at (0,34) width 55: "needed."
RenderFlexibleBox {DIV} at (250,6) size 41x55
RenderBlock (anonymous) at (2,2) size 37x51
RenderText {TEXT} at (0,0) size 37x17
text run at (0,0) width 37: "Fixed"
RenderFlexibleBox {DIV} at (295,6) size 195x55
RenderBlock (anonymous) at (2,2) size 191x51
RenderText {TEXT} at (0,0) size 188x51
text run at (0,0) width 188: "This is a flexible block, and"
text run at (0,17) width 160: "it will shrink or grow as"
text run at (0,34) width 55: "needed."
RenderFlexibleBox {DIV} at (494,6) size 41x55
RenderBlock (anonymous) at (2,2) size 37x51
RenderText {TEXT} at (0,0) size 37x17
text run at (0,0) width 37: "Fixed"
RenderFlexibleBox {DIV} at (539,6) size 194x55
RenderBlock (anonymous) at (2,2) size 190x51
RenderText {TEXT} at (0,0) size 188x51
text run at (0,0) width 188: "This is a flexible block, and"
text run at (0,17) width 160: "it will shrink or grow as"
text run at (0,34) width 55: "needed."
RenderFlexibleBox {DIV} at (737,6) size 41x55
RenderBlock (anonymous) at (2,2) size 37x51
RenderText {TEXT} at (0,0) size 37x17
text run at (0,0) width 37: "Fixed"