| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x452 |
| RenderBlock {HTML} at (0,0) size 800x452 |
| RenderBody {BODY} at (8,21) size 784x415 |
| RenderBlock {H1} at (0,0) size 784x37 |
| RenderText {#text} at (0,0) size 459x36 |
| text run at (0,0) width 459: "Minimum and Maximum Widths" |
| RenderBlock {DIV} at (0,58) size 784x27 [border: (3px solid #800080)] |
| RenderText {#text} at (3,3) size 29x19 |
| text run at (3,3) width 29: "This " |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (32,6) size 24x16 |
| text run at (32,6) width 24: "div" |
| RenderText {#text} at (56,3) size 389x19 |
| text run at (56,3) width 389: " should have a medium solid purple border, as should all the rest." |
| RenderBlock {DIV} at (0,84) size 320x67 [border: (3px solid #800080)] |
| RenderText {#text} at (3,3) size 29x19 |
| text run at (3,3) width 29: "This " |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (32,6) size 24x16 |
| text run at (32,6) width 24: "div" |
| RenderText {#text} at (56,3) size 282x39 |
| text run at (56,3) width 180: " should have a width of 40%. " |
| text run at (236,3) width 49: "This is a" |
| text run at (3,23) width 60: "reference " |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (63,26) size 24x16 |
| text run at (63,26) width 24: "div" |
| RenderText {#text} at (87,23) size 172x19 |
| text run at (87,23) width 172: " and should work as long as " |
| RenderInline {CODE} at (0,0) size 40x16 |
| RenderText {#text} at (259,26) size 40x16 |
| text run at (259,26) width 40: "width" |
| RenderText {#text} at (3,43) size 42x19 |
| text run at (3,43) width 42: "works." |
| RenderBlock {DIV} at (0,150) size 320x27 [border: (3px solid #800080)] |
| RenderText {#text} at (3,3) size 29x19 |
| text run at (3,3) width 29: "This " |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (32,6) size 24x16 |
| text run at (32,6) width 24: "div" |
| RenderText {#text} at (56,3) size 176x19 |
| text run at (56,3) width 176: " should have a width of 40%." |
| RenderBlock {DIV} at (0,176) size 320x27 [border: (3px solid #800080)] |
| RenderText {#text} at (3,3) size 29x19 |
| text run at (3,3) width 29: "This " |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (32,6) size 24x16 |
| text run at (32,6) width 24: "div" |
| RenderText {#text} at (56,3) size 176x19 |
| text run at (56,3) width 176: " should have a width of 40%." |
| RenderBlock {DIV} at (0,202) size 320x27 [border: (3px solid #800080)] |
| RenderText {#text} at (3,3) size 29x19 |
| text run at (3,3) width 29: "This " |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (32,6) size 24x16 |
| text run at (32,6) width 24: "div" |
| RenderText {#text} at (56,3) size 176x19 |
| text run at (56,3) width 176: " should have a width of 40%." |
| RenderBlock {DIV} at (0,228) size 320x27 [border: (3px solid #800080)] |
| RenderText {#text} at (3,3) size 29x19 |
| text run at (3,3) width 29: "This " |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (32,6) size 24x16 |
| text run at (32,6) width 24: "div" |
| RenderText {#text} at (56,3) size 176x19 |
| text run at (56,3) width 176: " should have a width of 40%." |
| RenderBlock {DIV} at (0,254) size 320x27 [border: (3px solid #800080)] |
| RenderText {#text} at (3,3) size 29x19 |
| text run at (3,3) width 29: "This " |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (32,6) size 24x16 |
| text run at (32,6) width 24: "div" |
| RenderText {#text} at (56,3) size 176x19 |
| text run at (56,3) width 176: " should have a width of 40%." |
| RenderBlock {DIV} at (0,280) size 320x27 [border: (3px solid #800080)] |
| RenderText {#text} at (3,3) size 29x19 |
| text run at (3,3) width 29: "This " |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (32,6) size 24x16 |
| text run at (32,6) width 24: "div" |
| RenderText {#text} at (56,3) size 176x19 |
| text run at (56,3) width 176: " should have a width of 40%." |
| RenderBlock {DIV} at (0,306) size 320x27 [border: (3px solid #800080)] |
| RenderText {#text} at (3,3) size 29x19 |
| text run at (3,3) width 29: "This " |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (32,6) size 24x16 |
| text run at (32,6) width 24: "div" |
| RenderText {#text} at (56,3) size 176x19 |
| text run at (56,3) width 176: " should have a width of 40%." |
| RenderBlock {DIV} at (0,332) size 320x27 [border: (3px solid #800080)] |
| RenderText {#text} at (3,3) size 29x19 |
| text run at (3,3) width 29: "This " |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (32,6) size 24x16 |
| text run at (32,6) width 24: "div" |
| RenderText {#text} at (56,3) size 176x19 |
| text run at (56,3) width 176: " should have a width of 40%." |
| RenderBlock {P} at (0,374) size 784x41 |
| RenderText {#text} at (0,0) size 195x19 |
| text run at (0,0) width 195: "If the browser does not support " |
| RenderInline {CODE} at (0,0) size 72x16 |
| RenderText {#text} at (195,3) size 72x16 |
| text run at (195,3) width 72: "min-width" |
| RenderText {#text} at (267,0) size 30x19 |
| text run at (267,0) width 30: " and " |
| RenderInline {CODE} at (0,0) size 72x16 |
| RenderText {#text} at (297,3) size 72x16 |
| text run at (297,3) width 72: "max-width" |
| RenderText {#text} at (369,0) size 164x19 |
| text run at (369,0) width 164: ", then the widths should be " |
| RenderInline {CODE} at (0,0) size 32x16 |
| RenderText {#text} at (533,3) size 32x16 |
| text run at (533,3) width 32: "auto" |
| RenderText {#text} at (565,0) size 8x19 |
| text run at (565,0) width 8: ", " |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (573,3) size 24x16 |
| text run at (573,3) width 24: "40%" |
| RenderText {#text} at (597,0) size 8x19 |
| text run at (597,0) width 8: ", " |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (605,3) size 24x16 |
| text run at (605,3) width 24: "30%" |
| RenderText {#text} at (629,0) size 8x19 |
| text run at (629,0) width 8: ", " |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (637,3) size 24x16 |
| text run at (637,3) width 24: "50%" |
| RenderText {#text} at (661,0) size 8x19 |
| text run at (661,0) width 8: ", " |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (669,3) size 24x16 |
| text run at (669,3) width 24: "50%" |
| RenderText {#text} at (693,0) size 8x19 |
| text run at (693,0) width 8: ", " |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (701,3) size 24x16 |
| text run at (701,3) width 24: "40%" |
| RenderText {#text} at (725,0) size 8x19 |
| text run at (725,0) width 8: ", " |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (733,3) size 24x16 |
| text run at (733,3) width 24: "30%" |
| RenderText {#text} at (757,0) size 4x19 |
| text run at (757,0) width 4: "," |
| RenderInline {CODE} at (0,0) size 24x16 |
| RenderText {#text} at (0,23) size 24x16 |
| text run at (0,23) width 24: "40%" |
| RenderText {#text} at (24,20) size 8x19 |
| text run at (24,20) width 8: ", " |
| RenderInline {CODE} at (0,0) size 32x16 |
| RenderText {#text} at (32,23) size 32x16 |
| text run at (32,23) width 32: "auto" |
| RenderText {#text} at (64,20) size 182x19 |
| text run at (64,20) width 182: " (with 70% margin-right), and " |
| RenderInline {CODE} at (0,0) size 32x16 |
| RenderText {#text} at (246,23) size 32x16 |
| text run at (246,23) width 32: "auto" |
| RenderText {#text} at (278,20) size 4x19 |
| text run at (278,20) width 4: "." |