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 784x80
7 LayoutText {#text} at (0,0) size 764x79
8 text run at (0,0) width 431: "You should see a black box below that is the width of the content area. "
9 text run at (431,0) width 243: "It contains alternating struts and springs. "
10 text run at (674,0) width 82: "The struts are"
11 text run at (0,20) width 220: "bordered in green and are inflexible. "
12 text run at (220,20) width 544: "The springs are bordered in purple and should grow and shrink as you resize your browser"
13 text run at (0,40) width 56: "window. "
14 text run at (56,40) width 686: "The black box should get taller when you make your window wider and get shorter when you shrink your browser"
15 text run at (0,60) width 52: "window."
16 LayoutDeprecatedFlexibleBox {DIV} at (0,96) size 784x56 [border: (2px solid #000000)]
17 LayoutDeprecatedFlexibleBox {DIV} at (6,6) size 38x44 [border: (2px solid #008000)]
18 LayoutBlockFlow (anonymous) at (2,2) size 34x40
19 LayoutText {#text} at (0,0) size 34x19
20 text run at (0,0) width 34: "Fixed"
21 LayoutDeprecatedFlexibleBox {DIV} at (48,6) size 198.67x44 [border: (2px solid #800080)]
22 LayoutBlockFlow (anonymous) at (2,2) size 194.67x40
23 LayoutText {#text} at (0,0) size 181x39
24 text run at (0,0) width 174: "This is a flexible block, and it"
25 text run at (0,20) width 181: "will shrink or grow as needed."
26 LayoutDeprecatedFlexibleBox {DIV} at (250.67,6) size 38x44 [border: (2px solid #008000)]
27 LayoutBlockFlow (anonymous) at (2,2) size 34x40
28 LayoutText {#text} at (0,0) size 34x19
29 text run at (0,0) width 34: "Fixed"
30 LayoutDeprecatedFlexibleBox {DIV} at (292.67,6) size 198.67x44 [border: (2px solid #800080)]
31 LayoutBlockFlow (anonymous) at (2,2) size 194.67x40
32 LayoutText {#text} at (0,0) size 181x39
33 text run at (0,0) width 174: "This is a flexible block, and it"
34 text run at (0,20) width 181: "will shrink or grow as needed."
35 LayoutDeprecatedFlexibleBox {DIV} at (495.34,6) size 38x44 [border: (2px solid #008000)]
36 LayoutBlockFlow (anonymous) at (2,2) size 34x40
37 LayoutText {#text} at (0,0) size 34x19
38 text run at (0,0) width 34: "Fixed"
39 LayoutDeprecatedFlexibleBox {DIV} at (537.34,6) size 198.66x44 [border: (2px solid #800080)]
40 LayoutBlockFlow (anonymous) at (2,2) size 194.66x40
41 LayoutText {#text} at (0,0) size 181x39
42 text run at (0,0) width 174: "This is a flexible block, and it"
43 text run at (0,20) width 181: "will shrink or grow as needed."
44 LayoutDeprecatedFlexibleBox {DIV} at (740,6) size 38x44 [border: (2px solid #008000)]
45 LayoutBlockFlow (anonymous) at (2,2) size 34x40
46 LayoutText {#text} at (0,0) size 34x19
47 text run at (0,0) width 34: "Fixed"