| OLD | NEW |
| 1 layer at (0,0) size 785x2107 | 1 layer at (0,0) size 785x2107 |
| 2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
| 3 layer at (0,0) size 785x2107 | 3 layer at (0,0) size 785x2107 |
| 4 RenderBlock {HTML} at (0,0) size 785x2107.34 | 4 RenderBlock {HTML} at (0,0) size 785x2107.34 |
| 5 RenderBody {BODY} at (8,19.91) size 769x2071.44 | 5 RenderBody {BODY} at (8,19.91) size 769x2071.44 |
| 6 RenderBlock {H2} at (0,0) size 769x27 | 6 RenderBlock {H2} at (0,0) size 769x27 |
| 7 RenderText {#text} at (0,0) size 147x26 | 7 RenderText {#text} at (0,0) size 147x26 |
| 8 text run at (0,0) width 147: "Test 1 (1 float)" | 8 text run at (0,0) width 147: "Test 1 (1 float)" |
| 9 RenderBlock {HR} at (48,294.91) size 673x2 [border: (1px inset #EEEEEE)] | 9 RenderBlock {HR} at (48,294.91) size 673x2 [border: (1px inset #EEEEEE)] |
| 10 RenderBlock {H2} at (0,344.91) size 769x27 | 10 RenderBlock {H2} at (0,344.91) size 769x27 |
| (...skipping 19 matching lines...) Expand all Loading... |
| 30 RenderBlock {DIV} at (0,46.91) size 769x200 [bgcolor=#C0C0C0] | 30 RenderBlock {DIV} at (0,46.91) size 769x200 [bgcolor=#C0C0C0] |
| 31 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 31 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
| 32 RenderText {#text} at (36,36) size 125x59 | 32 RenderText {#text} at (36,36) size 125x59 |
| 33 text run at (36,36) width 125: "This yellow square is" | 33 text run at (36,36) width 125: "This yellow square is" |
| 34 text run at (36,56) width 124: "floated left and it has" | 34 text run at (36,56) width 124: "floated left and it has" |
| 35 text run at (36,76) width 63: "no margin." | 35 text run at (36,76) width 63: "no margin." |
| 36 layer at (208,67) size 469x180 | 36 layer at (208,67) size 469x180 |
| 37 RenderBlock {DIV} at (200,0) size 469x180 [bgcolor=#FFA500] | 37 RenderBlock {DIV} at (200,0) size 469x180 [bgcolor=#FFA500] |
| 38 RenderText {#text} at (0,0) size 131x19 | 38 RenderText {#text} at (0,0) size 131x19 |
| 39 text run at (0,0) width 131: "This orange rectangle:" | 39 text run at (0,0) width 131: "This orange rectangle:" |
| 40 RenderBR {BR} at (131,0) size 0x19 | 40 LayoutBR {BR} at (131,0) size 0x19 |
| 41 RenderText {#text} at (0,20) size 91x19 | 41 RenderText {#text} at (0,20) size 91x19 |
| 42 text run at (0,20) width 91: "\x{2013} establishes a " | 42 text run at (0,20) width 91: "\x{2013} establishes a " |
| 43 RenderInline {STRONG} at (0,0) size 187x19 | 43 RenderInline {STRONG} at (0,0) size 187x19 |
| 44 RenderText {#text} at (91,20) size 187x19 | 44 RenderText {#text} at (91,20) size 187x19 |
| 45 text run at (91,20) width 187: "new block formating context" | 45 text run at (91,20) width 187: "new block formating context" |
| 46 RenderText {#text} at (278,20) size 184x19 | 46 RenderText {#text} at (278,20) size 184x19 |
| 47 text run at (278,20) width 184: " thanks to the CSS declaration" | 47 text run at (278,20) width 184: " thanks to the CSS declaration" |
| 48 RenderInline {CODE} at (0,0) size 128x16 | 48 RenderInline {CODE} at (0,0) size 128x16 |
| 49 RenderText {#text} at (0,43) size 128x16 | 49 RenderText {#text} at (0,43) size 128x16 |
| 50 text run at (0,43) width 128: "overflow: hidden" | 50 text run at (0,43) width 128: "overflow: hidden" |
| 51 RenderText {#text} at (128,40) size 4x19 | 51 RenderText {#text} at (128,40) size 4x19 |
| 52 text run at (128,40) width 4: ";" | 52 text run at (128,40) width 4: ";" |
| 53 RenderBR {BR} at (132,40) size 0x19 | 53 LayoutBR {BR} at (132,40) size 0x19 |
| 54 RenderText {#text} at (0,60) size 310x19 | 54 RenderText {#text} at (0,60) size 310x19 |
| 55 text run at (0,60) width 310: "\x{2013} has a 100px left margin and a 100p
x right margin;" | 55 text run at (0,60) width 310: "\x{2013} has a 100px left margin and a 100p
x right margin;" |
| 56 RenderBR {BR} at (310,60) size 0x19 | 56 LayoutBR {BR} at (310,60) size 0x19 |
| 57 RenderBR {BR} at (0,80) size 0x19 | 57 LayoutBR {BR} at (0,80) size 0x19 |
| 58 RenderText {#text} at (0,100) size 131x19 | 58 RenderText {#text} at (0,100) size 131x19 |
| 59 text run at (0,100) width 131: "This orange rectangle:" | 59 text run at (0,100) width 131: "This orange rectangle:" |
| 60 RenderBR {BR} at (131,100) size 0x19 | 60 LayoutBR {BR} at (131,100) size 0x19 |
| 61 RenderText {#text} at (0,120) size 91x19 | 61 RenderText {#text} at (0,120) size 91x19 |
| 62 text run at (0,120) width 91: "\x{2013} establishes a " | 62 text run at (0,120) width 91: "\x{2013} establishes a " |
| 63 RenderInline {STRONG} at (0,0) size 187x19 | 63 RenderInline {STRONG} at (0,0) size 187x19 |
| 64 RenderText {#text} at (91,120) size 187x19 | 64 RenderText {#text} at (91,120) size 187x19 |
| 65 text run at (91,120) width 187: "new block formating context" | 65 text run at (91,120) width 187: "new block formating context" |
| 66 RenderText {#text} at (278,120) size 184x19 | 66 RenderText {#text} at (278,120) size 184x19 |
| 67 text run at (278,120) width 184: " thanks to the CSS declaration" | 67 text run at (278,120) width 184: " thanks to the CSS declaration" |
| 68 RenderInline {CODE} at (0,0) size 128x16 | 68 RenderInline {CODE} at (0,0) size 128x16 |
| 69 RenderText {#text} at (0,143) size 128x16 | 69 RenderText {#text} at (0,143) size 128x16 |
| 70 text run at (0,143) width 128: "overflow: hidden" | 70 text run at (0,143) width 128: "overflow: hidden" |
| 71 RenderText {#text} at (128,140) size 4x19 | 71 RenderText {#text} at (128,140) size 4x19 |
| 72 text run at (128,140) width 4: ";" | 72 text run at (128,140) width 4: ";" |
| 73 RenderBR {BR} at (132,140) size 0x19 | 73 LayoutBR {BR} at (132,140) size 0x19 |
| 74 RenderText {#text} at (0,160) size 310x19 | 74 RenderText {#text} at (0,160) size 310x19 |
| 75 text run at (0,160) width 310: "\x{2013} has a 100px left margin and a 100
px right margin;" | 75 text run at (0,160) width 310: "\x{2013} has a 100px left margin and a 100
px right margin;" |
| 76 layer at (8,412) size 769x200 | 76 layer at (8,412) size 769x200 |
| 77 RenderBlock {DIV} at (0,391.81) size 769x200 [bgcolor=#C0C0C0] | 77 RenderBlock {DIV} at (0,391.81) size 769x200 [bgcolor=#C0C0C0] |
| 78 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 78 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
| 79 RenderText {#text} at (36,36) size 125x59 | 79 RenderText {#text} at (36,36) size 125x59 |
| 80 text run at (36,36) width 125: "This yellow square is" | 80 text run at (36,36) width 125: "This yellow square is" |
| 81 text run at (36,56) width 124: "floated left and it has" | 81 text run at (36,56) width 124: "floated left and it has" |
| 82 text run at (36,76) width 63: "no margin." | 82 text run at (36,76) width 63: "no margin." |
| 83 layer at (208,412) size 569x180 | 83 layer at (208,412) size 569x180 |
| 84 RenderBlock {DIV} at (200,0) size 569x180 [bgcolor=#FFA500] | 84 RenderBlock {DIV} at (200,0) size 569x180 [bgcolor=#FFA500] |
| 85 RenderText {#text} at (0,0) size 131x19 | 85 RenderText {#text} at (0,0) size 131x19 |
| 86 text run at (0,0) width 131: "This orange rectangle:" | 86 text run at (0,0) width 131: "This orange rectangle:" |
| 87 RenderBR {BR} at (131,0) size 0x19 | 87 LayoutBR {BR} at (131,0) size 0x19 |
| 88 RenderText {#text} at (0,20) size 91x19 | 88 RenderText {#text} at (0,20) size 91x19 |
| 89 text run at (0,20) width 91: "\x{2013} establishes a " | 89 text run at (0,20) width 91: "\x{2013} establishes a " |
| 90 RenderInline {STRONG} at (0,0) size 187x19 | 90 RenderInline {STRONG} at (0,0) size 187x19 |
| 91 RenderText {#text} at (91,20) size 187x19 | 91 RenderText {#text} at (91,20) size 187x19 |
| 92 text run at (91,20) width 187: "new block formating context" | 92 text run at (91,20) width 187: "new block formating context" |
| 93 RenderText {#text} at (278,20) size 188x19 | 93 RenderText {#text} at (278,20) size 188x19 |
| 94 text run at (278,20) width 188: " thanks to the CSS declaration " | 94 text run at (278,20) width 188: " thanks to the CSS declaration " |
| 95 RenderInline {CODE} at (0,0) size 538x36 | 95 RenderInline {CODE} at (0,0) size 538x36 |
| 96 RenderText {#text} at (466,23) size 538x36 | 96 RenderText {#text} at (466,23) size 538x36 |
| 97 text run at (466,23) width 72: "overflow:" | 97 text run at (466,23) width 72: "overflow:" |
| 98 text run at (0,43) width 48: "hidden" | 98 text run at (0,43) width 48: "hidden" |
| 99 RenderText {#text} at (48,40) size 4x19 | 99 RenderText {#text} at (48,40) size 4x19 |
| 100 text run at (48,40) width 4: ";" | 100 text run at (48,40) width 4: ";" |
| 101 RenderBR {BR} at (52,40) size 0x19 | 101 LayoutBR {BR} at (52,40) size 0x19 |
| 102 RenderText {#text} at (0,60) size 156x19 | 102 RenderText {#text} at (0,60) size 156x19 |
| 103 text run at (0,60) width 156: "\x{2013} has a 200px left margin;" | 103 text run at (0,60) width 156: "\x{2013} has a 200px left margin;" |
| 104 RenderBR {BR} at (156,60) size 0x19 | 104 LayoutBR {BR} at (156,60) size 0x19 |
| 105 RenderBR {BR} at (0,80) size 0x19 | 105 LayoutBR {BR} at (0,80) size 0x19 |
| 106 RenderText {#text} at (0,100) size 131x19 | 106 RenderText {#text} at (0,100) size 131x19 |
| 107 text run at (0,100) width 131: "This orange rectangle:" | 107 text run at (0,100) width 131: "This orange rectangle:" |
| 108 RenderBR {BR} at (131,100) size 0x19 | 108 LayoutBR {BR} at (131,100) size 0x19 |
| 109 RenderText {#text} at (0,120) size 91x19 | 109 RenderText {#text} at (0,120) size 91x19 |
| 110 text run at (0,120) width 91: "\x{2013} establishes a " | 110 text run at (0,120) width 91: "\x{2013} establishes a " |
| 111 RenderInline {STRONG} at (0,0) size 187x19 | 111 RenderInline {STRONG} at (0,0) size 187x19 |
| 112 RenderText {#text} at (91,120) size 187x19 | 112 RenderText {#text} at (91,120) size 187x19 |
| 113 text run at (91,120) width 187: "new block formating context" | 113 text run at (91,120) width 187: "new block formating context" |
| 114 RenderText {#text} at (278,120) size 188x19 | 114 RenderText {#text} at (278,120) size 188x19 |
| 115 text run at (278,120) width 188: " thanks to the CSS declaration " | 115 text run at (278,120) width 188: " thanks to the CSS declaration " |
| 116 RenderInline {CODE} at (0,0) size 538x36 | 116 RenderInline {CODE} at (0,0) size 538x36 |
| 117 RenderText {#text} at (466,123) size 538x36 | 117 RenderText {#text} at (466,123) size 538x36 |
| 118 text run at (466,123) width 72: "overflow:" | 118 text run at (466,123) width 72: "overflow:" |
| 119 text run at (0,143) width 48: "hidden" | 119 text run at (0,143) width 48: "hidden" |
| 120 RenderText {#text} at (48,140) size 4x19 | 120 RenderText {#text} at (48,140) size 4x19 |
| 121 text run at (48,140) width 4: ";" | 121 text run at (48,140) width 4: ";" |
| 122 RenderBR {BR} at (52,140) size 0x19 | 122 LayoutBR {BR} at (52,140) size 0x19 |
| 123 RenderText {#text} at (0,160) size 156x19 | 123 RenderText {#text} at (0,160) size 156x19 |
| 124 text run at (0,160) width 156: "\x{2013} has a 200px left margin;" | 124 text run at (0,160) width 156: "\x{2013} has a 200px left margin;" |
| 125 layer at (8,757) size 769x200 | 125 layer at (8,757) size 769x200 |
| 126 RenderBlock {DIV} at (0,736.72) size 769x200 [bgcolor=#C0C0C0] | 126 RenderBlock {DIV} at (0,736.72) size 769x200 [bgcolor=#C0C0C0] |
| 127 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 127 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
| 128 RenderText {#text} at (36,36) size 125x79 | 128 RenderText {#text} at (36,36) size 125x79 |
| 129 text run at (36,36) width 125: "This yellow square is" | 129 text run at (36,36) width 125: "This yellow square is" |
| 130 text run at (36,56) width 111: "a floated left and it" | 130 text run at (36,56) width 111: "a floated left and it" |
| 131 text run at (36,76) width 121: "has a right margin of" | 131 text run at (36,76) width 121: "has a right margin of" |
| 132 text run at (36,96) width 43: "100px." | 132 text run at (36,96) width 43: "100px." |
| 133 layer at (308,757) size 369x180 | 133 layer at (308,757) size 369x180 |
| 134 RenderBlock {DIV} at (300,0) size 369x180 [bgcolor=#FFA500] | 134 RenderBlock {DIV} at (300,0) size 369x180 [bgcolor=#FFA500] |
| 135 RenderText {#text} at (0,0) size 131x19 | 135 RenderText {#text} at (0,0) size 131x19 |
| 136 text run at (0,0) width 131: "This orange rectangle:" | 136 text run at (0,0) width 131: "This orange rectangle:" |
| 137 RenderBR {BR} at (131,0) size 0x19 | 137 LayoutBR {BR} at (131,0) size 0x19 |
| 138 RenderText {#text} at (0,20) size 91x19 | 138 RenderText {#text} at (0,20) size 91x19 |
| 139 text run at (0,20) width 91: "\x{2013} establishes a " | 139 text run at (0,20) width 91: "\x{2013} establishes a " |
| 140 RenderInline {STRONG} at (0,0) size 187x19 | 140 RenderInline {STRONG} at (0,0) size 187x19 |
| 141 RenderText {#text} at (91,20) size 187x19 | 141 RenderText {#text} at (91,20) size 187x19 |
| 142 text run at (91,20) width 187: "new block formating context" | 142 text run at (91,20) width 187: "new block formating context" |
| 143 RenderText {#text} at (278,20) size 359x39 | 143 RenderText {#text} at (278,20) size 359x39 |
| 144 text run at (278,20) width 81: " thanks to the" | 144 text run at (278,20) width 81: " thanks to the" |
| 145 text run at (0,40) width 103: "CSS declaration " | 145 text run at (0,40) width 103: "CSS declaration " |
| 146 RenderInline {CODE} at (0,0) size 128x16 | 146 RenderInline {CODE} at (0,0) size 128x16 |
| 147 RenderText {#text} at (103,43) size 128x16 | 147 RenderText {#text} at (103,43) size 128x16 |
| 148 text run at (103,43) width 128: "overflow: hidden" | 148 text run at (103,43) width 128: "overflow: hidden" |
| 149 RenderText {#text} at (231,40) size 4x19 | 149 RenderText {#text} at (231,40) size 4x19 |
| 150 text run at (231,40) width 4: ";" | 150 text run at (231,40) width 4: ";" |
| 151 RenderBR {BR} at (235,40) size 0x19 | 151 LayoutBR {BR} at (235,40) size 0x19 |
| 152 RenderText {#text} at (0,60) size 294x19 | 152 RenderText {#text} at (0,60) size 294x19 |
| 153 text run at (0,60) width 294: "\x{2013} has a 0px left margin and a 100px
right margin;" | 153 text run at (0,60) width 294: "\x{2013} has a 0px left margin and a 100px
right margin;" |
| 154 RenderBR {BR} at (294,60) size 0x19 | 154 LayoutBR {BR} at (294,60) size 0x19 |
| 155 RenderBR {BR} at (0,80) size 0x19 | 155 LayoutBR {BR} at (0,80) size 0x19 |
| 156 RenderText {#text} at (0,100) size 131x19 | 156 RenderText {#text} at (0,100) size 131x19 |
| 157 text run at (0,100) width 131: "This orange rectangle:" | 157 text run at (0,100) width 131: "This orange rectangle:" |
| 158 RenderBR {BR} at (131,100) size 0x19 | 158 LayoutBR {BR} at (131,100) size 0x19 |
| 159 RenderText {#text} at (0,120) size 91x19 | 159 RenderText {#text} at (0,120) size 91x19 |
| 160 text run at (0,120) width 91: "\x{2013} establishes a " | 160 text run at (0,120) width 91: "\x{2013} establishes a " |
| 161 RenderInline {STRONG} at (0,0) size 187x19 | 161 RenderInline {STRONG} at (0,0) size 187x19 |
| 162 RenderText {#text} at (91,120) size 187x19 | 162 RenderText {#text} at (91,120) size 187x19 |
| 163 text run at (91,120) width 187: "new block formating context" | 163 text run at (91,120) width 187: "new block formating context" |
| 164 RenderText {#text} at (278,120) size 359x39 | 164 RenderText {#text} at (278,120) size 359x39 |
| 165 text run at (278,120) width 81: " thanks to the" | 165 text run at (278,120) width 81: " thanks to the" |
| 166 text run at (0,140) width 103: "CSS declaration " | 166 text run at (0,140) width 103: "CSS declaration " |
| 167 RenderInline {CODE} at (0,0) size 128x16 | 167 RenderInline {CODE} at (0,0) size 128x16 |
| 168 RenderText {#text} at (103,143) size 128x16 | 168 RenderText {#text} at (103,143) size 128x16 |
| 169 text run at (103,143) width 128: "overflow: hidden" | 169 text run at (103,143) width 128: "overflow: hidden" |
| 170 RenderText {#text} at (231,140) size 4x19 | 170 RenderText {#text} at (231,140) size 4x19 |
| 171 text run at (231,140) width 4: ";" | 171 text run at (231,140) width 4: ";" |
| 172 RenderBR {BR} at (235,140) size 0x19 | 172 LayoutBR {BR} at (235,140) size 0x19 |
| 173 RenderText {#text} at (0,160) size 294x19 | 173 RenderText {#text} at (0,160) size 294x19 |
| 174 text run at (0,160) width 294: "\x{2013} has a 0px left margin and a 100px
right margin;" | 174 text run at (0,160) width 294: "\x{2013} has a 0px left margin and a 100px
right margin;" |
| 175 layer at (8,1102) size 769x200 | 175 layer at (8,1102) size 769x200 |
| 176 RenderBlock {DIV} at (0,1081.63) size 769x200 [bgcolor=#C0C0C0] | 176 RenderBlock {DIV} at (0,1081.63) size 769x200 [bgcolor=#C0C0C0] |
| 177 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 177 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
| 178 RenderText {#text} at (36,36) size 125x59 | 178 RenderText {#text} at (36,36) size 125x59 |
| 179 text run at (36,36) width 125: "This yellow square is" | 179 text run at (36,36) width 125: "This yellow square is" |
| 180 text run at (36,56) width 124: "floated left and it has" | 180 text run at (36,56) width 124: "floated left and it has" |
| 181 text run at (36,76) width 63: "no margin." | 181 text run at (36,76) width 63: "no margin." |
| 182 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] | 182 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] |
| 183 RenderText {#text} at (36,36) size 125x59 | 183 RenderText {#text} at (36,36) size 125x59 |
| 184 text run at (36,36) width 125: "This yellow square is" | 184 text run at (36,36) width 125: "This yellow square is" |
| 185 text run at (36,56) width 119: "a floated right and it" | 185 text run at (36,56) width 119: "a floated right and it" |
| 186 text run at (36,76) width 87: "has no margin." | 186 text run at (36,76) width 87: "has no margin." |
| 187 layer at (208,1102) size 369x180 | 187 layer at (208,1102) size 369x180 |
| 188 RenderBlock {DIV} at (200,0) size 369x180 [bgcolor=#FFA500] | 188 RenderBlock {DIV} at (200,0) size 369x180 [bgcolor=#FFA500] |
| 189 RenderText {#text} at (0,0) size 131x19 | 189 RenderText {#text} at (0,0) size 131x19 |
| 190 text run at (0,0) width 131: "This orange rectangle:" | 190 text run at (0,0) width 131: "This orange rectangle:" |
| 191 RenderBR {BR} at (131,0) size 0x19 | 191 LayoutBR {BR} at (131,0) size 0x19 |
| 192 RenderText {#text} at (0,20) size 91x19 | 192 RenderText {#text} at (0,20) size 91x19 |
| 193 text run at (0,20) width 91: "\x{2013} establishes a " | 193 text run at (0,20) width 91: "\x{2013} establishes a " |
| 194 RenderInline {STRONG} at (0,0) size 187x19 | 194 RenderInline {STRONG} at (0,0) size 187x19 |
| 195 RenderText {#text} at (91,20) size 187x19 | 195 RenderText {#text} at (91,20) size 187x19 |
| 196 text run at (91,20) width 187: "new block formating context" | 196 text run at (91,20) width 187: "new block formating context" |
| 197 RenderText {#text} at (278,20) size 359x39 | 197 RenderText {#text} at (278,20) size 359x39 |
| 198 text run at (278,20) width 81: " thanks to the" | 198 text run at (278,20) width 81: " thanks to the" |
| 199 text run at (0,40) width 103: "CSS declaration " | 199 text run at (0,40) width 103: "CSS declaration " |
| 200 RenderInline {CODE} at (0,0) size 128x16 | 200 RenderInline {CODE} at (0,0) size 128x16 |
| 201 RenderText {#text} at (103,43) size 128x16 | 201 RenderText {#text} at (103,43) size 128x16 |
| 202 text run at (103,43) width 128: "overflow: hidden" | 202 text run at (103,43) width 128: "overflow: hidden" |
| 203 RenderText {#text} at (231,40) size 4x19 | 203 RenderText {#text} at (231,40) size 4x19 |
| 204 text run at (231,40) width 4: ";" | 204 text run at (231,40) width 4: ";" |
| 205 RenderBR {BR} at (235,40) size 0x19 | 205 LayoutBR {BR} at (235,40) size 0x19 |
| 206 RenderText {#text} at (0,60) size 310x19 | 206 RenderText {#text} at (0,60) size 310x19 |
| 207 text run at (0,60) width 310: "\x{2013} has a 100px left margin and a 100p
x right margin;" | 207 text run at (0,60) width 310: "\x{2013} has a 100px left margin and a 100p
x right margin;" |
| 208 RenderBR {BR} at (310,60) size 0x19 | 208 LayoutBR {BR} at (310,60) size 0x19 |
| 209 RenderBR {BR} at (0,80) size 0x19 | 209 LayoutBR {BR} at (0,80) size 0x19 |
| 210 RenderText {#text} at (0,100) size 131x19 | 210 RenderText {#text} at (0,100) size 131x19 |
| 211 text run at (0,100) width 131: "This orange rectangle:" | 211 text run at (0,100) width 131: "This orange rectangle:" |
| 212 RenderBR {BR} at (131,100) size 0x19 | 212 LayoutBR {BR} at (131,100) size 0x19 |
| 213 RenderText {#text} at (0,120) size 91x19 | 213 RenderText {#text} at (0,120) size 91x19 |
| 214 text run at (0,120) width 91: "\x{2013} establishes a " | 214 text run at (0,120) width 91: "\x{2013} establishes a " |
| 215 RenderInline {STRONG} at (0,0) size 187x19 | 215 RenderInline {STRONG} at (0,0) size 187x19 |
| 216 RenderText {#text} at (91,120) size 187x19 | 216 RenderText {#text} at (91,120) size 187x19 |
| 217 text run at (91,120) width 187: "new block formating context" | 217 text run at (91,120) width 187: "new block formating context" |
| 218 RenderText {#text} at (278,120) size 359x39 | 218 RenderText {#text} at (278,120) size 359x39 |
| 219 text run at (278,120) width 81: " thanks to the" | 219 text run at (278,120) width 81: " thanks to the" |
| 220 text run at (0,140) width 103: "CSS declaration " | 220 text run at (0,140) width 103: "CSS declaration " |
| 221 RenderInline {CODE} at (0,0) size 128x16 | 221 RenderInline {CODE} at (0,0) size 128x16 |
| 222 RenderText {#text} at (103,143) size 128x16 | 222 RenderText {#text} at (103,143) size 128x16 |
| 223 text run at (103,143) width 128: "overflow: hidden" | 223 text run at (103,143) width 128: "overflow: hidden" |
| 224 RenderText {#text} at (231,140) size 4x19 | 224 RenderText {#text} at (231,140) size 4x19 |
| 225 text run at (231,140) width 4: ";" | 225 text run at (231,140) width 4: ";" |
| 226 RenderBR {BR} at (235,140) size 0x19 | 226 LayoutBR {BR} at (235,140) size 0x19 |
| 227 RenderText {#text} at (0,160) size 310x19 | 227 RenderText {#text} at (0,160) size 310x19 |
| 228 text run at (0,160) width 310: "\x{2013} has a 100px left margin and a 100
px right margin;" | 228 text run at (0,160) width 310: "\x{2013} has a 100px left margin and a 100
px right margin;" |
| 229 layer at (8,1446) size 769x200 | 229 layer at (8,1446) size 769x200 |
| 230 RenderBlock {DIV} at (0,1426.53) size 769x200 [bgcolor=#C0C0C0] | 230 RenderBlock {DIV} at (0,1426.53) size 769x200 [bgcolor=#C0C0C0] |
| 231 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 231 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
| 232 RenderText {#text} at (36,36) size 125x59 | 232 RenderText {#text} at (36,36) size 125x59 |
| 233 text run at (36,36) width 125: "This yellow square is" | 233 text run at (36,36) width 125: "This yellow square is" |
| 234 text run at (36,56) width 124: "floated left and it has" | 234 text run at (36,56) width 124: "floated left and it has" |
| 235 text run at (36,76) width 63: "no margin." | 235 text run at (36,76) width 63: "no margin." |
| 236 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] | 236 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] |
| 237 RenderText {#text} at (36,36) size 125x59 | 237 RenderText {#text} at (36,36) size 125x59 |
| 238 text run at (36,36) width 125: "This yellow square is" | 238 text run at (36,36) width 125: "This yellow square is" |
| 239 text run at (36,56) width 119: "a floated right and it" | 239 text run at (36,56) width 119: "a floated right and it" |
| 240 text run at (36,76) width 87: "has no margin." | 240 text run at (36,76) width 87: "has no margin." |
| 241 layer at (208,1446) size 369x180 | 241 layer at (208,1446) size 369x180 |
| 242 RenderBlock {DIV} at (200,0) size 369x180 [bgcolor=#FFA500] | 242 RenderBlock {DIV} at (200,0) size 369x180 [bgcolor=#FFA500] |
| 243 RenderText {#text} at (0,0) size 131x19 | 243 RenderText {#text} at (0,0) size 131x19 |
| 244 text run at (0,0) width 131: "This orange rectangle:" | 244 text run at (0,0) width 131: "This orange rectangle:" |
| 245 RenderBR {BR} at (131,0) size 0x19 | 245 LayoutBR {BR} at (131,0) size 0x19 |
| 246 RenderText {#text} at (0,20) size 91x19 | 246 RenderText {#text} at (0,20) size 91x19 |
| 247 text run at (0,20) width 91: "\x{2013} establishes a " | 247 text run at (0,20) width 91: "\x{2013} establishes a " |
| 248 RenderInline {STRONG} at (0,0) size 187x19 | 248 RenderInline {STRONG} at (0,0) size 187x19 |
| 249 RenderText {#text} at (91,20) size 187x19 | 249 RenderText {#text} at (91,20) size 187x19 |
| 250 text run at (91,20) width 187: "new block formating context" | 250 text run at (91,20) width 187: "new block formating context" |
| 251 RenderText {#text} at (278,20) size 359x39 | 251 RenderText {#text} at (278,20) size 359x39 |
| 252 text run at (278,20) width 81: " thanks to the" | 252 text run at (278,20) width 81: " thanks to the" |
| 253 text run at (0,40) width 103: "CSS declaration " | 253 text run at (0,40) width 103: "CSS declaration " |
| 254 RenderInline {CODE} at (0,0) size 128x16 | 254 RenderInline {CODE} at (0,0) size 128x16 |
| 255 RenderText {#text} at (103,43) size 128x16 | 255 RenderText {#text} at (103,43) size 128x16 |
| 256 text run at (103,43) width 128: "overflow: hidden" | 256 text run at (103,43) width 128: "overflow: hidden" |
| 257 RenderText {#text} at (231,40) size 4x19 | 257 RenderText {#text} at (231,40) size 4x19 |
| 258 text run at (231,40) width 4: ";" | 258 text run at (231,40) width 4: ";" |
| 259 RenderBR {BR} at (235,40) size 0x19 | 259 LayoutBR {BR} at (235,40) size 0x19 |
| 260 RenderText {#text} at (0,60) size 164x19 | 260 RenderText {#text} at (0,60) size 164x19 |
| 261 text run at (0,60) width 164: "\x{2013} has a 200px right margin;" | 261 text run at (0,60) width 164: "\x{2013} has a 200px right margin;" |
| 262 RenderBR {BR} at (164,60) size 0x19 | 262 LayoutBR {BR} at (164,60) size 0x19 |
| 263 RenderBR {BR} at (0,80) size 0x19 | 263 LayoutBR {BR} at (0,80) size 0x19 |
| 264 RenderText {#text} at (0,100) size 131x19 | 264 RenderText {#text} at (0,100) size 131x19 |
| 265 text run at (0,100) width 131: "This orange rectangle:" | 265 text run at (0,100) width 131: "This orange rectangle:" |
| 266 RenderBR {BR} at (131,100) size 0x19 | 266 LayoutBR {BR} at (131,100) size 0x19 |
| 267 RenderText {#text} at (0,120) size 91x19 | 267 RenderText {#text} at (0,120) size 91x19 |
| 268 text run at (0,120) width 91: "\x{2013} establishes a " | 268 text run at (0,120) width 91: "\x{2013} establishes a " |
| 269 RenderInline {STRONG} at (0,0) size 187x19 | 269 RenderInline {STRONG} at (0,0) size 187x19 |
| 270 RenderText {#text} at (91,120) size 187x19 | 270 RenderText {#text} at (91,120) size 187x19 |
| 271 text run at (91,120) width 187: "new block formating context" | 271 text run at (91,120) width 187: "new block formating context" |
| 272 RenderText {#text} at (278,120) size 359x39 | 272 RenderText {#text} at (278,120) size 359x39 |
| 273 text run at (278,120) width 81: " thanks to the" | 273 text run at (278,120) width 81: " thanks to the" |
| 274 text run at (0,140) width 103: "CSS declaration " | 274 text run at (0,140) width 103: "CSS declaration " |
| 275 RenderInline {CODE} at (0,0) size 128x16 | 275 RenderInline {CODE} at (0,0) size 128x16 |
| 276 RenderText {#text} at (103,143) size 128x16 | 276 RenderText {#text} at (103,143) size 128x16 |
| 277 text run at (103,143) width 128: "overflow: hidden" | 277 text run at (103,143) width 128: "overflow: hidden" |
| 278 RenderText {#text} at (231,140) size 4x19 | 278 RenderText {#text} at (231,140) size 4x19 |
| 279 text run at (231,140) width 4: ";" | 279 text run at (231,140) width 4: ";" |
| 280 RenderBR {BR} at (235,140) size 0x19 | 280 LayoutBR {BR} at (235,140) size 0x19 |
| 281 RenderText {#text} at (0,160) size 164x19 | 281 RenderText {#text} at (0,160) size 164x19 |
| 282 text run at (0,160) width 164: "\x{2013} has a 200px right margin;" | 282 text run at (0,160) width 164: "\x{2013} has a 200px right margin;" |
| 283 layer at (8,1791) size 769x300 | 283 layer at (8,1791) size 769x300 |
| 284 RenderBlock {DIV} at (0,1771.44) size 769x300 [bgcolor=#C0C0C0] | 284 RenderBlock {DIV} at (0,1771.44) size 769x300 [bgcolor=#C0C0C0] |
| 285 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 285 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
| 286 RenderText {#text} at (36,36) size 125x79 | 286 RenderText {#text} at (36,36) size 125x79 |
| 287 text run at (36,36) width 125: "This yellow square is" | 287 text run at (36,36) width 125: "This yellow square is" |
| 288 text run at (36,56) width 124: "floated left and it has" | 288 text run at (36,56) width 124: "floated left and it has" |
| 289 text run at (36,76) width 97: "a right margin of" | 289 text run at (36,76) width 97: "a right margin of" |
| 290 text run at (36,96) width 43: "100px." | 290 text run at (36,96) width 43: "100px." |
| 291 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] | 291 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] |
| 292 RenderText {#text} at (36,36) size 125x79 | 292 RenderText {#text} at (36,36) size 125x79 |
| 293 text run at (36,36) width 125: "This yellow square is" | 293 text run at (36,36) width 125: "This yellow square is" |
| 294 text run at (36,56) width 108: "floated right and it" | 294 text run at (36,56) width 108: "floated right and it" |
| 295 text run at (36,76) width 113: "has a left margin of" | 295 text run at (36,76) width 113: "has a left margin of" |
| 296 text run at (36,96) width 43: "100px." | 296 text run at (36,96) width 43: "100px." |
| 297 layer at (308,1791) size 169x300 | 297 layer at (308,1791) size 169x300 |
| 298 RenderBlock {DIV} at (300,0) size 169x300 [bgcolor=#FFA500] | 298 RenderBlock {DIV} at (300,0) size 169x300 [bgcolor=#FFA500] |
| 299 RenderText {#text} at (0,0) size 131x19 | 299 RenderText {#text} at (0,0) size 131x19 |
| 300 text run at (0,0) width 131: "This orange rectangle:" | 300 text run at (0,0) width 131: "This orange rectangle:" |
| 301 RenderBR {BR} at (131,0) size 0x19 | 301 LayoutBR {BR} at (131,0) size 0x19 |
| 302 RenderText {#text} at (0,20) size 91x19 | 302 RenderText {#text} at (0,20) size 91x19 |
| 303 text run at (0,20) width 91: "\x{2013} establishes a " | 303 text run at (0,20) width 91: "\x{2013} establishes a " |
| 304 RenderInline {STRONG} at (0,0) size 157x39 | 304 RenderInline {STRONG} at (0,0) size 157x39 |
| 305 RenderText {#text} at (91,20) size 157x39 | 305 RenderText {#text} at (91,20) size 157x39 |
| 306 text run at (91,20) width 66: "new block" | 306 text run at (91,20) width 66: "new block" |
| 307 text run at (0,40) width 117: "formating context" | 307 text run at (0,40) width 117: "formating context" |
| 308 RenderText {#text} at (117,40) size 160x39 | 308 RenderText {#text} at (117,40) size 160x39 |
| 309 text run at (117,40) width 43: " thanks" | 309 text run at (117,40) width 43: " thanks" |
| 310 text run at (0,60) width 137: "to the CSS declaration" | 310 text run at (0,60) width 137: "to the CSS declaration" |
| 311 RenderInline {CODE} at (0,0) size 128x16 | 311 RenderInline {CODE} at (0,0) size 128x16 |
| 312 RenderText {#text} at (0,83) size 128x16 | 312 RenderText {#text} at (0,83) size 128x16 |
| 313 text run at (0,83) width 128: "overflow: hidden" | 313 text run at (0,83) width 128: "overflow: hidden" |
| 314 RenderText {#text} at (128,80) size 4x19 | 314 RenderText {#text} at (128,80) size 4x19 |
| 315 text run at (128,80) width 4: ";" | 315 text run at (128,80) width 4: ";" |
| 316 RenderBR {BR} at (132,80) size 0x19 | 316 LayoutBR {BR} at (132,80) size 0x19 |
| 317 RenderText {#text} at (0,100) size 162x39 | 317 RenderText {#text} at (0,100) size 162x39 |
| 318 text run at (0,100) width 162: "\x{2013} has a 0px left margin and" | 318 text run at (0,100) width 162: "\x{2013} has a 0px left margin and" |
| 319 text run at (0,120) width 112: "a 0px right margin;" | 319 text run at (0,120) width 112: "a 0px right margin;" |
| 320 RenderBR {BR} at (112,120) size 0x19 | 320 LayoutBR {BR} at (112,120) size 0x19 |
| 321 RenderBR {BR} at (0,140) size 0x19 | 321 LayoutBR {BR} at (0,140) size 0x19 |
| 322 RenderText {#text} at (0,160) size 131x19 | 322 RenderText {#text} at (0,160) size 131x19 |
| 323 text run at (0,160) width 131: "This orange rectangle:" | 323 text run at (0,160) width 131: "This orange rectangle:" |
| 324 RenderBR {BR} at (131,160) size 0x19 | 324 LayoutBR {BR} at (131,160) size 0x19 |
| 325 RenderText {#text} at (0,180) size 91x19 | 325 RenderText {#text} at (0,180) size 91x19 |
| 326 text run at (0,180) width 91: "\x{2013} establishes a " | 326 text run at (0,180) width 91: "\x{2013} establishes a " |
| 327 RenderInline {STRONG} at (0,0) size 157x39 | 327 RenderInline {STRONG} at (0,0) size 157x39 |
| 328 RenderText {#text} at (91,180) size 157x39 | 328 RenderText {#text} at (91,180) size 157x39 |
| 329 text run at (91,180) width 66: "new block" | 329 text run at (91,180) width 66: "new block" |
| 330 text run at (0,200) width 117: "formating context" | 330 text run at (0,200) width 117: "formating context" |
| 331 RenderText {#text} at (117,200) size 160x39 | 331 RenderText {#text} at (117,200) size 160x39 |
| 332 text run at (117,200) width 43: " thanks" | 332 text run at (117,200) width 43: " thanks" |
| 333 text run at (0,220) width 137: "to the CSS declaration" | 333 text run at (0,220) width 137: "to the CSS declaration" |
| 334 RenderInline {CODE} at (0,0) size 128x16 | 334 RenderInline {CODE} at (0,0) size 128x16 |
| 335 RenderText {#text} at (0,243) size 128x16 | 335 RenderText {#text} at (0,243) size 128x16 |
| 336 text run at (0,243) width 128: "overflow: hidden" | 336 text run at (0,243) width 128: "overflow: hidden" |
| 337 RenderText {#text} at (128,240) size 4x19 | 337 RenderText {#text} at (128,240) size 4x19 |
| 338 text run at (128,240) width 4: ";" | 338 text run at (128,240) width 4: ";" |
| 339 RenderBR {BR} at (132,240) size 0x19 | 339 LayoutBR {BR} at (132,240) size 0x19 |
| 340 RenderText {#text} at (0,260) size 162x39 | 340 RenderText {#text} at (0,260) size 162x39 |
| 341 text run at (0,260) width 162: "\x{2013} has a 0px left margin and" | 341 text run at (0,260) width 162: "\x{2013} has a 0px left margin and" |
| 342 text run at (0,280) width 112: "a 0px right margin;" | 342 text run at (0,280) width 112: "a 0px right margin;" |
| OLD | NEW |