layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
-layer at (0,0) size 800x437
- RenderBlock {HTML} at (0,0) size 800x437
- RenderBody {BODY} at (8,21) size 784x400
+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 457x36
- 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 32x19
- text run at (3,3) width 32: "This "
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (35,7) size 24x15
- text run at (35,7) width 24: "div"
- RenderText {#text} at (59,3) size 408x19
- text run at (59,3) width 408: " should have a medium solid purple border, as should all the rest."
- RenderBlock {DIV} at (0,83) size 319x63 [border: (3px solid #800080)]
- RenderText {#text} at (3,3) size 32x19
- text run at (3,3) width 32: "This "
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (35,7) size 24x15
- text run at (35,7) width 24: "div"
- RenderText {#text} at (59,3) size 298x38
- 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,22) width 62: "reference "
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (65,26) size 24x15
- text run at (65,26) width 24: "div"
- RenderText {#text} at (89,22) size 180x19
- text run at (89,22) width 180: " and should work as long as "
+ RenderText {#text} at (0,0) size 455x36
+ text run at (0,0) width 455: "Minimum and Maximum Widths"
+ RenderBlock {DIV} at (0,58) size 784x24 [border: (3px solid #800080)]
+ RenderText {#text} at (3,3) size 33x17
+ text run at (3,3) width 33: "This "
+ RenderInline {CODE} at (0,0) size 24x15
+ RenderText {#text} at (35,6) size 24x15
+ text run at (35,6) width 24: "div"
+ RenderText {#text} at (58,3) size 418x17
+ text run at (58,3) width 418: " 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 33x17
+ text run at (3,3) width 33: "This "
+ RenderInline {CODE} at (0,0) size 24x15
+ RenderText {#text} at (35,6) size 24x15
+ text run at (35,6) width 24: "div"
+ RenderText {#text} at (58,3) size 302x35
+ text run at (58,3) width 192: " should have a width of 40%. "
+ text run at (249,3) width 56: "This is a"
+ text run at (3,21) width 64: "reference "
+ RenderInline {CODE} at (0,0) size 24x15
+ RenderText {#text} at (66,24) size 24x15
+ text run at (66,24) width 24: "div"
+ RenderText {#text} at (89,21) size 183x17
+ text run at (89,21) width 183: " and should work as long as "
RenderInline {CODE} at (0,0) size 40x15
- RenderText {#text} at (269,26) size 40x15
- text run at (269,26) width 40: "width"
- RenderText {#text} at (3,41) size 43x19
- text run at (3,41) width 43: "works."
- RenderBlock {DIV} at (0,146) size 319x25 [border: (3px solid #800080)]
- RenderText {#text} at (3,3) size 32x19
- text run at (3,3) width 32: "This "
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (35,7) size 24x15
- text run at (35,7) width 24: "div"
- RenderText {#text} at (59,3) size 185x19
- text run at (59,3) width 185: " should have a width of 40%."
- RenderBlock {DIV} at (0,171) size 319x25 [border: (3px solid #800080)]
- RenderText {#text} at (3,3) size 32x19
- text run at (3,3) width 32: "This "
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (35,7) size 24x15
- text run at (35,7) width 24: "div"
- RenderText {#text} at (59,3) size 185x19
- text run at (59,3) width 185: " should have a width of 40%."
- RenderBlock {DIV} at (0,196) size 319x25 [border: (3px solid #800080)]
- RenderText {#text} at (3,3) size 32x19
- text run at (3,3) width 32: "This "
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (35,7) size 24x15
- text run at (35,7) width 24: "div"
- RenderText {#text} at (59,3) size 185x19
- text run at (59,3) width 185: " should have a width of 40%."
- RenderBlock {DIV} at (0,221) size 319x25 [border: (3px solid #800080)]
- RenderText {#text} at (3,3) size 32x19
- text run at (3,3) width 32: "This "
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (35,7) size 24x15
- text run at (35,7) width 24: "div"
- RenderText {#text} at (59,3) size 185x19
- text run at (59,3) width 185: " should have a width of 40%."
- RenderBlock {DIV} at (0,246) size 319x25 [border: (3px solid #800080)]
- RenderText {#text} at (3,3) size 32x19
- text run at (3,3) width 32: "This "
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (35,7) size 24x15
- text run at (35,7) width 24: "div"
- RenderText {#text} at (59,3) size 185x19
- text run at (59,3) width 185: " should have a width of 40%."
- RenderBlock {DIV} at (0,271) size 319x25 [border: (3px solid #800080)]
- RenderText {#text} at (3,3) size 32x19
- text run at (3,3) width 32: "This "
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (35,7) size 24x15
- text run at (35,7) width 24: "div"
- RenderText {#text} at (59,3) size 185x19
- text run at (59,3) width 185: " should have a width of 40%."
- RenderBlock {DIV} at (0,296) size 319x25 [border: (3px solid #800080)]
- RenderText {#text} at (3,3) size 32x19
- text run at (3,3) width 32: "This "
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (35,7) size 24x15
- text run at (35,7) width 24: "div"
- RenderText {#text} at (59,3) size 185x19
- text run at (59,3) width 185: " should have a width of 40%."
- RenderBlock {DIV} at (0,321) size 319x25 [border: (3px solid #800080)]
- RenderText {#text} at (3,3) size 32x19
- text run at (3,3) width 32: "This "
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (35,7) size 24x15
- text run at (35,7) width 24: "div"
- RenderText {#text} at (59,3) size 185x19
- text run at (59,3) width 185: " should have a width of 40%."
- RenderBlock {P} at (0,362) size 784x38
- RenderText {#text} at (0,0) size 200x19
- text run at (0,0) width 200: "If the browser does not support "
- RenderInline {CODE} at (0,0) size 72x15
- RenderText {#text} at (200,4) size 72x15
- text run at (200,4) width 72: "min-width"
- RenderText {#text} at (272,0) size 31x19
- text run at (272,0) width 31: " and "
+ RenderText {#text} at (271,24) size 40x15
+ text run at (271,24) width 40: "width"
+ RenderText {#text} at (3,39) size 44x17
+ text run at (3,39) width 44: "works."
+ RenderBlock {DIV} at (0,142) size 319x24 [border: (3px solid #800080)]
+ RenderText {#text} at (3,3) size 33x17
+ text run at (3,3) width 33: "This "
+ RenderInline {CODE} at (0,0) size 24x15
+ RenderText {#text} at (35,6) size 24x15
+ text run at (35,6) width 24: "div"
+ RenderText {#text} at (58,3) size 188x17
+ text run at (58,3) width 188: " should have a width of 40%."
+ RenderBlock {DIV} at (0,166) size 319x24 [border: (3px solid #800080)]
+ RenderText {#text} at (3,3) size 33x17
+ text run at (3,3) width 33: "This "
+ RenderInline {CODE} at (0,0) size 24x15
+ RenderText {#text} at (35,6) size 24x15
+ text run at (35,6) width 24: "div"
+ RenderText {#text} at (58,3) size 188x17
+ text run at (58,3) width 188: " should have a width of 40%."
+ RenderBlock {DIV} at (0,190) size 319x24 [border: (3px solid #800080)]
+ RenderText {#text} at (3,3) size 33x17
+ text run at (3,3) width 33: "This "
+ RenderInline {CODE} at (0,0) size 24x15
+ RenderText {#text} at (35,6) size 24x15
+ text run at (35,6) width 24: "div"
+ RenderText {#text} at (58,3) size 188x17
+ text run at (58,3) width 188: " should have a width of 40%."
+ RenderBlock {DIV} at (0,214) size 319x24 [border: (3px solid #800080)]
+ RenderText {#text} at (3,3) size 33x17
+ text run at (3,3) width 33: "This "
+ RenderInline {CODE} at (0,0) size 24x15
+ RenderText {#text} at (35,6) size 24x15
+ text run at (35,6) width 24: "div"
+ RenderText {#text} at (58,3) size 188x17
+ text run at (58,3) width 188: " should have a width of 40%."
+ RenderBlock {DIV} at (0,238) size 319x24 [border: (3px solid #800080)]
+ RenderText {#text} at (3,3) size 33x17
+ text run at (3,3) width 33: "This "
+ RenderInline {CODE} at (0,0) size 24x15
+ RenderText {#text} at (35,6) size 24x15
+ text run at (35,6) width 24: "div"
+ RenderText {#text} at (58,3) size 188x17
+ text run at (58,3) width 188: " should have a width of 40%."
+ RenderBlock {DIV} at (0,262) size 319x24 [border: (3px solid #800080)]
+ RenderText {#text} at (3,3) size 33x17
+ text run at (3,3) width 33: "This "
+ RenderInline {CODE} at (0,0) size 24x15
+ RenderText {#text} at (35,6) size 24x15
+ text run at (35,6) width 24: "div"
+ RenderText {#text} at (58,3) size 188x17
+ text run at (58,3) width 188: " should have a width of 40%."
+ RenderBlock {DIV} at (0,286) size 319x24 [border: (3px solid #800080)]
+ RenderText {#text} at (3,3) size 33x17
+ text run at (3,3) width 33: "This "
+ RenderInline {CODE} at (0,0) size 24x15
+ RenderText {#text} at (35,6) size 24x15
+ text run at (35,6) width 24: "div"
+ RenderText {#text} at (58,3) size 188x17
+ text run at (58,3) width 188: " should have a width of 40%."
+ RenderBlock {DIV} at (0,310) size 319x24 [border: (3px solid #800080)]
+ RenderText {#text} at (3,3) size 33x17
+ text run at (3,3) width 33: "This "
+ RenderInline {CODE} at (0,0) size 24x15
+ RenderText {#text} at (35,6) size 24x15
+ text run at (35,6) width 24: "div"
+ RenderText {#text} at (58,3) size 188x17
+ text run at (58,3) width 188: " should have a width of 40%."
+ RenderBlock {P} at (0,350) size 784x36
+ RenderText {#text} at (0,0) size 204x17
+ text run at (0,0) width 204: "If the browser does not support "
+ RenderInline {CODE} at (0,0) size 71x15
+ RenderText {#text} at (203,3) size 71x15
+ text run at (203,3) width 71: "min-width"
+ RenderText {#text} at (273,0) size 32x17
+ text run at (273,0) width 32: " and "
RenderInline {CODE} at (0,0) size 72x15
- RenderText {#text} at (303,4) size 72x15
- text run at (303,4) width 72: "max-width"
- RenderText {#text} at (375,0) size 173x19
- text run at (375,0) width 173: ", then the widths should be "
+ RenderText {#text} at (304,3) size 72x15
+ text run at (304,3) width 72: "max-width"
+ RenderText {#text} at (375,0) size 176x17
+ text run at (375,0) width 176: ", then the widths should be "
RenderInline {CODE} at (0,0) size 32x15
- RenderText {#text} at (548,4) size 32x15
- text run at (548,4) width 32: "auto"
- RenderText {#text} at (580,0) size 8x19
- text run at (580,0) width 8: ", "
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (588,4) size 24x15
- text run at (588,4) width 24: "40%"
- RenderText {#text} at (612,0) size 8x19
- text run at (612,0) width 8: ", "
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (620,4) size 24x15
- text run at (620,4) width 24: "30%"
- RenderText {#text} at (644,0) size 8x19
- text run at (644,0) width 8: ", "
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (652,4) size 24x15
- text run at (652,4) width 24: "50%"
- RenderText {#text} at (676,0) size 8x19
- text run at (676,0) width 8: ", "
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (684,4) size 24x15
- text run at (684,4) width 24: "50%"
- RenderText {#text} at (708,0) size 8x19
- text run at (708,0) width 8: ", "
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (716,4) size 24x15
- text run at (716,4) width 24: "40%"
- RenderText {#text} at (740,0) size 8x19
- text run at (740,0) width 8: ", "
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (748,4) size 24x15
- text run at (748,4) width 24: "30%"
- RenderText {#text} at (772,0) size 4x19
- text run at (772,0) width 4: ","
- RenderInline {CODE} at (0,0) size 24x15
- RenderText {#text} at (0,23) size 24x15
- text run at (0,23) width 24: "40%"
- RenderText {#text} at (24,19) size 8x19
- text run at (24,19) width 8: ", "
+ RenderText {#text} at (550,3) size 32x15
+ text run at (550,3) width 32: "auto"
+ RenderText {#text} at (581,0) size 9x17
+ text run at (581,0) width 9: ", "
+ RenderInline {CODE} at (0,0) size 25x15
+ RenderText {#text} at (589,3) size 25x15
+ text run at (589,3) width 25: "40%"
+ RenderText {#text} at (613,0) size 9x17
+ text run at (613,0) width 9: ", "
+ RenderInline {CODE} at (0,0) size 24x15
+ RenderText {#text} at (621,3) size 24x15
+ text run at (621,3) width 24: "30%"
+ RenderText {#text} at (644,0) size 9x17
+ text run at (644,0) width 9: ", "
+ RenderInline {CODE} at (0,0) size 24x15
+ RenderText {#text} at (652,3) size 24x15
+ text run at (652,3) width 24: "50%"
+ RenderText {#text} at (675,0) size 9x17
+ text run at (675,0) width 9: ", "
+ RenderInline {CODE} at (0,0) size 25x15
+ RenderText {#text} at (683,3) size 25x15
+ text run at (683,3) width 25: "50%"
+ RenderText {#text} at (707,0) size 9x17
+ text run at (707,0) width 9: ", "
+ RenderInline {CODE} at (0,0) size 24x15
+ RenderText {#text} at (715,3) size 24x15
+ text run at (715,3) width 24: "40%"
+ RenderText {#text} at (738,0) size 9x17
+ text run at (738,0) width 9: ", "
+ RenderInline {CODE} at (0,0) size 25x15
+ RenderText {#text} at (746,3) size 25x15
+ text run at (746,3) width 25: "30%"
+ RenderText {#text} at (770,0) size 5x17
+ text run at (770,0) width 5: ","
+ RenderInline {CODE} at (0,0) size 24x15
+ RenderText {#text} at (0,21) size 24x15
+ text run at (0,21) width 24: "40%"
+ RenderText {#text} at (23,18) size 9x17
+ text run at (23,18) width 9: ", "
RenderInline {CODE} at (0,0) size 32x15
- RenderText {#text} at (32,23) size 32x15
- text run at (32,23) width 32: "auto"
- RenderText {#text} at (64,19) size 192x19
- text run at (64,19) width 192: " (with 70% margin-right), and "
+ RenderText {#text} at (31,21) size 32x15
+ text run at (31,21) width 32: "auto"
+ RenderText {#text} at (62,18) size 198x17
+ text run at (62,18) width 198: " (with 70% margin-right), and "
RenderInline {CODE} at (0,0) size 32x15
- RenderText {#text} at (256,23) size 32x15
- text run at (256,23) width 32: "auto"
- RenderText {#text} at (288,19) size 4x19
- text run at (288,19) width 4: "."
+ RenderText {#text} at (259,21) size 32x15
+ text run at (259,21) width 32: "auto"
+ RenderText {#text} at (290,18) size 5x17
+ text run at (290,18) width 5: "."