layer at (0,0) size 800x600 RenderCanvas at (0,0) size 800x600 layer at (0,0) size 800x423 RenderBlock {HTML} at (0,0) size 800x423 RenderBody {BODY} at (8,21) size 784x386 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 784x24 [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 319x60 [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 319x24 [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 319x24 [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 319x24 [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 319x24 [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 319x24 [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 319x24 [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 319x24 [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 319x24 [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 784x36 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: "."