1 layer at (0,0) size 800x600
2 RenderView 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
7 RenderBlock {P} at (0,0) size 784x42
8 RenderText {#text} at (0,0) size 768x42
9 text run at (0,0) width 336: "You should see a black box below that is the width of the content area. "
10 text run at (336,0) width 194: "It contains alternating struts and springs. "
11 text run at (530,0) width 237: "The struts are bordered in green and are inflexible."
12 text run at (0,14) width 478: "The springs are bordered in purple and should grow and shrink as you resize your browser window. "
13 text run at (478,14) width 290: "The black box should get taller when you make your window"
14 text run at (0,28) width 295: "wider and get shorter when you shrink your browser window."
15 RenderDeprecatedFlexibleBox {DIV} at (0,54) size 784x44 [border: (2px solid #000000)]
16 RenderDeprecatedFlexibleBox {DIV} at (6,6) size 31x32 [border: (2px solid #008000)]
17 RenderBlock (anonymous) at (2,2) size 27x28
18 RenderText {#text} at (0,0) size 27x14
19 text run at (0,0) width 27: "Fixed"
20 RenderDeprecatedFlexibleBox {DIV} at (41,6) size 208x32 [border: (2px solid #800080)]
21 RenderBlock (anonymous) at (2,2) size 204x28
22 RenderText {#text} at (0,0) size 193x28
23 text run at (0,0) width 193: "This is a flexible block, and it will shrink"
24 text run at (0,14) width 90: "or grow as needed."
25 RenderDeprecatedFlexibleBox {DIV} at (253,6) size 31x32 [border: (2px solid #008000)]
26 RenderBlock (anonymous) at (2,2) size 27x28
27 RenderText {#text} at (0,0) size 27x14
28 text run at (0,0) width 27: "Fixed"
29 RenderDeprecatedFlexibleBox {DIV} at (288,6) size 208x32 [border: (2px solid #800080)]
30 RenderBlock (anonymous) at (2,2) size 204x28
31 RenderText {#text} at (0,0) size 193x28
32 text run at (0,0) width 193: "This is a flexible block, and it will shrink"
33 text run at (0,14) width 90: "or grow as needed."
34 RenderDeprecatedFlexibleBox {DIV} at (500,6) size 31x32 [border: (2px solid #008000)]
35 RenderBlock (anonymous) at (2,2) size 27x28
36 RenderText {#text} at (0,0) size 27x14
37 text run at (0,0) width 27: "Fixed"
38 RenderDeprecatedFlexibleBox {DIV} at (535,6) size 208x32 [border: (2px solid #800080)]
39 RenderBlock (anonymous) at (2,2) size 204x28
40 RenderText {#text} at (0,0) size 193x28
41 text run at (0,0) width 193: "This is a flexible block, and it will shrink"
42 text run at (0,14) width 90: "or grow as needed."
43 RenderDeprecatedFlexibleBox {DIV} at (747,6) size 31x32 [border: (2px solid #008000)]
44 RenderBlock (anonymous) at (2,2) size 27x28
45 RenderText {#text} at (0,0) size 27x14
46 text run at (0,0) width 27: "Fixed"
48 RenderBlock {P} at (0,0) size 784x76
49 RenderText {#text} at (0,0) size 784x76
50 text run at (0,0) width 450: "You should see a black box below that is the width of the content area. "
51 text run at (450,0) width 256: "It contains alternating struts and springs. "
52 text run at (706,0) width 62: "The struts"
53 text run at (0,19) width 255: "are bordered in green and are inflexible. "
54 text run at (255,19) width 515: "The springs are bordered in purple and should grow and shrink as you resize your"
55 text run at (0,38) width 115: "browser window. "
56 text run at (115,38) width 669: "The black box should get taller when you make your window wider and get shorter when you shrink your"
57 text run at (0,57) width 111: "browser window."
58 RenderDeprecatedFlexibleBox {DIV} at (0,92) size 784x54 [border: (2px solid #000000)]
59 RenderDeprecatedFlexibleBox {DIV} at (6,6) size 40x42 [border: (2px solid #008000)]
60 RenderBlock (anonymous) at (2,2) size 36x38
61 RenderText {#text} at (0,0) size 36x19
62 text run at (0,0) width 36: "Fixed"
63 RenderDeprecatedFlexibleBox {DIV} at (50,6) size 196x42 [border: (2px solid #800080)]
64 RenderBlock (anonymous) at (2,2) size 192x38
65 RenderText {#text} at (0,0) size 191x38
66 text run at (0,0) width 186: "This is a flexible block, and it"
67 text run at (0,19) width 191: "will shrink or grow as needed."
68 RenderDeprecatedFlexibleBox {DIV} at (250,6) size 40x42 [border: (2px solid #008000)]
69 RenderBlock (anonymous) at (2,2) size 36x38
70 RenderText {#text} at (0,0) size 36x19
71 text run at (0,0) width 36: "Fixed"
72 RenderDeprecatedFlexibleBox {DIV} at (294,6) size 196x42 [border: (2px solid #800080)]
73 RenderBlock (anonymous) at (2,2) size 192x38
74 RenderText {#text} at (0,0) size 191x38
75 text run at (0,0) width 186: "This is a flexible block, and it"
76 text run at (0,19) width 191: "will shrink or grow as needed."
77 RenderDeprecatedFlexibleBox {DIV} at (494,6) size 40x42 [border: (2px solid #008000)]
78 RenderBlock (anonymous) at (2,2) size 36x38
79 RenderText {#text} at (0,0) size 36x19
80 text run at (0,0) width 36: "Fixed"
81 RenderDeprecatedFlexibleBox {DIV} at (538,6) size 196x42 [border: (2px solid #800080)]
82 RenderBlock (anonymous) at (2,2) size 192x38
83 RenderText {#text} at (0,0) size 191x38
84 text run at (0,0) width 186: "This is a flexible block, and it"
85 text run at (0,19) width 191: "will shrink or grow as needed."
86 RenderDeprecatedFlexibleBox {DIV} at (738,6) size 40x42 [border: (2px solid #008000)]
87 RenderBlock (anonymous) at (2,2) size 36x38
88 RenderText {#text} at (0,0) size 36x19
89 text run at (0,0) width 36: "Fixed"
90 >>>>>>> 6448a48e03586d4121fcff9ca92e9ee862e1d77d