layer at (0,0) size 800x600 RenderView at (0,0) size 800x600 layer at (0,0) size 800x424 RenderBlock {HTML} at (0,0) size 800x424 RenderBody {BODY} at (8,21) size 784x387 RenderBlock {H1} at (0,0) size 784x37 RenderText {#text} at (0,0) size 457x37 text run at (0,0) width 457: "Minimum and Maximum Widths" RenderBlock {DIV} at (0,58) size 784x25 [border: (3px solid #800080)] RenderText {#text} at (3,3) size 32x18 text run at (3,3) width 32: "This " RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (35,5) size 24x15 text run at (35,5) width 24: "div" RenderText {#text} at (59,3) size 408x18 text run at (59,3) width 408: " should have a medium solid purple border, as should all the rest." RenderBlock {DIV} at (0,82) size 320x61 [border: (3px solid #800080)] RenderText {#text} at (3,3) size 32x18 text run at (3,3) width 32: "This " RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (35,5) size 24x15 text run at (35,5) width 24: "div" RenderText {#text} at (59,3) size 298x36 text run at (59,3) width 189: " should have a width of 40%. " text run at (248,3) width 53: "This is a" text run at (3,21) width 62: "reference " RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (65,23) size 24x15 text run at (65,23) width 24: "div" RenderText {#text} at (89,21) size 180x18 text run at (89,21) width 180: " and should work as long as " RenderInline {CODE} at (0,0) size 40x15 RenderText {#text} at (269,23) size 40x15 text run at (269,23) width 40: "width" RenderText {#text} at (3,39) size 43x18 text run at (3,39) width 43: "works." RenderBlock {DIV} at (0,142) size 320x25 [border: (3px solid #800080)] RenderText {#text} at (3,3) size 32x18 text run at (3,3) width 32: "This " RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (35,5) size 24x15 text run at (35,5) width 24: "div" RenderText {#text} at (59,3) size 185x18 text run at (59,3) width 185: " should have a width of 40%." RenderBlock {DIV} at (0,166) size 320x25 [border: (3px solid #800080)] RenderText {#text} at (3,3) size 32x18 text run at (3,3) width 32: "This " RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (35,5) size 24x15 text run at (35,5) width 24: "div" RenderText {#text} at (59,3) size 185x18 text run at (59,3) width 185: " should have a width of 40%." RenderBlock {DIV} at (0,190) size 320x25 [border: (3px solid #800080)] RenderText {#text} at (3,3) size 32x18 text run at (3,3) width 32: "This " RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (35,5) size 24x15 text run at (35,5) width 24: "div" RenderText {#text} at (59,3) size 185x18 text run at (59,3) width 185: " should have a width of 40%." RenderBlock {DIV} at (0,214) size 320x25 [border: (3px solid #800080)] RenderText {#text} at (3,3) size 32x18 text run at (3,3) width 32: "This " RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (35,5) size 24x15 text run at (35,5) width 24: "div" RenderText {#text} at (59,3) size 185x18 text run at (59,3) width 185: " should have a width of 40%." RenderBlock {DIV} at (0,238) size 320x25 [border: (3px solid #800080)] RenderText {#text} at (3,3) size 32x18 text run at (3,3) width 32: "This " RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (35,5) size 24x15 text run at (35,5) width 24: "div" RenderText {#text} at (59,3) size 185x18 text run at (59,3) width 185: " should have a width of 40%." RenderBlock {DIV} at (0,262) size 320x25 [border: (3px solid #800080)] RenderText {#text} at (3,3) size 32x18 text run at (3,3) width 32: "This " RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (35,5) size 24x15 text run at (35,5) width 24: "div" RenderText {#text} at (59,3) size 185x18 text run at (59,3) width 185: " should have a width of 40%." RenderBlock {DIV} at (0,286) size 320x25 [border: (3px solid #800080)] RenderText {#text} at (3,3) size 32x18 text run at (3,3) width 32: "This " RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (35,5) size 24x15 text run at (35,5) width 24: "div" RenderText {#text} at (59,3) size 185x18 text run at (59,3) width 185: " should have a width of 40%." RenderBlock {DIV} at (0,310) size 320x25 [border: (3px solid #800080)] RenderText {#text} at (3,3) size 32x18 text run at (3,3) width 32: "This " RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (35,5) size 24x15 text run at (35,5) width 24: "div" RenderText {#text} at (59,3) size 185x18 text run at (59,3) width 185: " should have a width of 40%." RenderBlock {P} at (0,350) size 784x37 RenderText {#text} at (0,0) size 200x18 text run at (0,0) width 200: "If the browser does not support " RenderInline {CODE} at (0,0) size 72x15 RenderText {#text} at (200,2) size 72x15 text run at (200,2) width 72: "min-width" RenderText {#text} at (272,0) size 31x18 text run at (272,0) width 31: " and " RenderInline {CODE} at (0,0) size 72x15 RenderText {#text} at (303,2) size 72x15 text run at (303,2) width 72: "max-width" RenderText {#text} at (375,0) size 173x18 text run at (375,0) width 173: ", then the widths should be " RenderInline {CODE} at (0,0) size 32x15 RenderText {#text} at (548,2) size 32x15 text run at (548,2) width 32: "auto" RenderText {#text} at (580,0) size 8x18 text run at (580,0) width 8: ", " RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (588,2) size 24x15 text run at (588,2) width 24: "40%" RenderText {#text} at (612,0) size 8x18 text run at (612,0) width 8: ", " RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (620,2) size 24x15 text run at (620,2) width 24: "30%" RenderText {#text} at (644,0) size 8x18 text run at (644,0) width 8: ", " RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (652,2) size 24x15 text run at (652,2) width 24: "50%" RenderText {#text} at (676,0) size 8x18 text run at (676,0) width 8: ", " RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (684,2) size 24x15 text run at (684,2) width 24: "50%" RenderText {#text} at (708,0) size 8x18 text run at (708,0) width 8: ", " RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (716,2) size 24x15 text run at (716,2) width 24: "40%" RenderText {#text} at (740,0) size 8x18 text run at (740,0) width 8: ", " RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (748,2) size 24x15 text run at (748,2) width 24: "30%" RenderText {#text} at (772,0) size 4x18 text run at (772,0) width 4: "," RenderInline {CODE} at (0,0) size 24x15 RenderText {#text} at (0,20) size 24x15 text run at (0,20) width 24: "40%" RenderText {#text} at (24,18) size 8x18 text run at (24,18) width 8: ", " RenderInline {CODE} at (0,0) size 32x15 RenderText {#text} at (32,20) size 32x15 text run at (32,20) width 32: "auto" RenderText {#text} at (64,18) size 192x18 text run at (64,18) width 192: " (with 70% margin-right), and " RenderInline {CODE} at (0,0) size 32x15 RenderText {#text} at (256,20) size 32x15 text run at (256,20) width 32: "auto" RenderText {#text} at (288,18) size 4x18 text run at (288,18) width 4: "."