1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x424
4 LayoutBlockFlow {HTML} at (0,0) size 800x423.88
5 LayoutBlockFlow {BODY} at (8,21.44) size 784x386.44
6 LayoutBlockFlow {H1} at (0,0) size 784x37
7 LayoutText {#text} at (0,0) size 455x36
8 text run at (0,0) width 455: "Minimum and Maximum Widths"
9 LayoutBlockFlow {DIV} at (0,58.44) size 784x24 [border: (3px solid #800080)]
10 LayoutText {#text} at (3,3) size 33x17
11 text run at (3,3) width 33: "This "
12 LayoutInline {CODE} at (0,0) size 25x16
13 LayoutText {#text} at (35,5) size 25x16
14 text run at (35,5) width 25: "div"
15 LayoutText {#text} at (59,3) size 418x17
16 text run at (59,3) width 418: " should have a medium solid purple border, as should all the rest."
17 LayoutBlockFlow {DIV} at (0,82.44) size 319.59x60 [border: (3px solid #800080)]
18 LayoutText {#text} at (3,3) size 33x17
19 text run at (3,3) width 33: "This "
20 LayoutInline {CODE} at (0,0) size 25x16
21 LayoutText {#text} at (35,5) size 25x16
22 text run at (35,5) width 25: "div"
23 LayoutText {#text} at (59,3) size 302x35
24 text run at (59,3) width 192: " should have a width of 40%. "
25 text run at (250,3) width 55: "This is a"
26 text run at (3,21) width 64: "reference "
27 LayoutInline {CODE} at (0,0) size 25x16
28 LayoutText {#text} at (66,23) size 25x16
29 text run at (66,23) width 25: "div"
30 LayoutText {#text} at (90,21) size 183x17
31 text run at (90,21) width 183: " and should work as long as "
32 LayoutInline {CODE} at (0,0) size 41x16
33 LayoutText {#text} at (272,23) size 41x16
34 text run at (272,23) width 41: "width"
35 LayoutText {#text} at (3,39) size 44x17
36 text run at (3,39) width 44: "works."
37 LayoutBlockFlow {DIV} at (0,142.44) size 319.59x24 [border: (3px solid #800080)]
38 LayoutText {#text} at (3,3) size 33x17
39 text run at (3,3) width 33: "This "
40 LayoutInline {CODE} at (0,0) size 25x16
41 LayoutText {#text} at (35,5) size 25x16
42 text run at (35,5) width 25: "div"
43 LayoutText {#text} at (59,3) size 188x17
44 text run at (59,3) width 188: " should have a width of 40%."
45 LayoutBlockFlow {DIV} at (0,166.44) size 319.59x24 [border: (3px solid #800080)]
46 LayoutText {#text} at (3,3) size 33x17
47 text run at (3,3) width 33: "This "
48 LayoutInline {CODE} at (0,0) size 25x16
49 LayoutText {#text} at (35,5) size 25x16
50 text run at (35,5) width 25: "div"
51 LayoutText {#text} at (59,3) size 188x17
52 text run at (59,3) width 188: " should have a width of 40%."
53 LayoutBlockFlow {DIV} at (0,190.44) size 319.59x24 [border: (3px solid #800080)]
54 LayoutText {#text} at (3,3) size 33x17
55 text run at (3,3) width 33: "This "
56 LayoutInline {CODE} at (0,0) size 25x16
57 LayoutText {#text} at (35,5) size 25x16
58 text run at (35,5) width 25: "div"
59 LayoutText {#text} at (59,3) size 188x17
60 text run at (59,3) width 188: " should have a width of 40%."
61 LayoutBlockFlow {DIV} at (0,214.44) size 319.59x24 [border: (3px solid #800080)]
62 LayoutText {#text} at (3,3) size 33x17
63 text run at (3,3) width 33: "This "
64 LayoutInline {CODE} at (0,0) size 25x16
65 LayoutText {#text} at (35,5) size 25x16
66 text run at (35,5) width 25: "div"
67 LayoutText {#text} at (59,3) size 188x17
68 text run at (59,3) width 188: " should have a width of 40%."
69 LayoutBlockFlow {DIV} at (0,238.44) size 319.59x24 [border: (3px solid #800080)]
70 LayoutText {#text} at (3,3) size 33x17
71 text run at (3,3) width 33: "This "
72 LayoutInline {CODE} at (0,0) size 25x16
73 LayoutText {#text} at (35,5) size 25x16
74 text run at (35,5) width 25: "div"
75 LayoutText {#text} at (59,3) size 188x17
76 text run at (59,3) width 188: " should have a width of 40%."
77 LayoutBlockFlow {DIV} at (0,262.44) size 319.59x24 [border: (3px solid #800080)]
78 LayoutText {#text} at (3,3) size 33x17
79 text run at (3,3) width 33: "This "
80 LayoutInline {CODE} at (0,0) size 25x16
81 LayoutText {#text} at (35,5) size 25x16
82 text run at (35,5) width 25: "div"
83 LayoutText {#text} at (59,3) size 188x17
84 text run at (59,3) width 188: " should have a width of 40%."
85 LayoutBlockFlow {DIV} at (0,286.44) size 319.59x24 [border: (3px solid #800080)]
86 LayoutText {#text} at (3,3) size 33x17
87 text run at (3,3) width 33: "This "
88 LayoutInline {CODE} at (0,0) size 25x16
89 LayoutText {#text} at (35,5) size 25x16
90 text run at (35,5) width 25: "div"
91 LayoutText {#text} at (59,3) size 188x17
92 text run at (59,3) width 188: " should have a width of 40%."
93 LayoutBlockFlow {DIV} at (0,310.44) size 319.59x24 [border: (3px solid #800080)]
94 LayoutText {#text} at (3,3) size 33x17
95 text run at (3,3) width 33: "This "
96 LayoutInline {CODE} at (0,0) size 25x16
97 LayoutText {#text} at (35,5) size 25x16
98 text run at (35,5) width 25: "div"
99 LayoutText {#text} at (59,3) size 188x17
100 text run at (59,3) width 188: " should have a width of 40%."
101 LayoutBlockFlow {P} at (0,350.44) size 784x36
102 LayoutText {#text} at (0,0) size 204x17
103 text run at (0,0) width 204: "If the browser does not support "
104 LayoutInline {CODE} at (0,0) size 73x16
105 LayoutText {#text} at (203,2) size 73x16
106 text run at (203,2) width 73: "min-width"
107 LayoutText {#text} at (275,0) size 32x17
108 text run at (275,0) width 32: " and "
109 LayoutInline {CODE} at (0,0) size 73x16
110 LayoutText {#text} at (306,2) size 73x16
111 text run at (306,2) width 73: "max-width"
112 LayoutText {#text} at (378,0) size 177x17
113 text run at (378,0) width 177: ", then the widths should be "
114 LayoutInline {CODE} at (0,0) size 33x16
115 LayoutText {#text} at (554,2) size 33x16
116 text run at (554,2) width 33: "auto"
117 LayoutText {#text} at (586,0) size 9x17
118 text run at (586,0) width 9: ", "
119 LayoutInline {CODE} at (0,0) size 25x16
120 LayoutText {#text} at (594,2) size 25x16
121 text run at (594,2) width 25: "40%"
122 LayoutText {#text} at (618,0) size 9x17
123 text run at (618,0) width 9: ", "
124 LayoutInline {CODE} at (0,0) size 25x16
125 LayoutText {#text} at (626,2) size 25x16
126 text run at (626,2) width 25: "30%"
127 LayoutText {#text} at (650,0) size 9x17
128 text run at (650,0) width 9: ", "
129 LayoutInline {CODE} at (0,0) size 25x16
130 LayoutText {#text} at (658,2) size 25x16
131 text run at (658,2) width 25: "50%"
132 LayoutText {#text} at (682,0) size 9x17
133 text run at (682,0) width 9: ", "
134 LayoutInline {CODE} at (0,0) size 25x16
135 LayoutText {#text} at (690,2) size 25x16
136 text run at (690,2) width 25: "50%"
137 LayoutText {#text} at (714,0) size 9x17
138 text run at (714,0) width 9: ", "
139 LayoutInline {CODE} at (0,0) size 25x16
140 LayoutText {#text} at (722,2) size 25x16
141 text run at (722,2) width 25: "40%"
142 LayoutText {#text} at (746,0) size 9x17
143 text run at (746,0) width 9: ", "
144 LayoutInline {CODE} at (0,0) size 25x16
145 LayoutText {#text} at (754,2) size 25x16
146 text run at (754,2) width 25: "30%"
147 LayoutText {#text} at (778,0) size 5x17
148 text run at (778,0) width 5: ","
149 LayoutInline {CODE} at (0,0) size 24x16
150 LayoutText {#text} at (0,20) size 24x16
151 text run at (0,20) width 24: "40%"
152 LayoutText {#text} at (24,18) size 8x17
153 text run at (24,18) width 8: ", "
154 LayoutInline {CODE} at (0,0) size 32x16
155 LayoutText {#text} at (32,20) size 32x16
156 text run at (32,20) width 32: "auto"
157 LayoutText {#text} at (64,18) size 197x17
158 text run at (64,18) width 197: " (with 70% margin-right), and "
159 LayoutInline {CODE} at (0,0) size 33x16
160 LayoutText {#text} at (260,20) size 33x16
161 text run at (260,20) width 33: "auto"
162 LayoutText {#text} at (292,18) size 5x17
163 text run at (292,18) width 5: "."