1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x452
4 LayoutBlockFlow {HTML} at (0,0) size 800x451.88
5 LayoutBlockFlow {BODY} at (8,21.44) size 784x414.44
6 LayoutBlockFlow {H1} at (0,0) size 784x37
7 LayoutText {#text} at (0,0) size 459x36
8 text run at (0,0) width 459: "Minimum and Maximum Widths"
9 LayoutBlockFlow {DIV} at (0,58.44) size 784x26 [border: (3px solid #800080)]
10 LayoutText {#text} at (3,3) size 29x19
11 text run at (3,3) width 29: "This "
12 LayoutInline {CODE} at (0,0) size 24x16
13 LayoutText {#text} at (32,6) size 24x16
14 text run at (32,6) width 24: "div"
15 LayoutText {#text} at (56,3) size 389x19
16 text run at (56,3) width 389: " should have a medium solid purple border, as should all the rest."
17 LayoutBlockFlow {DIV} at (0,84.44) size 319.59x66 [border: (3px solid #800080)]
18 LayoutText {#text} at (3,3) size 29x19
19 text run at (3,3) width 29: "This "
20 LayoutInline {CODE} at (0,0) size 24x16
21 LayoutText {#text} at (32,6) size 24x16
22 text run at (32,6) width 24: "div"
23 LayoutText {#text} at (56,3) size 282x39
24 text run at (56,3) width 180: " should have a width of 40%. "
25 text run at (236,3) width 49: "This is a"
26 text run at (3,23) width 60: "reference "
27 LayoutInline {CODE} at (0,0) size 24x16
28 LayoutText {#text} at (63,26) size 24x16
29 text run at (63,26) width 24: "div"
30 LayoutText {#text} at (87,23) size 172x19
31 text run at (87,23) width 172: " and should work as long as "
32 LayoutInline {CODE} at (0,0) size 40x16
33 LayoutText {#text} at (259,26) size 40x16
34 text run at (259,26) width 40: "width"
35 LayoutText {#text} at (3,43) size 42x19
36 text run at (3,43) width 42: "works."
37 LayoutBlockFlow {DIV} at (0,150.44) size 319.59x26 [border: (3px solid #800080)]
38 LayoutText {#text} at (3,3) size 29x19
39 text run at (3,3) width 29: "This "
40 LayoutInline {CODE} at (0,0) size 24x16
41 LayoutText {#text} at (32,6) size 24x16
42 text run at (32,6) width 24: "div"
43 LayoutText {#text} at (56,3) size 176x19
44 text run at (56,3) width 176: " should have a width of 40%."
45 LayoutBlockFlow {DIV} at (0,176.44) size 319.59x26 [border: (3px solid #800080)]
46 LayoutText {#text} at (3,3) size 29x19
47 text run at (3,3) width 29: "This "
48 LayoutInline {CODE} at (0,0) size 24x16
49 LayoutText {#text} at (32,6) size 24x16
50 text run at (32,6) width 24: "div"
51 LayoutText {#text} at (56,3) size 176x19
52 text run at (56,3) width 176: " should have a width of 40%."
53 LayoutBlockFlow {DIV} at (0,202.44) size 319.59x26 [border: (3px solid #800080)]
54 LayoutText {#text} at (3,3) size 29x19
55 text run at (3,3) width 29: "This "
56 LayoutInline {CODE} at (0,0) size 24x16
57 LayoutText {#text} at (32,6) size 24x16
58 text run at (32,6) width 24: "div"
59 LayoutText {#text} at (56,3) size 176x19
60 text run at (56,3) width 176: " should have a width of 40%."
61 LayoutBlockFlow {DIV} at (0,228.44) size 319.59x26 [border: (3px solid #800080)]
62 LayoutText {#text} at (3,3) size 29x19
63 text run at (3,3) width 29: "This "
64 LayoutInline {CODE} at (0,0) size 24x16
65 LayoutText {#text} at (32,6) size 24x16
66 text run at (32,6) width 24: "div"
67 LayoutText {#text} at (56,3) size 176x19
68 text run at (56,3) width 176: " should have a width of 40%."
69 LayoutBlockFlow {DIV} at (0,254.44) size 319.59x26 [border: (3px solid #800080)]
70 LayoutText {#text} at (3,3) size 29x19
71 text run at (3,3) width 29: "This "
72 LayoutInline {CODE} at (0,0) size 24x16
73 LayoutText {#text} at (32,6) size 24x16
74 text run at (32,6) width 24: "div"
75 LayoutText {#text} at (56,3) size 176x19
76 text run at (56,3) width 176: " should have a width of 40%."
77 LayoutBlockFlow {DIV} at (0,280.44) size 319.59x26 [border: (3px solid #800080)]
78 LayoutText {#text} at (3,3) size 29x19
79 text run at (3,3) width 29: "This "
80 LayoutInline {CODE} at (0,0) size 24x16
81 LayoutText {#text} at (32,6) size 24x16
82 text run at (32,6) width 24: "div"
83 LayoutText {#text} at (56,3) size 176x19
84 text run at (56,3) width 176: " should have a width of 40%."
85 LayoutBlockFlow {DIV} at (0,306.44) size 319.59x26 [border: (3px solid #800080)]
86 LayoutText {#text} at (3,3) size 29x19
87 text run at (3,3) width 29: "This "
88 LayoutInline {CODE} at (0,0) size 24x16
89 LayoutText {#text} at (32,6) size 24x16
90 text run at (32,6) width 24: "div"
91 LayoutText {#text} at (56,3) size 176x19
92 text run at (56,3) width 176: " should have a width of 40%."
93 LayoutBlockFlow {DIV} at (0,332.44) size 319.59x26 [border: (3px solid #800080)]
94 LayoutText {#text} at (3,3) size 29x19
95 text run at (3,3) width 29: "This "
96 LayoutInline {CODE} at (0,0) size 24x16
97 LayoutText {#text} at (32,6) size 24x16
98 text run at (32,6) width 24: "div"
99 LayoutText {#text} at (56,3) size 176x19
100 text run at (56,3) width 176: " should have a width of 40%."
101 LayoutBlockFlow {P} at (0,374.44) size 784x40
102 LayoutText {#text} at (0,0) size 195x19
103 text run at (0,0) width 195: "If the browser does not support "
104 LayoutInline {CODE} at (0,0) size 72x16
105 LayoutText {#text} at (195,3) size 72x16
106 text run at (195,3) width 72: "min-width"
107 LayoutText {#text} at (267,0) size 30x19
108 text run at (267,0) width 30: " and "
109 LayoutInline {CODE} at (0,0) size 72x16
110 LayoutText {#text} at (297,3) size 72x16
111 text run at (297,3) width 72: "max-width"
112 LayoutText {#text} at (369,0) size 164x19
113 text run at (369,0) width 164: ", then the widths should be "
114 LayoutInline {CODE} at (0,0) size 32x16
115 LayoutText {#text} at (533,3) size 32x16
116 text run at (533,3) width 32: "auto"
117 LayoutText {#text} at (565,0) size 8x19
118 text run at (565,0) width 8: ", "
119 LayoutInline {CODE} at (0,0) size 24x16
120 LayoutText {#text} at (573,3) size 24x16
121 text run at (573,3) width 24: "40%"
122 LayoutText {#text} at (597,0) size 8x19
123 text run at (597,0) width 8: ", "
124 LayoutInline {CODE} at (0,0) size 24x16
125 LayoutText {#text} at (605,3) size 24x16
126 text run at (605,3) width 24: "30%"
127 LayoutText {#text} at (629,0) size 8x19
128 text run at (629,0) width 8: ", "
129 LayoutInline {CODE} at (0,0) size 24x16
130 LayoutText {#text} at (637,3) size 24x16
131 text run at (637,3) width 24: "50%"
132 LayoutText {#text} at (661,0) size 8x19
133 text run at (661,0) width 8: ", "
134 LayoutInline {CODE} at (0,0) size 24x16
135 LayoutText {#text} at (669,3) size 24x16
136 text run at (669,3) width 24: "50%"
137 LayoutText {#text} at (693,0) size 8x19
138 text run at (693,0) width 8: ", "
139 LayoutInline {CODE} at (0,0) size 24x16
140 LayoutText {#text} at (701,3) size 24x16
141 text run at (701,3) width 24: "40%"
142 LayoutText {#text} at (725,0) size 8x19
143 text run at (725,0) width 8: ", "
144 LayoutInline {CODE} at (0,0) size 24x16
145 LayoutText {#text} at (733,3) size 24x16
146 text run at (733,3) width 24: "30%"
147 LayoutText {#text} at (757,0) size 4x19
148 text run at (757,0) width 4: ","
149 LayoutInline {CODE} at (0,0) size 24x16
150 LayoutText {#text} at (0,23) size 24x16
151 text run at (0,23) width 24: "40%"
152 LayoutText {#text} at (24,20) size 8x19
153 text run at (24,20) width 8: ", "
154 LayoutInline {CODE} at (0,0) size 32x16
155 LayoutText {#text} at (32,23) size 32x16
156 text run at (32,23) width 32: "auto"
157 LayoutText {#text} at (64,20) size 182x19
158 text run at (64,20) width 182: " (with 70% margin-right), and "
159 LayoutInline {CODE} at (0,0) size 32x16
160 LayoutText {#text} at (246,23) size 32x16
161 text run at (246,23) width 32: "auto"
162 LayoutText {#text} at (278,20) size 4x19
163 text run at (278,20) width 4: "."