| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x424 | 3 layer at (0,0) size 800x424 |
| 4 RenderBlock {HTML} at (0,0) size 800x423.88 | 4 RenderBlock {HTML} at (0,0) size 800x423.88 |
| 5 RenderBody {BODY} at (8,21.44) size 784x386.44 | 5 RenderBody {BODY} at (8,21.44) size 784x386.44 |
| 6 RenderBlock {H1} at (0,0) size 784x37 | 6 RenderBlock {H1} at (0,0) size 784x37 |
| 7 RenderText {#text} at (0,0) size 455x36 | 7 RenderText {#text} at (0,0) size 455x36 |
| 8 text run at (0,0) width 455: "Minimum and Maximum Widths" | 8 text run at (0,0) width 455: "Minimum and Maximum Widths" |
| 9 RenderBlock {DIV} at (0,58.44) size 784x24 [border: (3px solid #800080)] | 9 RenderBlock {DIV} at (0,58.44) size 784x24 [border: (3px solid #800080)] |
| 10 RenderText {#text} at (3,3) size 33x17 | 10 RenderText {#text} at (3,3) size 33x17 |
| 11 text run at (3,3) width 33: "This " | 11 text run at (3,3) width 33: "This " |
| 12 RenderInline {CODE} at (0,0) size 24x15 | 12 RenderInline {CODE} at (0,0) size 25x16 |
| 13 RenderText {#text} at (35,6) size 24x15 | 13 RenderText {#text} at (35,5) size 25x16 |
| 14 text run at (35,6) width 24: "div" | 14 text run at (35,5) width 25: "div" |
| 15 RenderText {#text} at (58,3) size 418x17 | 15 RenderText {#text} at (59,3) size 418x17 |
| 16 text run at (58,3) width 418: " should have a medium solid purple bord
er, as should all the rest." | 16 text run at (59,3) width 418: " should have a medium solid purple bord
er, as should all the rest." |
| 17 RenderBlock {DIV} at (0,82.44) size 319.59x60 [border: (3px solid #800080)
] | 17 RenderBlock {DIV} at (0,82.44) size 319.59x60 [border: (3px solid #800080)
] |
| 18 RenderText {#text} at (3,3) size 33x17 | 18 RenderText {#text} at (3,3) size 33x17 |
| 19 text run at (3,3) width 33: "This " | 19 text run at (3,3) width 33: "This " |
| 20 RenderInline {CODE} at (0,0) size 24x15 | 20 RenderInline {CODE} at (0,0) size 25x16 |
| 21 RenderText {#text} at (35,6) size 24x15 | 21 RenderText {#text} at (35,5) size 25x16 |
| 22 text run at (35,6) width 24: "div" | 22 text run at (35,5) width 25: "div" |
| 23 RenderText {#text} at (58,3) size 302x35 | 23 RenderText {#text} at (59,3) size 302x35 |
| 24 text run at (58,3) width 192: " should have a width of 40%. " | 24 text run at (59,3) width 192: " should have a width of 40%. " |
| 25 text run at (249,3) width 56: "This is a" | 25 text run at (250,3) width 55: "This is a" |
| 26 text run at (3,21) width 64: "reference " | 26 text run at (3,21) width 64: "reference " |
| 27 RenderInline {CODE} at (0,0) size 24x15 | 27 RenderInline {CODE} at (0,0) size 25x16 |
| 28 RenderText {#text} at (66,24) size 24x15 | 28 RenderText {#text} at (66,23) size 25x16 |
| 29 text run at (66,24) width 24: "div" | 29 text run at (66,23) width 25: "div" |
| 30 RenderText {#text} at (89,21) size 183x17 | 30 RenderText {#text} at (90,21) size 183x17 |
| 31 text run at (89,21) width 183: " and should work as long as " | 31 text run at (90,21) width 183: " and should work as long as " |
| 32 RenderInline {CODE} at (0,0) size 40x15 | 32 RenderInline {CODE} at (0,0) size 41x16 |
| 33 RenderText {#text} at (271,24) size 40x15 | 33 RenderText {#text} at (272,23) size 41x16 |
| 34 text run at (271,24) width 40: "width" | 34 text run at (272,23) width 41: "width" |
| 35 RenderText {#text} at (3,39) size 44x17 | 35 RenderText {#text} at (3,39) size 44x17 |
| 36 text run at (3,39) width 44: "works." | 36 text run at (3,39) width 44: "works." |
| 37 RenderBlock {DIV} at (0,142.44) size 319.59x24 [border: (3px solid #800080
)] | 37 RenderBlock {DIV} at (0,142.44) size 319.59x24 [border: (3px solid #800080
)] |
| 38 RenderText {#text} at (3,3) size 33x17 | 38 RenderText {#text} at (3,3) size 33x17 |
| 39 text run at (3,3) width 33: "This " | 39 text run at (3,3) width 33: "This " |
| 40 RenderInline {CODE} at (0,0) size 24x15 | 40 RenderInline {CODE} at (0,0) size 25x16 |
| 41 RenderText {#text} at (35,6) size 24x15 | 41 RenderText {#text} at (35,5) size 25x16 |
| 42 text run at (35,6) width 24: "div" | 42 text run at (35,5) width 25: "div" |
| 43 RenderText {#text} at (58,3) size 188x17 | 43 RenderText {#text} at (59,3) size 188x17 |
| 44 text run at (58,3) width 188: " should have a width of 40%." | 44 text run at (59,3) width 188: " should have a width of 40%." |
| 45 RenderBlock {DIV} at (0,166.44) size 319.59x24 [border: (3px solid #800080
)] | 45 RenderBlock {DIV} at (0,166.44) size 319.59x24 [border: (3px solid #800080
)] |
| 46 RenderText {#text} at (3,3) size 33x17 | 46 RenderText {#text} at (3,3) size 33x17 |
| 47 text run at (3,3) width 33: "This " | 47 text run at (3,3) width 33: "This " |
| 48 RenderInline {CODE} at (0,0) size 24x15 | 48 RenderInline {CODE} at (0,0) size 25x16 |
| 49 RenderText {#text} at (35,6) size 24x15 | 49 RenderText {#text} at (35,5) size 25x16 |
| 50 text run at (35,6) width 24: "div" | 50 text run at (35,5) width 25: "div" |
| 51 RenderText {#text} at (58,3) size 188x17 | 51 RenderText {#text} at (59,3) size 188x17 |
| 52 text run at (58,3) width 188: " should have a width of 40%." | 52 text run at (59,3) width 188: " should have a width of 40%." |
| 53 RenderBlock {DIV} at (0,190.44) size 319.59x24 [border: (3px solid #800080
)] | 53 RenderBlock {DIV} at (0,190.44) size 319.59x24 [border: (3px solid #800080
)] |
| 54 RenderText {#text} at (3,3) size 33x17 | 54 RenderText {#text} at (3,3) size 33x17 |
| 55 text run at (3,3) width 33: "This " | 55 text run at (3,3) width 33: "This " |
| 56 RenderInline {CODE} at (0,0) size 24x15 | 56 RenderInline {CODE} at (0,0) size 25x16 |
| 57 RenderText {#text} at (35,6) size 24x15 | 57 RenderText {#text} at (35,5) size 25x16 |
| 58 text run at (35,6) width 24: "div" | 58 text run at (35,5) width 25: "div" |
| 59 RenderText {#text} at (58,3) size 188x17 | 59 RenderText {#text} at (59,3) size 188x17 |
| 60 text run at (58,3) width 188: " should have a width of 40%." | 60 text run at (59,3) width 188: " should have a width of 40%." |
| 61 RenderBlock {DIV} at (0,214.44) size 319.59x24 [border: (3px solid #800080
)] | 61 RenderBlock {DIV} at (0,214.44) size 319.59x24 [border: (3px solid #800080
)] |
| 62 RenderText {#text} at (3,3) size 33x17 | 62 RenderText {#text} at (3,3) size 33x17 |
| 63 text run at (3,3) width 33: "This " | 63 text run at (3,3) width 33: "This " |
| 64 RenderInline {CODE} at (0,0) size 24x15 | 64 RenderInline {CODE} at (0,0) size 25x16 |
| 65 RenderText {#text} at (35,6) size 24x15 | 65 RenderText {#text} at (35,5) size 25x16 |
| 66 text run at (35,6) width 24: "div" | 66 text run at (35,5) width 25: "div" |
| 67 RenderText {#text} at (58,3) size 188x17 | 67 RenderText {#text} at (59,3) size 188x17 |
| 68 text run at (58,3) width 188: " should have a width of 40%." | 68 text run at (59,3) width 188: " should have a width of 40%." |
| 69 RenderBlock {DIV} at (0,238.44) size 319.59x24 [border: (3px solid #800080
)] | 69 RenderBlock {DIV} at (0,238.44) size 319.59x24 [border: (3px solid #800080
)] |
| 70 RenderText {#text} at (3,3) size 33x17 | 70 RenderText {#text} at (3,3) size 33x17 |
| 71 text run at (3,3) width 33: "This " | 71 text run at (3,3) width 33: "This " |
| 72 RenderInline {CODE} at (0,0) size 24x15 | 72 RenderInline {CODE} at (0,0) size 25x16 |
| 73 RenderText {#text} at (35,6) size 24x15 | 73 RenderText {#text} at (35,5) size 25x16 |
| 74 text run at (35,6) width 24: "div" | 74 text run at (35,5) width 25: "div" |
| 75 RenderText {#text} at (58,3) size 188x17 | 75 RenderText {#text} at (59,3) size 188x17 |
| 76 text run at (58,3) width 188: " should have a width of 40%." | 76 text run at (59,3) width 188: " should have a width of 40%." |
| 77 RenderBlock {DIV} at (0,262.44) size 319.59x24 [border: (3px solid #800080
)] | 77 RenderBlock {DIV} at (0,262.44) size 319.59x24 [border: (3px solid #800080
)] |
| 78 RenderText {#text} at (3,3) size 33x17 | 78 RenderText {#text} at (3,3) size 33x17 |
| 79 text run at (3,3) width 33: "This " | 79 text run at (3,3) width 33: "This " |
| 80 RenderInline {CODE} at (0,0) size 24x15 | 80 RenderInline {CODE} at (0,0) size 25x16 |
| 81 RenderText {#text} at (35,6) size 24x15 | 81 RenderText {#text} at (35,5) size 25x16 |
| 82 text run at (35,6) width 24: "div" | 82 text run at (35,5) width 25: "div" |
| 83 RenderText {#text} at (58,3) size 188x17 | 83 RenderText {#text} at (59,3) size 188x17 |
| 84 text run at (58,3) width 188: " should have a width of 40%." | 84 text run at (59,3) width 188: " should have a width of 40%." |
| 85 RenderBlock {DIV} at (0,286.44) size 319.59x24 [border: (3px solid #800080
)] | 85 RenderBlock {DIV} at (0,286.44) size 319.59x24 [border: (3px solid #800080
)] |
| 86 RenderText {#text} at (3,3) size 33x17 | 86 RenderText {#text} at (3,3) size 33x17 |
| 87 text run at (3,3) width 33: "This " | 87 text run at (3,3) width 33: "This " |
| 88 RenderInline {CODE} at (0,0) size 24x15 | 88 RenderInline {CODE} at (0,0) size 25x16 |
| 89 RenderText {#text} at (35,6) size 24x15 | 89 RenderText {#text} at (35,5) size 25x16 |
| 90 text run at (35,6) width 24: "div" | 90 text run at (35,5) width 25: "div" |
| 91 RenderText {#text} at (58,3) size 188x17 | 91 RenderText {#text} at (59,3) size 188x17 |
| 92 text run at (58,3) width 188: " should have a width of 40%." | 92 text run at (59,3) width 188: " should have a width of 40%." |
| 93 RenderBlock {DIV} at (0,310.44) size 319.59x24 [border: (3px solid #800080
)] | 93 RenderBlock {DIV} at (0,310.44) size 319.59x24 [border: (3px solid #800080
)] |
| 94 RenderText {#text} at (3,3) size 33x17 | 94 RenderText {#text} at (3,3) size 33x17 |
| 95 text run at (3,3) width 33: "This " | 95 text run at (3,3) width 33: "This " |
| 96 RenderInline {CODE} at (0,0) size 24x15 | 96 RenderInline {CODE} at (0,0) size 25x16 |
| 97 RenderText {#text} at (35,6) size 24x15 | 97 RenderText {#text} at (35,5) size 25x16 |
| 98 text run at (35,6) width 24: "div" | 98 text run at (35,5) width 25: "div" |
| 99 RenderText {#text} at (58,3) size 188x17 | 99 RenderText {#text} at (59,3) size 188x17 |
| 100 text run at (58,3) width 188: " should have a width of 40%." | 100 text run at (59,3) width 188: " should have a width of 40%." |
| 101 RenderBlock {P} at (0,350.44) size 784x36 | 101 RenderBlock {P} at (0,350.44) size 784x36 |
| 102 RenderText {#text} at (0,0) size 204x17 | 102 RenderText {#text} at (0,0) size 204x17 |
| 103 text run at (0,0) width 204: "If the browser does not support " | 103 text run at (0,0) width 204: "If the browser does not support " |
| 104 RenderInline {CODE} at (0,0) size 71x15 | 104 RenderInline {CODE} at (0,0) size 73x16 |
| 105 RenderText {#text} at (203,3) size 71x15 | 105 RenderText {#text} at (203,2) size 73x16 |
| 106 text run at (203,3) width 71: "min-width" | 106 text run at (203,2) width 73: "min-width" |
| 107 RenderText {#text} at (273,0) size 32x17 | 107 RenderText {#text} at (275,0) size 32x17 |
| 108 text run at (273,0) width 32: " and " | 108 text run at (275,0) width 32: " and " |
| 109 RenderInline {CODE} at (0,0) size 72x15 | 109 RenderInline {CODE} at (0,0) size 73x16 |
| 110 RenderText {#text} at (304,3) size 72x15 | 110 RenderText {#text} at (306,2) size 73x16 |
| 111 text run at (304,3) width 72: "max-width" | 111 text run at (306,2) width 73: "max-width" |
| 112 RenderText {#text} at (375,0) size 176x17 | 112 RenderText {#text} at (378,0) size 177x17 |
| 113 text run at (375,0) width 176: ", then the widths should be " | 113 text run at (378,0) width 177: ", then the widths should be " |
| 114 RenderInline {CODE} at (0,0) size 32x15 | 114 RenderInline {CODE} at (0,0) size 33x16 |
| 115 RenderText {#text} at (550,3) size 32x15 | 115 RenderText {#text} at (554,2) size 33x16 |
| 116 text run at (550,3) width 32: "auto" | 116 text run at (554,2) width 33: "auto" |
| 117 RenderText {#text} at (581,0) size 9x17 | 117 RenderText {#text} at (586,0) size 9x17 |
| 118 text run at (581,0) width 9: ", " | 118 text run at (586,0) width 9: ", " |
| 119 RenderInline {CODE} at (0,0) size 25x15 | 119 RenderInline {CODE} at (0,0) size 25x16 |
| 120 RenderText {#text} at (589,3) size 25x15 | 120 RenderText {#text} at (594,2) size 25x16 |
| 121 text run at (589,3) width 25: "40%" | 121 text run at (594,2) width 25: "40%" |
| 122 RenderText {#text} at (613,0) size 9x17 | 122 RenderText {#text} at (618,0) size 9x17 |
| 123 text run at (613,0) width 9: ", " | 123 text run at (618,0) width 9: ", " |
| 124 RenderInline {CODE} at (0,0) size 24x15 | 124 RenderInline {CODE} at (0,0) size 25x16 |
| 125 RenderText {#text} at (621,3) size 24x15 | 125 RenderText {#text} at (626,2) size 25x16 |
| 126 text run at (621,3) width 24: "30%" | 126 text run at (626,2) width 25: "30%" |
| 127 RenderText {#text} at (644,0) size 9x17 | 127 RenderText {#text} at (650,0) size 9x17 |
| 128 text run at (644,0) width 9: ", " | 128 text run at (650,0) width 9: ", " |
| 129 RenderInline {CODE} at (0,0) size 24x15 | 129 RenderInline {CODE} at (0,0) size 25x16 |
| 130 RenderText {#text} at (652,3) size 24x15 | 130 RenderText {#text} at (658,2) size 25x16 |
| 131 text run at (652,3) width 24: "50%" | 131 text run at (658,2) width 25: "50%" |
| 132 RenderText {#text} at (675,0) size 9x17 | 132 RenderText {#text} at (682,0) size 9x17 |
| 133 text run at (675,0) width 9: ", " | 133 text run at (682,0) width 9: ", " |
| 134 RenderInline {CODE} at (0,0) size 25x15 | 134 RenderInline {CODE} at (0,0) size 25x16 |
| 135 RenderText {#text} at (683,3) size 25x15 | 135 RenderText {#text} at (690,2) size 25x16 |
| 136 text run at (683,3) width 25: "50%" | 136 text run at (690,2) width 25: "50%" |
| 137 RenderText {#text} at (707,0) size 9x17 | 137 RenderText {#text} at (714,0) size 9x17 |
| 138 text run at (707,0) width 9: ", " | 138 text run at (714,0) width 9: ", " |
| 139 RenderInline {CODE} at (0,0) size 24x15 | 139 RenderInline {CODE} at (0,0) size 25x16 |
| 140 RenderText {#text} at (715,3) size 24x15 | 140 RenderText {#text} at (722,2) size 25x16 |
| 141 text run at (715,3) width 24: "40%" | 141 text run at (722,2) width 25: "40%" |
| 142 RenderText {#text} at (738,0) size 9x17 | 142 RenderText {#text} at (746,0) size 9x17 |
| 143 text run at (738,0) width 9: ", " | 143 text run at (746,0) width 9: ", " |
| 144 RenderInline {CODE} at (0,0) size 25x15 | 144 RenderInline {CODE} at (0,0) size 25x16 |
| 145 RenderText {#text} at (746,3) size 25x15 | 145 RenderText {#text} at (754,2) size 25x16 |
| 146 text run at (746,3) width 25: "30%" | 146 text run at (754,2) width 25: "30%" |
| 147 RenderText {#text} at (770,0) size 5x17 | 147 RenderText {#text} at (778,0) size 5x17 |
| 148 text run at (770,0) width 5: "," | 148 text run at (778,0) width 5: "," |
| 149 RenderInline {CODE} at (0,0) size 24x15 | 149 RenderInline {CODE} at (0,0) size 24x16 |
| 150 RenderText {#text} at (0,21) size 24x15 | 150 RenderText {#text} at (0,20) size 24x16 |
| 151 text run at (0,21) width 24: "40%" | 151 text run at (0,20) width 24: "40%" |
| 152 RenderText {#text} at (23,18) size 9x17 | 152 RenderText {#text} at (24,18) size 8x17 |
| 153 text run at (23,18) width 9: ", " | 153 text run at (24,18) width 8: ", " |
| 154 RenderInline {CODE} at (0,0) size 32x15 | 154 RenderInline {CODE} at (0,0) size 32x16 |
| 155 RenderText {#text} at (31,21) size 32x15 | 155 RenderText {#text} at (32,20) size 32x16 |
| 156 text run at (31,21) width 32: "auto" | 156 text run at (32,20) width 32: "auto" |
| 157 RenderText {#text} at (62,18) size 198x17 | 157 RenderText {#text} at (64,18) size 197x17 |
| 158 text run at (62,18) width 198: " (with 70% margin-right), and " | 158 text run at (64,18) width 197: " (with 70% margin-right), and " |
| 159 RenderInline {CODE} at (0,0) size 32x15 | 159 RenderInline {CODE} at (0,0) size 33x16 |
| 160 RenderText {#text} at (259,21) size 32x15 | 160 RenderText {#text} at (260,20) size 33x16 |
| 161 text run at (259,21) width 32: "auto" | 161 text run at (260,20) width 33: "auto" |
| 162 RenderText {#text} at (290,18) size 5x17 | 162 RenderText {#text} at (292,18) size 5x17 |
| 163 text run at (290,18) width 5: "." | 163 text run at (292,18) width 5: "." |
| OLD | NEW |