| OLD | NEW |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2083 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2083 |
| 2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
| 3 layer at (0,0) size 785x2083 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 | 3 layer at (0,0) size 785x2083 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 |
| 4 LayoutBlockFlow {HTML} at (0,0) size 785x2083.34 | 4 LayoutBlockFlow {HTML} at (0,0) size 785x2083.34 |
| 5 LayoutBlockFlow {BODY} at (8,19.91) size 769x2047.44 | 5 LayoutBlockFlow {BODY} at (8,19.91) size 769x2047.44 |
| 6 LayoutBlockFlow {H2} at (0,0) size 769x28 | 6 LayoutBlockFlow {H2} at (0,0) size 769x28 |
| 7 LayoutText {#text} at (0,0) size 149x28 | 7 LayoutText {#text} at (0,0) size 146x28 |
| 8 text run at (0,0) width 149: "Test 1 (1 float)" | 8 text run at (0,0) width 146: "Test 1 (1 float)" |
| 9 LayoutBlockFlow {HR} at (48,295.91) size 673x2 [border: (1px inset #EEEEEE
)] | 9 LayoutBlockFlow {HR} at (48,295.91) size 673x2 [border: (1px inset #EEEEEE
)] |
| 10 LayoutBlockFlow {H2} at (0,345.91) size 769x28 | 10 LayoutBlockFlow {H2} at (0,345.91) size 769x28 |
| 11 LayoutText {#text} at (0,0) size 149x28 | 11 LayoutText {#text} at (0,0) size 146x28 |
| 12 text run at (0,0) width 149: "Test 2 (1 float)" | 12 text run at (0,0) width 146: "Test 2 (1 float)" |
| 13 LayoutBlockFlow {HR} at (48,641.81) size 673x2 [border: (1px inset #EEEEEE
)] | 13 LayoutBlockFlow {HR} at (48,641.81) size 673x2 [border: (1px inset #EEEEEE
)] |
| 14 LayoutBlockFlow {H2} at (0,691.81) size 769x28 | 14 LayoutBlockFlow {H2} at (0,691.81) size 769x28 |
| 15 LayoutText {#text} at (0,0) size 149x28 | 15 LayoutText {#text} at (0,0) size 146x28 |
| 16 text run at (0,0) width 149: "Test 3 (1 float)" | 16 text run at (0,0) width 146: "Test 3 (1 float)" |
| 17 LayoutBlockFlow {HR} at (48,987.72) size 673x2 [border: (1px inset #EEEEEE
)] | 17 LayoutBlockFlow {HR} at (48,987.72) size 673x2 [border: (1px inset #EEEEEE
)] |
| 18 LayoutBlockFlow {H2} at (0,1037.72) size 769x28 | 18 LayoutBlockFlow {H2} at (0,1037.72) size 769x28 |
| 19 LayoutText {#text} at (0,0) size 158x28 | 19 LayoutText {#text} at (0,0) size 155x28 |
| 20 text run at (0,0) width 158: "Test 4 (2 floats)" | 20 text run at (0,0) width 155: "Test 4 (2 floats)" |
| 21 LayoutBlockFlow {HR} at (48,1333.63) size 673x2 [border: (1px inset #EEEEE
E)] | 21 LayoutBlockFlow {HR} at (48,1333.63) size 673x2 [border: (1px inset #EEEEE
E)] |
| 22 LayoutBlockFlow {H2} at (0,1383.63) size 769x28 | 22 LayoutBlockFlow {H2} at (0,1383.63) size 769x28 |
| 23 LayoutText {#text} at (0,0) size 158x28 | 23 LayoutText {#text} at (0,0) size 155x28 |
| 24 text run at (0,0) width 158: "Test 5 (2 floats)" | 24 text run at (0,0) width 155: "Test 5 (2 floats)" |
| 25 LayoutBlockFlow {HR} at (48,1679.53) size 673x2 [border: (1px inset #EEEEE
E)] | 25 LayoutBlockFlow {HR} at (48,1679.53) size 673x2 [border: (1px inset #EEEEE
E)] |
| 26 LayoutBlockFlow {H2} at (0,1729.53) size 769x28 | 26 LayoutBlockFlow {H2} at (0,1729.53) size 769x28 |
| 27 LayoutText {#text} at (0,0) size 158x28 | 27 LayoutText {#text} at (0,0) size 155x28 |
| 28 text run at (0,0) width 158: "Test 6 (2 floats)" | 28 text run at (0,0) width 155: "Test 6 (2 floats)" |
| 29 layer at (8,68) size 769x200 | 29 layer at (8,68) size 769x200 |
| 30 LayoutBlockFlow {DIV} at (0,47.91) size 769x200 [bgcolor=#C0C0C0] | 30 LayoutBlockFlow {DIV} at (0,47.91) size 769x200 [bgcolor=#C0C0C0] |
| 31 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [bo
rder: (4px solid #008000)] | 31 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [bo
rder: (4px solid #008000)] |
| 32 LayoutText {#text} at (36,36) size 125x54 | 32 LayoutText {#text} at (36,36) size 124x54 |
| 33 text run at (36,36) width 122: "This yellow square" | 33 text run at (36,36) width 122: "This yellow square" |
| 34 text run at (36,54) width 125: "is floated left and it" | 34 text run at (36,54) width 124: "is floated left and it" |
| 35 text run at (36,72) width 95: "has no margin." | 35 text run at (36,72) width 95: "has no margin." |
| 36 layer at (208,68) size 469x162 | 36 layer at (208,68) size 469x162 |
| 37 LayoutBlockFlow {DIV} at (200,0) size 469x162 [bgcolor=#FFA500] | 37 LayoutBlockFlow {DIV} at (200,0) size 469x162 [bgcolor=#FFA500] |
| 38 LayoutText {#text} at (0,0) size 144x18 | 38 LayoutText {#text} at (0,0) size 144x18 |
| 39 text run at (0,0) width 144: "This orange rectangle:" | 39 text run at (0,0) width 144: "This orange rectangle:" |
| 40 LayoutBR {BR} at (143,0) size 1x18 | 40 LayoutBR {BR} at (143,0) size 1x18 |
| 41 LayoutText {#text} at (0,18) size 97x18 | 41 LayoutText {#text} at (0,18) size 97x18 |
| 42 text run at (0,18) width 97: "\x{2013} establishes a " | 42 text run at (0,18) width 97: "\x{2013} establishes a " |
| 43 LayoutInline {STRONG} at (0,0) size 196x18 | 43 LayoutInline {STRONG} at (0,0) size 196x18 |
| 44 LayoutText {#text} at (96,18) size 196x18 | 44 LayoutText {#text} at (96,18) size 196x18 |
| 45 text run at (96,18) width 196: "new block formating context" | 45 text run at (96,18) width 196: "new block formating context" |
| 46 LayoutText {#text} at (291,18) size 410x36 | 46 LayoutText {#text} at (291,18) size 410x36 |
| 47 text run at (291,18) width 119: " thanks to the CSS" | 47 text run at (291,18) width 119: " thanks to the CSS" |
| 48 text run at (0,36) width 76: "declaration " | 48 text run at (0,36) width 76: "declaration " |
| 49 LayoutInline {CODE} at (0,0) size 125x15 | 49 LayoutInline {CODE} at (0,0) size 125x15 |
| 50 LayoutText {#text} at (75,38) size 125x15 | 50 LayoutText {#text} at (75,38) size 125x15 |
| 51 text run at (75,38) width 125: "overflow: hidden" | 51 text run at (75,38) width 125: "overflow: hidden" |
| 52 LayoutText {#text} at (199,36) size 6x18 | 52 LayoutText {#text} at (199,36) size 6x18 |
| 53 text run at (199,36) width 6: ";" | 53 text run at (199,36) width 6: ";" |
| 54 LayoutBR {BR} at (204,36) size 1x18 | 54 LayoutBR {BR} at (204,36) size 1x18 |
| 55 LayoutText {#text} at (0,54) size 334x18 | 55 LayoutText {#text} at (0,54) size 333x18 |
| 56 text run at (0,54) width 334: "\x{2013} has a 100px left margin and a 100p
x right margin;" | 56 text run at (0,54) width 333: "\x{2013} has a 100px left margin and a 100p
x right margin;" |
| 57 LayoutBR {BR} at (333,54) size 1x18 | 57 LayoutBR {BR} at (332,54) size 1x18 |
| 58 LayoutBR {BR} at (0,72) size 0x18 | 58 LayoutBR {BR} at (0,72) size 0x18 |
| 59 LayoutText {#text} at (0,90) size 144x18 | 59 LayoutText {#text} at (0,90) size 144x18 |
| 60 text run at (0,90) width 144: "This orange rectangle:" | 60 text run at (0,90) width 144: "This orange rectangle:" |
| 61 LayoutBR {BR} at (143,90) size 1x18 | 61 LayoutBR {BR} at (143,90) size 1x18 |
| 62 LayoutText {#text} at (0,108) size 97x18 | 62 LayoutText {#text} at (0,108) size 97x18 |
| 63 text run at (0,108) width 97: "\x{2013} establishes a " | 63 text run at (0,108) width 97: "\x{2013} establishes a " |
| 64 LayoutInline {STRONG} at (0,0) size 196x18 | 64 LayoutInline {STRONG} at (0,0) size 196x18 |
| 65 LayoutText {#text} at (96,108) size 196x18 | 65 LayoutText {#text} at (96,108) size 196x18 |
| 66 text run at (96,108) width 196: "new block formating context" | 66 text run at (96,108) width 196: "new block formating context" |
| 67 LayoutText {#text} at (291,108) size 410x36 | 67 LayoutText {#text} at (291,108) size 410x36 |
| 68 text run at (291,108) width 119: " thanks to the CSS" | 68 text run at (291,108) width 119: " thanks to the CSS" |
| 69 text run at (0,126) width 76: "declaration " | 69 text run at (0,126) width 76: "declaration " |
| 70 LayoutInline {CODE} at (0,0) size 125x15 | 70 LayoutInline {CODE} at (0,0) size 125x15 |
| 71 LayoutText {#text} at (75,128) size 125x15 | 71 LayoutText {#text} at (75,128) size 125x15 |
| 72 text run at (75,128) width 125: "overflow: hidden" | 72 text run at (75,128) width 125: "overflow: hidden" |
| 73 LayoutText {#text} at (199,126) size 6x18 | 73 LayoutText {#text} at (199,126) size 6x18 |
| 74 text run at (199,126) width 6: ";" | 74 text run at (199,126) width 6: ";" |
| 75 LayoutBR {BR} at (204,126) size 1x18 | 75 LayoutBR {BR} at (204,126) size 1x18 |
| 76 LayoutText {#text} at (0,144) size 334x18 | 76 LayoutText {#text} at (0,144) size 333x18 |
| 77 text run at (0,144) width 334: "\x{2013} has a 100px left margin and a 100
px right margin;" | 77 text run at (0,144) width 333: "\x{2013} has a 100px left margin and a 100
px right margin;" |
| 78 layer at (8,414) size 769x200 backgroundClip at (8,414) size 769x186 clip at (8,
414) size 769x186 | 78 layer at (8,414) size 769x200 backgroundClip at (8,414) size 769x186 clip at (8,
414) size 769x186 |
| 79 LayoutBlockFlow {DIV} at (0,393.81) size 769x200 [bgcolor=#C0C0C0] | 79 LayoutBlockFlow {DIV} at (0,393.81) size 769x200 [bgcolor=#C0C0C0] |
| 80 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [bo
rder: (4px solid #008000)] | 80 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [bo
rder: (4px solid #008000)] |
| 81 LayoutText {#text} at (36,36) size 125x54 | 81 LayoutText {#text} at (36,36) size 124x54 |
| 82 text run at (36,36) width 122: "This yellow square" | 82 text run at (36,36) width 122: "This yellow square" |
| 83 text run at (36,54) width 125: "is floated left and it" | 83 text run at (36,54) width 124: "is floated left and it" |
| 84 text run at (36,72) width 95: "has no margin." | 84 text run at (36,72) width 95: "has no margin." |
| 85 layer at (208,414) size 569x162 | 85 layer at (208,414) size 569x162 |
| 86 LayoutBlockFlow {DIV} at (200,0) size 569x162 [bgcolor=#FFA500] | 86 LayoutBlockFlow {DIV} at (200,0) size 569x162 [bgcolor=#FFA500] |
| 87 LayoutText {#text} at (0,0) size 144x18 | 87 LayoutText {#text} at (0,0) size 144x18 |
| 88 text run at (0,0) width 144: "This orange rectangle:" | 88 text run at (0,0) width 144: "This orange rectangle:" |
| 89 LayoutBR {BR} at (143,0) size 1x18 | 89 LayoutBR {BR} at (143,0) size 1x18 |
| 90 LayoutText {#text} at (0,18) size 97x18 | 90 LayoutText {#text} at (0,18) size 97x18 |
| 91 text run at (0,18) width 97: "\x{2013} establishes a " | 91 text run at (0,18) width 97: "\x{2013} establishes a " |
| 92 LayoutInline {STRONG} at (0,0) size 196x18 | 92 LayoutInline {STRONG} at (0,0) size 196x18 |
| 93 LayoutText {#text} at (96,18) size 196x18 | 93 LayoutText {#text} at (96,18) size 196x18 |
| (...skipping 26 matching lines...) Expand all Loading... |
| 120 text run at (488,110) width 71: "overflow:" | 120 text run at (488,110) width 71: "overflow:" |
| 121 text run at (0,128) width 47: "hidden" | 121 text run at (0,128) width 47: "hidden" |
| 122 LayoutText {#text} at (46,126) size 6x18 | 122 LayoutText {#text} at (46,126) size 6x18 |
| 123 text run at (46,126) width 6: ";" | 123 text run at (46,126) width 6: ";" |
| 124 LayoutBR {BR} at (51,126) size 1x18 | 124 LayoutBR {BR} at (51,126) size 1x18 |
| 125 LayoutText {#text} at (0,144) size 168x18 | 125 LayoutText {#text} at (0,144) size 168x18 |
| 126 text run at (0,144) width 168: "\x{2013} has a 200px left margin;" | 126 text run at (0,144) width 168: "\x{2013} has a 200px left margin;" |
| 127 layer at (8,760) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) siz
e 0x0 | 127 layer at (8,760) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) siz
e 0x0 |
| 128 LayoutBlockFlow {DIV} at (0,739.72) size 769x200 [bgcolor=#C0C0C0] | 128 LayoutBlockFlow {DIV} at (0,739.72) size 769x200 [bgcolor=#C0C0C0] |
| 129 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [bo
rder: (4px solid #008000)] | 129 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [bo
rder: (4px solid #008000)] |
| 130 LayoutText {#text} at (36,36) size 123x72 | 130 LayoutText {#text} at (36,36) size 122x72 |
| 131 text run at (36,36) width 122: "This yellow square" | 131 text run at (36,36) width 122: "This yellow square" |
| 132 text run at (36,54) width 123: "is a floated left and" | 132 text run at (36,54) width 122: "is a floated left and" |
| 133 text run at (36,72) width 80: "it has a right" | 133 text run at (36,72) width 80: "it has a right" |
| 134 text run at (36,90) width 111: "margin of 100px." | 134 text run at (36,90) width 111: "margin of 100px." |
| 135 layer at (308,760) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0) s
ize 0x0 | 135 layer at (308,760) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0) s
ize 0x0 |
| 136 LayoutBlockFlow {DIV} at (300,0) size 369x162 [bgcolor=#FFA500] | 136 LayoutBlockFlow {DIV} at (300,0) size 369x162 [bgcolor=#FFA500] |
| 137 LayoutText {#text} at (0,0) size 144x18 | 137 LayoutText {#text} at (0,0) size 144x18 |
| 138 text run at (0,0) width 144: "This orange rectangle:" | 138 text run at (0,0) width 144: "This orange rectangle:" |
| 139 LayoutBR {BR} at (143,0) size 1x18 | 139 LayoutBR {BR} at (143,0) size 1x18 |
| 140 LayoutText {#text} at (0,18) size 97x18 | 140 LayoutText {#text} at (0,18) size 97x18 |
| 141 text run at (0,18) width 97: "\x{2013} establishes a " | 141 text run at (0,18) width 97: "\x{2013} establishes a " |
| 142 LayoutInline {STRONG} at (0,0) size 196x18 | 142 LayoutInline {STRONG} at (0,0) size 196x18 |
| 143 LayoutText {#text} at (96,18) size 196x18 | 143 LayoutText {#text} at (96,18) size 196x18 |
| 144 text run at (96,18) width 196: "new block formating context" | 144 text run at (96,18) width 196: "new block formating context" |
| 145 LayoutText {#text} at (291,18) size 354x36 | 145 LayoutText {#text} at (291,18) size 354x36 |
| 146 text run at (291,18) width 63: " thanks to" | 146 text run at (291,18) width 63: " thanks to" |
| 147 text run at (0,36) width 132: "the CSS declaration " | 147 text run at (0,36) width 132: "the CSS declaration " |
| 148 LayoutInline {CODE} at (0,0) size 125x15 | 148 LayoutInline {CODE} at (0,0) size 125x15 |
| 149 LayoutText {#text} at (131,38) size 125x15 | 149 LayoutText {#text} at (131,38) size 125x15 |
| 150 text run at (131,38) width 125: "overflow: hidden" | 150 text run at (131,38) width 125: "overflow: hidden" |
| 151 LayoutText {#text} at (255,36) size 6x18 | 151 LayoutText {#text} at (255,36) size 6x18 |
| 152 text run at (255,36) width 6: ";" | 152 text run at (255,36) width 6: ";" |
| 153 LayoutBR {BR} at (260,36) size 1x18 | 153 LayoutBR {BR} at (260,36) size 1x18 |
| 154 LayoutText {#text} at (0,54) size 318x18 | 154 LayoutText {#text} at (0,54) size 317x18 |
| 155 text run at (0,54) width 318: "\x{2013} has a 0px left margin and a 100px
right margin;" | 155 text run at (0,54) width 317: "\x{2013} has a 0px left margin and a 100px
right margin;" |
| 156 LayoutBR {BR} at (317,54) size 1x18 | 156 LayoutBR {BR} at (316,54) size 1x18 |
| 157 LayoutBR {BR} at (0,72) size 0x18 | 157 LayoutBR {BR} at (0,72) size 0x18 |
| 158 LayoutText {#text} at (0,90) size 144x18 | 158 LayoutText {#text} at (0,90) size 144x18 |
| 159 text run at (0,90) width 144: "This orange rectangle:" | 159 text run at (0,90) width 144: "This orange rectangle:" |
| 160 LayoutBR {BR} at (143,90) size 1x18 | 160 LayoutBR {BR} at (143,90) size 1x18 |
| 161 LayoutText {#text} at (0,108) size 97x18 | 161 LayoutText {#text} at (0,108) size 97x18 |
| 162 text run at (0,108) width 97: "\x{2013} establishes a " | 162 text run at (0,108) width 97: "\x{2013} establishes a " |
| 163 LayoutInline {STRONG} at (0,0) size 196x18 | 163 LayoutInline {STRONG} at (0,0) size 196x18 |
| 164 LayoutText {#text} at (96,108) size 196x18 | 164 LayoutText {#text} at (96,108) size 196x18 |
| 165 text run at (96,108) width 196: "new block formating context" | 165 text run at (96,108) width 196: "new block formating context" |
| 166 LayoutText {#text} at (291,108) size 354x36 | 166 LayoutText {#text} at (291,108) size 354x36 |
| 167 text run at (291,108) width 63: " thanks to" | 167 text run at (291,108) width 63: " thanks to" |
| 168 text run at (0,126) width 132: "the CSS declaration " | 168 text run at (0,126) width 132: "the CSS declaration " |
| 169 LayoutInline {CODE} at (0,0) size 125x15 | 169 LayoutInline {CODE} at (0,0) size 125x15 |
| 170 LayoutText {#text} at (131,128) size 125x15 | 170 LayoutText {#text} at (131,128) size 125x15 |
| 171 text run at (131,128) width 125: "overflow: hidden" | 171 text run at (131,128) width 125: "overflow: hidden" |
| 172 LayoutText {#text} at (255,126) size 6x18 | 172 LayoutText {#text} at (255,126) size 6x18 |
| 173 text run at (255,126) width 6: ";" | 173 text run at (255,126) width 6: ";" |
| 174 LayoutBR {BR} at (260,126) size 1x18 | 174 LayoutBR {BR} at (260,126) size 1x18 |
| 175 LayoutText {#text} at (0,144) size 318x18 | 175 LayoutText {#text} at (0,144) size 317x18 |
| 176 text run at (0,144) width 318: "\x{2013} has a 0px left margin and a 100px
right margin;" | 176 text run at (0,144) width 317: "\x{2013} has a 0px left margin and a 100px
right margin;" |
| 177 layer at (8,1106) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 | 177 layer at (8,1106) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 |
| 178 LayoutBlockFlow {DIV} at (0,1085.63) size 769x200 [bgcolor=#C0C0C0] | 178 LayoutBlockFlow {DIV} at (0,1085.63) size 769x200 [bgcolor=#C0C0C0] |
| 179 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [bo
rder: (4px solid #008000)] | 179 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [bo
rder: (4px solid #008000)] |
| 180 LayoutText {#text} at (36,36) size 125x54 | 180 LayoutText {#text} at (36,36) size 124x54 |
| 181 text run at (36,36) width 122: "This yellow square" | 181 text run at (36,36) width 122: "This yellow square" |
| 182 text run at (36,54) width 125: "is floated left and it" | 182 text run at (36,54) width 124: "is floated left and it" |
| 183 text run at (36,72) width 95: "has no margin." | 183 text run at (36,72) width 95: "has no margin." |
| 184 LayoutBlockFlow (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [
border: (4px solid #008000)] | 184 LayoutBlockFlow (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [
border: (4px solid #008000)] |
| 185 LayoutText {#text} at (36,36) size 122x72 | 185 LayoutText {#text} at (36,36) size 122x72 |
| 186 text run at (36,36) width 122: "This yellow square" | 186 text run at (36,36) width 122: "This yellow square" |
| 187 text run at (36,54) width 105: "is a floated right" | 187 text run at (36,54) width 104: "is a floated right" |
| 188 text run at (36,72) width 82: "and it has no" | 188 text run at (36,72) width 82: "and it has no" |
| 189 text run at (36,90) width 50: "margin." | 189 text run at (36,90) width 50: "margin." |
| 190 layer at (208,1106) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 | 190 layer at (208,1106) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 |
| 191 LayoutBlockFlow {DIV} at (200,0) size 369x162 [bgcolor=#FFA500] | 191 LayoutBlockFlow {DIV} at (200,0) size 369x162 [bgcolor=#FFA500] |
| 192 LayoutText {#text} at (0,0) size 144x18 | 192 LayoutText {#text} at (0,0) size 144x18 |
| 193 text run at (0,0) width 144: "This orange rectangle:" | 193 text run at (0,0) width 144: "This orange rectangle:" |
| 194 LayoutBR {BR} at (143,0) size 1x18 | 194 LayoutBR {BR} at (143,0) size 1x18 |
| 195 LayoutText {#text} at (0,18) size 97x18 | 195 LayoutText {#text} at (0,18) size 97x18 |
| 196 text run at (0,18) width 97: "\x{2013} establishes a " | 196 text run at (0,18) width 97: "\x{2013} establishes a " |
| 197 LayoutInline {STRONG} at (0,0) size 196x18 | 197 LayoutInline {STRONG} at (0,0) size 196x18 |
| 198 LayoutText {#text} at (96,18) size 196x18 | 198 LayoutText {#text} at (96,18) size 196x18 |
| 199 text run at (96,18) width 196: "new block formating context" | 199 text run at (96,18) width 196: "new block formating context" |
| 200 LayoutText {#text} at (291,18) size 354x36 | 200 LayoutText {#text} at (291,18) size 354x36 |
| 201 text run at (291,18) width 63: " thanks to" | 201 text run at (291,18) width 63: " thanks to" |
| 202 text run at (0,36) width 132: "the CSS declaration " | 202 text run at (0,36) width 132: "the CSS declaration " |
| 203 LayoutInline {CODE} at (0,0) size 125x15 | 203 LayoutInline {CODE} at (0,0) size 125x15 |
| 204 LayoutText {#text} at (131,38) size 125x15 | 204 LayoutText {#text} at (131,38) size 125x15 |
| 205 text run at (131,38) width 125: "overflow: hidden" | 205 text run at (131,38) width 125: "overflow: hidden" |
| 206 LayoutText {#text} at (255,36) size 6x18 | 206 LayoutText {#text} at (255,36) size 6x18 |
| 207 text run at (255,36) width 6: ";" | 207 text run at (255,36) width 6: ";" |
| 208 LayoutBR {BR} at (260,36) size 1x18 | 208 LayoutBR {BR} at (260,36) size 1x18 |
| 209 LayoutText {#text} at (0,54) size 334x18 | 209 LayoutText {#text} at (0,54) size 333x18 |
| 210 text run at (0,54) width 334: "\x{2013} has a 100px left margin and a 100p
x right margin;" | 210 text run at (0,54) width 333: "\x{2013} has a 100px left margin and a 100p
x right margin;" |
| 211 LayoutBR {BR} at (333,54) size 1x18 | 211 LayoutBR {BR} at (332,54) size 1x18 |
| 212 LayoutBR {BR} at (0,72) size 0x18 | 212 LayoutBR {BR} at (0,72) size 0x18 |
| 213 LayoutText {#text} at (0,90) size 144x18 | 213 LayoutText {#text} at (0,90) size 144x18 |
| 214 text run at (0,90) width 144: "This orange rectangle:" | 214 text run at (0,90) width 144: "This orange rectangle:" |
| 215 LayoutBR {BR} at (143,90) size 1x18 | 215 LayoutBR {BR} at (143,90) size 1x18 |
| 216 LayoutText {#text} at (0,108) size 97x18 | 216 LayoutText {#text} at (0,108) size 97x18 |
| 217 text run at (0,108) width 97: "\x{2013} establishes a " | 217 text run at (0,108) width 97: "\x{2013} establishes a " |
| 218 LayoutInline {STRONG} at (0,0) size 196x18 | 218 LayoutInline {STRONG} at (0,0) size 196x18 |
| 219 LayoutText {#text} at (96,108) size 196x18 | 219 LayoutText {#text} at (96,108) size 196x18 |
| 220 text run at (96,108) width 196: "new block formating context" | 220 text run at (96,108) width 196: "new block formating context" |
| 221 LayoutText {#text} at (291,108) size 354x36 | 221 LayoutText {#text} at (291,108) size 354x36 |
| 222 text run at (291,108) width 63: " thanks to" | 222 text run at (291,108) width 63: " thanks to" |
| 223 text run at (0,126) width 132: "the CSS declaration " | 223 text run at (0,126) width 132: "the CSS declaration " |
| 224 LayoutInline {CODE} at (0,0) size 125x15 | 224 LayoutInline {CODE} at (0,0) size 125x15 |
| 225 LayoutText {#text} at (131,128) size 125x15 | 225 LayoutText {#text} at (131,128) size 125x15 |
| 226 text run at (131,128) width 125: "overflow: hidden" | 226 text run at (131,128) width 125: "overflow: hidden" |
| 227 LayoutText {#text} at (255,126) size 6x18 | 227 LayoutText {#text} at (255,126) size 6x18 |
| 228 text run at (255,126) width 6: ";" | 228 text run at (255,126) width 6: ";" |
| 229 LayoutBR {BR} at (260,126) size 1x18 | 229 LayoutBR {BR} at (260,126) size 1x18 |
| 230 LayoutText {#text} at (0,144) size 334x18 | 230 LayoutText {#text} at (0,144) size 333x18 |
| 231 text run at (0,144) width 334: "\x{2013} has a 100px left margin and a 100
px right margin;" | 231 text run at (0,144) width 333: "\x{2013} has a 100px left margin and a 100
px right margin;" |
| 232 layer at (8,1451) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 | 232 layer at (8,1451) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 |
| 233 LayoutBlockFlow {DIV} at (0,1431.53) size 769x200 [bgcolor=#C0C0C0] | 233 LayoutBlockFlow {DIV} at (0,1431.53) size 769x200 [bgcolor=#C0C0C0] |
| 234 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [bo
rder: (4px solid #008000)] | 234 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [bo
rder: (4px solid #008000)] |
| 235 LayoutText {#text} at (36,36) size 125x54 | 235 LayoutText {#text} at (36,36) size 124x54 |
| 236 text run at (36,36) width 122: "This yellow square" | 236 text run at (36,36) width 122: "This yellow square" |
| 237 text run at (36,54) width 125: "is floated left and it" | 237 text run at (36,54) width 124: "is floated left and it" |
| 238 text run at (36,72) width 95: "has no margin." | 238 text run at (36,72) width 95: "has no margin." |
| 239 LayoutBlockFlow (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [
border: (4px solid #008000)] | 239 LayoutBlockFlow (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [
border: (4px solid #008000)] |
| 240 LayoutText {#text} at (36,36) size 122x72 | 240 LayoutText {#text} at (36,36) size 122x72 |
| 241 text run at (36,36) width 122: "This yellow square" | 241 text run at (36,36) width 122: "This yellow square" |
| 242 text run at (36,54) width 105: "is a floated right" | 242 text run at (36,54) width 104: "is a floated right" |
| 243 text run at (36,72) width 82: "and it has no" | 243 text run at (36,72) width 82: "and it has no" |
| 244 text run at (36,90) width 50: "margin." | 244 text run at (36,90) width 50: "margin." |
| 245 layer at (208,1451) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 | 245 layer at (208,1451) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 |
| 246 LayoutBlockFlow {DIV} at (200,0) size 369x162 [bgcolor=#FFA500] | 246 LayoutBlockFlow {DIV} at (200,0) size 369x162 [bgcolor=#FFA500] |
| 247 LayoutText {#text} at (0,0) size 144x18 | 247 LayoutText {#text} at (0,0) size 144x18 |
| 248 text run at (0,0) width 144: "This orange rectangle:" | 248 text run at (0,0) width 144: "This orange rectangle:" |
| 249 LayoutBR {BR} at (143,0) size 1x18 | 249 LayoutBR {BR} at (143,0) size 1x18 |
| 250 LayoutText {#text} at (0,18) size 97x18 | 250 LayoutText {#text} at (0,18) size 97x18 |
| 251 text run at (0,18) width 97: "\x{2013} establishes a " | 251 text run at (0,18) width 97: "\x{2013} establishes a " |
| 252 LayoutInline {STRONG} at (0,0) size 196x18 | 252 LayoutInline {STRONG} at (0,0) size 196x18 |
| (...skipping 27 matching lines...) Expand all Loading... |
| 280 LayoutText {#text} at (131,128) size 125x15 | 280 LayoutText {#text} at (131,128) size 125x15 |
| 281 text run at (131,128) width 125: "overflow: hidden" | 281 text run at (131,128) width 125: "overflow: hidden" |
| 282 LayoutText {#text} at (255,126) size 6x18 | 282 LayoutText {#text} at (255,126) size 6x18 |
| 283 text run at (255,126) width 6: ";" | 283 text run at (255,126) width 6: ";" |
| 284 LayoutBR {BR} at (260,126) size 1x18 | 284 LayoutBR {BR} at (260,126) size 1x18 |
| 285 LayoutText {#text} at (0,144) size 177x18 | 285 LayoutText {#text} at (0,144) size 177x18 |
| 286 text run at (0,144) width 177: "\x{2013} has a 200px right margin;" | 286 text run at (0,144) width 177: "\x{2013} has a 200px right margin;" |
| 287 layer at (8,1797) size 769x270 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 | 287 layer at (8,1797) size 769x270 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 |
| 288 LayoutBlockFlow {DIV} at (0,1777.44) size 769x270 [bgcolor=#C0C0C0] | 288 LayoutBlockFlow {DIV} at (0,1777.44) size 769x270 [bgcolor=#C0C0C0] |
| 289 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [bo
rder: (4px solid #008000)] | 289 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [bo
rder: (4px solid #008000)] |
| 290 LayoutText {#text} at (36,36) size 125x72 | 290 LayoutText {#text} at (36,36) size 124x72 |
| 291 text run at (36,36) width 122: "This yellow square" | 291 text run at (36,36) width 122: "This yellow square" |
| 292 text run at (36,54) width 125: "is floated left and it" | 292 text run at (36,54) width 124: "is floated left and it" |
| 293 text run at (36,72) width 116: "has a right margin" | 293 text run at (36,72) width 116: "has a right margin" |
| 294 text run at (36,90) width 62: "of 100px." | 294 text run at (36,90) width 62: "of 100px." |
| 295 LayoutBlockFlow (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [
border: (4px solid #008000)] | 295 LayoutBlockFlow (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [
border: (4px solid #008000)] |
| 296 LayoutText {#text} at (36,36) size 122x72 | 296 LayoutText {#text} at (36,36) size 122x72 |
| 297 text run at (36,36) width 122: "This yellow square" | 297 text run at (36,36) width 122: "This yellow square" |
| 298 text run at (36,54) width 121: "is floated right and" | 298 text run at (36,54) width 120: "is floated right and" |
| 299 text run at (36,72) width 120: "it has a left margin" | 299 text run at (36,72) width 120: "it has a left margin" |
| 300 text run at (36,90) width 62: "of 100px." | 300 text run at (36,90) width 62: "of 100px." |
| 301 layer at (308,1797) size 169x270 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 | 301 layer at (308,1797) size 169x270 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 |
| 302 LayoutBlockFlow {DIV} at (300,0) size 169x270 [bgcolor=#FFA500] | 302 LayoutBlockFlow {DIV} at (300,0) size 169x270 [bgcolor=#FFA500] |
| 303 LayoutText {#text} at (0,0) size 144x18 | 303 LayoutText {#text} at (0,0) size 144x18 |
| 304 text run at (0,0) width 144: "This orange rectangle:" | 304 text run at (0,0) width 144: "This orange rectangle:" |
| 305 LayoutBR {BR} at (143,0) size 1x18 | 305 LayoutBR {BR} at (143,0) size 1x18 |
| 306 LayoutText {#text} at (0,18) size 97x18 | 306 LayoutText {#text} at (0,18) size 97x18 |
| 307 text run at (0,18) width 97: "\x{2013} establishes a " | 307 text run at (0,18) width 97: "\x{2013} establishes a " |
| 308 LayoutInline {STRONG} at (0,0) size 166x36 | 308 LayoutInline {STRONG} at (0,0) size 166x36 |
| 309 LayoutText {#text} at (96,18) size 166x36 | 309 LayoutText {#text} at (96,18) size 166x36 |
| 310 text run at (96,18) width 70: "new block" | 310 text run at (96,18) width 70: "new block" |
| 311 text run at (0,36) width 123: "formating context" | 311 text run at (0,36) width 123: "formating context" |
| 312 LayoutText {#text} at (122,36) size 168x36 | 312 LayoutText {#text} at (122,36) size 168x36 |
| 313 text run at (122,36) width 46: " thanks" | 313 text run at (122,36) width 46: " thanks" |
| 314 text run at (0,54) width 144: "to the CSS declaration" | 314 text run at (0,54) width 144: "to the CSS declaration" |
| 315 LayoutInline {CODE} at (0,0) size 125x15 | 315 LayoutInline {CODE} at (0,0) size 125x15 |
| 316 LayoutText {#text} at (0,74) size 125x15 | 316 LayoutText {#text} at (0,74) size 125x15 |
| 317 text run at (0,74) width 125: "overflow: hidden" | 317 text run at (0,74) width 125: "overflow: hidden" |
| 318 LayoutText {#text} at (124,72) size 6x18 | 318 LayoutText {#text} at (124,72) size 6x18 |
| 319 text run at (124,72) width 6: ";" | 319 text run at (124,72) width 6: ";" |
| 320 LayoutBR {BR} at (129,72) size 1x18 | 320 LayoutBR {BR} at (129,72) size 1x18 |
| 321 LayoutText {#text} at (0,90) size 151x36 | 321 LayoutText {#text} at (0,90) size 150x36 |
| 322 text run at (0,90) width 148: "\x{2013} has a 0px left margin" | 322 text run at (0,90) width 147: "\x{2013} has a 0px left margin" |
| 323 text run at (0,108) width 151: "and a 0px right margin;" | 323 text run at (0,108) width 150: "and a 0px right margin;" |
| 324 LayoutBR {BR} at (150,108) size 1x18 | 324 LayoutBR {BR} at (149,108) size 1x18 |
| 325 LayoutBR {BR} at (0,126) size 0x18 | 325 LayoutBR {BR} at (0,126) size 0x18 |
| 326 LayoutText {#text} at (0,144) size 144x18 | 326 LayoutText {#text} at (0,144) size 144x18 |
| 327 text run at (0,144) width 144: "This orange rectangle:" | 327 text run at (0,144) width 144: "This orange rectangle:" |
| 328 LayoutBR {BR} at (143,144) size 1x18 | 328 LayoutBR {BR} at (143,144) size 1x18 |
| 329 LayoutText {#text} at (0,162) size 97x18 | 329 LayoutText {#text} at (0,162) size 97x18 |
| 330 text run at (0,162) width 97: "\x{2013} establishes a " | 330 text run at (0,162) width 97: "\x{2013} establishes a " |
| 331 LayoutInline {STRONG} at (0,0) size 166x36 | 331 LayoutInline {STRONG} at (0,0) size 166x36 |
| 332 LayoutText {#text} at (96,162) size 166x36 | 332 LayoutText {#text} at (96,162) size 166x36 |
| 333 text run at (96,162) width 70: "new block" | 333 text run at (96,162) width 70: "new block" |
| 334 text run at (0,180) width 123: "formating context" | 334 text run at (0,180) width 123: "formating context" |
| 335 LayoutText {#text} at (122,180) size 168x36 | 335 LayoutText {#text} at (122,180) size 168x36 |
| 336 text run at (122,180) width 46: " thanks" | 336 text run at (122,180) width 46: " thanks" |
| 337 text run at (0,198) width 144: "to the CSS declaration" | 337 text run at (0,198) width 144: "to the CSS declaration" |
| 338 LayoutInline {CODE} at (0,0) size 125x15 | 338 LayoutInline {CODE} at (0,0) size 125x15 |
| 339 LayoutText {#text} at (0,218) size 125x15 | 339 LayoutText {#text} at (0,218) size 125x15 |
| 340 text run at (0,218) width 125: "overflow: hidden" | 340 text run at (0,218) width 125: "overflow: hidden" |
| 341 LayoutText {#text} at (124,216) size 6x18 | 341 LayoutText {#text} at (124,216) size 6x18 |
| 342 text run at (124,216) width 6: ";" | 342 text run at (124,216) width 6: ";" |
| 343 LayoutBR {BR} at (129,216) size 1x18 | 343 LayoutBR {BR} at (129,216) size 1x18 |
| 344 LayoutText {#text} at (0,234) size 151x36 | 344 LayoutText {#text} at (0,234) size 150x36 |
| 345 text run at (0,234) width 148: "\x{2013} has a 0px left margin" | 345 text run at (0,234) width 147: "\x{2013} has a 0px left margin" |
| 346 text run at (0,252) width 151: "and a 0px right margin;" | 346 text run at (0,252) width 150: "and a 0px right margin;" |
| OLD | NEW |