1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 LayoutBlockFlow {HTML} at (0,0) size 800x600
5 LayoutBlockFlow {BODY} at (8,8) size 784x584
6 LayoutBlockFlow {P} at (0,0) size 784x72
7 LayoutText {#text} at (0,0) size 784x71
8 text run at (0,0) width 457: "You should see a black box below that is the width of the content area. "
9 text run at (456,0) width 265: "It contains alternating struts and springs. "
10 text run at (720,0) width 64: "The struts"
11 text run at (0,18) width 261: "are bordered in green and are inflexible. "
12 text run at (260,18) width 523: "The springs are bordered in purple and should grow and shrink as you resize your"
13 text run at (0,36) width 116: "browser window. "
14 text run at (115,36) width 644: "The black box should get taller when you make your window wider and get shorter when you shrink"
15 text run at (0,54) width 145: "your browser window."
16 LayoutDeprecatedFlexibleBox {DIV} at (0,88) size 784x70 [border: (2px solid #000000)]
17 LayoutDeprecatedFlexibleBox {DIV} at (6,6) size 40.45x58 [border: (2px solid #008000)]
18 LayoutBlockFlow (anonymous) at (2,2) size 36.45x54
19 LayoutText {#text} at (0,0) size 37x17
20 text run at (0,0) width 37: "Fixed"
21 LayoutDeprecatedFlexibleBox {DIV} at (50.45,6) size 195.41x58 [border: (2px solid #800080)]
22 LayoutBlockFlow (anonymous) at (2,2) size 191.41x54
23 LayoutText {#text} at (0,0) size 191x53
24 text run at (0,0) width 191: "This is a flexible block, and it"
25 text run at (0,18) width 141: "will shrink or grow as"
26 text run at (0,36) width 50: "needed."
27 LayoutDeprecatedFlexibleBox {DIV} at (249.86,6) size 40.45x58 [border: (2px solid #008000)]
28 LayoutBlockFlow (anonymous) at (2,2) size 36.45x54
29 LayoutText {#text} at (0,0) size 37x17
30 text run at (0,0) width 37: "Fixed"
31 LayoutDeprecatedFlexibleBox {DIV} at (294.31,6) size 195.39x58 [border: (2px solid #800080)]
32 LayoutBlockFlow (anonymous) at (2,2) size 191.39x54
33 LayoutText {#text} at (0,0) size 191x53
34 text run at (0,0) width 191: "This is a flexible block, and it"
35 text run at (0,18) width 141: "will shrink or grow as"
36 text run at (0,36) width 50: "needed."
37 LayoutDeprecatedFlexibleBox {DIV} at (493.70,6) size 40.45x58 [border: (2px solid #008000)]
38 LayoutBlockFlow (anonymous) at (2,2) size 36.45x54
39 LayoutText {#text} at (0,0) size 37x17
40 text run at (0,0) width 37: "Fixed"
41 LayoutDeprecatedFlexibleBox {DIV} at (538.16,6) size 195.39x58 [border: (2px solid #800080)]
42 LayoutBlockFlow (anonymous) at (2,2) size 191.39x54
43 LayoutText {#text} at (0,0) size 191x53
44 text run at (0,0) width 191: "This is a flexible block, and it"
45 text run at (0,18) width 141: "will shrink or grow as"
46 text run at (0,36) width 50: "needed."
47 LayoutDeprecatedFlexibleBox {DIV} at (737.55,6) size 40.45x58 [border: (2px solid #008000)]
48 LayoutBlockFlow (anonymous) at (2,2) size 36.45x54
49 LayoutText {#text} at (0,0) size 37x17
50 text run at (0,0) width 37: "Fixed"