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 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 785x2083 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x2083 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
4 RenderBlock {HTML} at (0,0) size 785x2083.34 | 4 RenderBlock {HTML} at (0,0) size 785x2083.34 |
5 RenderBody {BODY} at (8,19.91) size 769x2047.44 | 5 RenderBody {BODY} at (8,19.91) size 769x2047.44 |
6 RenderBlock {H2} at (0,0) size 769x28 | 6 RenderBlock {H2} at (0,0) size 769x28 |
7 RenderText {#text} at (0,0) size 149x28 | 7 RenderText {#text} at (0,0) size 149x28 |
8 text run at (0,0) width 149: "Test 1 (1 float)" | 8 text run at (0,0) width 149: "Test 1 (1 float)" |
9 RenderBlock {HR} at (48,295.91) size 673x2 [border: (1px inset #EEEEEE)] | 9 RenderBlock {HR} at (48,295.91) size 673x2 [border: (1px inset #EEEEEE)] |
10 RenderBlock {H2} at (0,345.91) size 769x28 | 10 RenderBlock {H2} at (0,345.91) size 769x28 |
(...skipping 19 matching lines...) Expand all Loading... |
30 RenderBlock {DIV} at (0,47.91) size 769x200 [bgcolor=#C0C0C0] | 30 RenderBlock {DIV} at (0,47.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 125x54 | 32 RenderText {#text} at (36,36) size 125x54 |
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 125: "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 RenderBlock {DIV} at (200,0) size 469x162 [bgcolor=#FFA500] | 37 RenderBlock {DIV} at (200,0) size 469x162 [bgcolor=#FFA500] |
38 RenderText {#text} at (0,0) size 144x18 | 38 RenderText {#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 RenderBR {BR} at (143,0) size 1x18 | 40 LayoutBR {BR} at (143,0) size 1x18 |
41 RenderText {#text} at (0,18) size 97x18 | 41 RenderText {#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 RenderInline {STRONG} at (0,0) size 196x18 | 43 RenderInline {STRONG} at (0,0) size 196x18 |
44 RenderText {#text} at (96,18) size 196x18 | 44 RenderText {#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 RenderText {#text} at (291,18) size 410x36 | 46 RenderText {#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 RenderInline {CODE} at (0,0) size 125x15 | 49 RenderInline {CODE} at (0,0) size 125x15 |
50 RenderText {#text} at (75,38) size 125x15 | 50 RenderText {#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 RenderText {#text} at (199,36) size 6x18 | 52 RenderText {#text} at (199,36) size 6x18 |
53 text run at (199,36) width 6: ";" | 53 text run at (199,36) width 6: ";" |
54 RenderBR {BR} at (204,36) size 1x18 | 54 LayoutBR {BR} at (204,36) size 1x18 |
55 RenderText {#text} at (0,54) size 334x18 | 55 RenderText {#text} at (0,54) size 334x18 |
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 334: "\x{2013} has a 100px left margin and a 100p
x right margin;" |
57 RenderBR {BR} at (333,54) size 1x18 | 57 LayoutBR {BR} at (333,54) size 1x18 |
58 RenderBR {BR} at (0,72) size 0x18 | 58 LayoutBR {BR} at (0,72) size 0x18 |
59 RenderText {#text} at (0,90) size 144x18 | 59 RenderText {#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 RenderBR {BR} at (143,90) size 1x18 | 61 LayoutBR {BR} at (143,90) size 1x18 |
62 RenderText {#text} at (0,108) size 97x18 | 62 RenderText {#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 RenderInline {STRONG} at (0,0) size 196x18 | 64 RenderInline {STRONG} at (0,0) size 196x18 |
65 RenderText {#text} at (96,108) size 196x18 | 65 RenderText {#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 RenderText {#text} at (291,108) size 410x36 | 67 RenderText {#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 RenderInline {CODE} at (0,0) size 125x15 | 70 RenderInline {CODE} at (0,0) size 125x15 |
71 RenderText {#text} at (75,128) size 125x15 | 71 RenderText {#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 RenderText {#text} at (199,126) size 6x18 | 73 RenderText {#text} at (199,126) size 6x18 |
74 text run at (199,126) width 6: ";" | 74 text run at (199,126) width 6: ";" |
75 RenderBR {BR} at (204,126) size 1x18 | 75 LayoutBR {BR} at (204,126) size 1x18 |
76 RenderText {#text} at (0,144) size 334x18 | 76 RenderText {#text} at (0,144) size 334x18 |
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 334: "\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 outlineClip at (0,0) size 785x600 | 78 layer at (8,414) size 769x200 backgroundClip at (8,414) size 769x186 clip at (8,
414) size 769x186 outlineClip at (0,0) size 785x600 |
79 RenderBlock {DIV} at (0,393.81) size 769x200 [bgcolor=#C0C0C0] | 79 RenderBlock {DIV} at (0,393.81) size 769x200 [bgcolor=#C0C0C0] |
80 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 80 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
81 RenderText {#text} at (36,36) size 125x54 | 81 RenderText {#text} at (36,36) size 125x54 |
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 125: "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 RenderBlock {DIV} at (200,0) size 569x162 [bgcolor=#FFA500] | 86 RenderBlock {DIV} at (200,0) size 569x162 [bgcolor=#FFA500] |
87 RenderText {#text} at (0,0) size 144x18 | 87 RenderText {#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 RenderBR {BR} at (143,0) size 1x18 | 89 LayoutBR {BR} at (143,0) size 1x18 |
90 RenderText {#text} at (0,18) size 97x18 | 90 RenderText {#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 RenderInline {STRONG} at (0,0) size 196x18 | 92 RenderInline {STRONG} at (0,0) size 196x18 |
93 RenderText {#text} at (96,18) size 196x18 | 93 RenderText {#text} at (96,18) size 196x18 |
94 text run at (96,18) width 196: "new block formating context" | 94 text run at (96,18) width 196: "new block formating context" |
95 RenderText {#text} at (291,18) size 198x18 | 95 RenderText {#text} at (291,18) size 198x18 |
96 text run at (291,18) width 198: " thanks to the CSS declaration " | 96 text run at (291,18) width 198: " thanks to the CSS declaration " |
97 RenderInline {CODE} at (0,0) size 560x33 | 97 RenderInline {CODE} at (0,0) size 560x33 |
98 RenderText {#text} at (488,20) size 560x33 | 98 RenderText {#text} at (488,20) size 560x33 |
99 text run at (488,20) width 72: "overflow:" | 99 text run at (488,20) width 72: "overflow:" |
100 text run at (0,38) width 47: "hidden" | 100 text run at (0,38) width 47: "hidden" |
101 RenderText {#text} at (46,36) size 6x18 | 101 RenderText {#text} at (46,36) size 6x18 |
102 text run at (46,36) width 6: ";" | 102 text run at (46,36) width 6: ";" |
103 RenderBR {BR} at (51,36) size 1x18 | 103 LayoutBR {BR} at (51,36) size 1x18 |
104 RenderText {#text} at (0,54) size 168x18 | 104 RenderText {#text} at (0,54) size 168x18 |
105 text run at (0,54) width 168: "\x{2013} has a 200px left margin;" | 105 text run at (0,54) width 168: "\x{2013} has a 200px left margin;" |
106 RenderBR {BR} at (167,54) size 1x18 | 106 LayoutBR {BR} at (167,54) size 1x18 |
107 RenderBR {BR} at (0,72) size 0x18 | 107 LayoutBR {BR} at (0,72) size 0x18 |
108 RenderText {#text} at (0,90) size 144x18 | 108 RenderText {#text} at (0,90) size 144x18 |
109 text run at (0,90) width 144: "This orange rectangle:" | 109 text run at (0,90) width 144: "This orange rectangle:" |
110 RenderBR {BR} at (143,90) size 1x18 | 110 LayoutBR {BR} at (143,90) size 1x18 |
111 RenderText {#text} at (0,108) size 97x18 | 111 RenderText {#text} at (0,108) size 97x18 |
112 text run at (0,108) width 97: "\x{2013} establishes a " | 112 text run at (0,108) width 97: "\x{2013} establishes a " |
113 RenderInline {STRONG} at (0,0) size 196x18 | 113 RenderInline {STRONG} at (0,0) size 196x18 |
114 RenderText {#text} at (96,108) size 196x18 | 114 RenderText {#text} at (96,108) size 196x18 |
115 text run at (96,108) width 196: "new block formating context" | 115 text run at (96,108) width 196: "new block formating context" |
116 RenderText {#text} at (291,108) size 198x18 | 116 RenderText {#text} at (291,108) size 198x18 |
117 text run at (291,108) width 198: " thanks to the CSS declaration " | 117 text run at (291,108) width 198: " thanks to the CSS declaration " |
118 RenderInline {CODE} at (0,0) size 560x33 | 118 RenderInline {CODE} at (0,0) size 560x33 |
119 RenderText {#text} at (488,110) size 560x33 | 119 RenderText {#text} at (488,110) size 560x33 |
120 text run at (488,110) width 72: "overflow:" | 120 text run at (488,110) width 72: "overflow:" |
121 text run at (0,128) width 47: "hidden" | 121 text run at (0,128) width 47: "hidden" |
122 RenderText {#text} at (46,126) size 6x18 | 122 RenderText {#text} at (46,126) size 6x18 |
123 text run at (46,126) width 6: ";" | 123 text run at (46,126) width 6: ";" |
124 RenderBR {BR} at (51,126) size 1x18 | 124 LayoutBR {BR} at (51,126) size 1x18 |
125 RenderText {#text} at (0,144) size 168x18 | 125 RenderText {#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 outlineClip at (0,0) size 785x600 | 127 layer at (8,760) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) siz
e 0x0 outlineClip at (0,0) size 785x600 |
128 RenderBlock {DIV} at (0,739.72) size 769x200 [bgcolor=#C0C0C0] | 128 RenderBlock {DIV} at (0,739.72) size 769x200 [bgcolor=#C0C0C0] |
129 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 129 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
130 RenderText {#text} at (36,36) size 123x72 | 130 RenderText {#text} at (36,36) size 123x72 |
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 123: "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 outlineClip at (0,0) size 0x0 | 135 layer at (308,760) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0) s
ize 0x0 outlineClip at (0,0) size 0x0 |
136 RenderBlock {DIV} at (300,0) size 369x162 [bgcolor=#FFA500] | 136 RenderBlock {DIV} at (300,0) size 369x162 [bgcolor=#FFA500] |
137 RenderText {#text} at (0,0) size 144x18 | 137 RenderText {#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 RenderBR {BR} at (143,0) size 1x18 | 139 LayoutBR {BR} at (143,0) size 1x18 |
140 RenderText {#text} at (0,18) size 97x18 | 140 RenderText {#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 RenderInline {STRONG} at (0,0) size 196x18 | 142 RenderInline {STRONG} at (0,0) size 196x18 |
143 RenderText {#text} at (96,18) size 196x18 | 143 RenderText {#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 RenderText {#text} at (291,18) size 354x36 | 145 RenderText {#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 RenderInline {CODE} at (0,0) size 125x15 | 148 RenderInline {CODE} at (0,0) size 125x15 |
149 RenderText {#text} at (131,38) size 125x15 | 149 RenderText {#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 RenderText {#text} at (255,36) size 6x18 | 151 RenderText {#text} at (255,36) size 6x18 |
152 text run at (255,36) width 6: ";" | 152 text run at (255,36) width 6: ";" |
153 RenderBR {BR} at (260,36) size 1x18 | 153 LayoutBR {BR} at (260,36) size 1x18 |
154 RenderText {#text} at (0,54) size 318x18 | 154 RenderText {#text} at (0,54) size 318x18 |
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 318: "\x{2013} has a 0px left margin and a 100px
right margin;" |
156 RenderBR {BR} at (317,54) size 1x18 | 156 LayoutBR {BR} at (317,54) size 1x18 |
157 RenderBR {BR} at (0,72) size 0x18 | 157 LayoutBR {BR} at (0,72) size 0x18 |
158 RenderText {#text} at (0,90) size 144x18 | 158 RenderText {#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 RenderBR {BR} at (143,90) size 1x18 | 160 LayoutBR {BR} at (143,90) size 1x18 |
161 RenderText {#text} at (0,108) size 97x18 | 161 RenderText {#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 RenderInline {STRONG} at (0,0) size 196x18 | 163 RenderInline {STRONG} at (0,0) size 196x18 |
164 RenderText {#text} at (96,108) size 196x18 | 164 RenderText {#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 RenderText {#text} at (291,108) size 354x36 | 166 RenderText {#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 RenderInline {CODE} at (0,0) size 125x15 | 169 RenderInline {CODE} at (0,0) size 125x15 |
170 RenderText {#text} at (131,128) size 125x15 | 170 RenderText {#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 RenderText {#text} at (255,126) size 6x18 | 172 RenderText {#text} at (255,126) size 6x18 |
173 text run at (255,126) width 6: ";" | 173 text run at (255,126) width 6: ";" |
174 RenderBR {BR} at (260,126) size 1x18 | 174 LayoutBR {BR} at (260,126) size 1x18 |
175 RenderText {#text} at (0,144) size 318x18 | 175 RenderText {#text} at (0,144) size 318x18 |
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 318: "\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 outlineClip at (0,0) size 785x600 | 177 layer at (8,1106) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 outlineClip at (0,0) size 785x600 |
178 RenderBlock {DIV} at (0,1085.63) size 769x200 [bgcolor=#C0C0C0] | 178 RenderBlock {DIV} at (0,1085.63) size 769x200 [bgcolor=#C0C0C0] |
179 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 179 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
180 RenderText {#text} at (36,36) size 125x54 | 180 RenderText {#text} at (36,36) size 125x54 |
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 125: "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 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] | 184 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] |
185 RenderText {#text} at (36,36) size 122x72 | 185 RenderText {#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 105: "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 outlineClip at (0,0) size 0x0 | 190 layer at (208,1106) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 outlineClip at (0,0) size 0x0 |
191 RenderBlock {DIV} at (200,0) size 369x162 [bgcolor=#FFA500] | 191 RenderBlock {DIV} at (200,0) size 369x162 [bgcolor=#FFA500] |
192 RenderText {#text} at (0,0) size 144x18 | 192 RenderText {#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 RenderBR {BR} at (143,0) size 1x18 | 194 LayoutBR {BR} at (143,0) size 1x18 |
195 RenderText {#text} at (0,18) size 97x18 | 195 RenderText {#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 RenderInline {STRONG} at (0,0) size 196x18 | 197 RenderInline {STRONG} at (0,0) size 196x18 |
198 RenderText {#text} at (96,18) size 196x18 | 198 RenderText {#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 RenderText {#text} at (291,18) size 354x36 | 200 RenderText {#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 RenderInline {CODE} at (0,0) size 125x15 | 203 RenderInline {CODE} at (0,0) size 125x15 |
204 RenderText {#text} at (131,38) size 125x15 | 204 RenderText {#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 RenderText {#text} at (255,36) size 6x18 | 206 RenderText {#text} at (255,36) size 6x18 |
207 text run at (255,36) width 6: ";" | 207 text run at (255,36) width 6: ";" |
208 RenderBR {BR} at (260,36) size 1x18 | 208 LayoutBR {BR} at (260,36) size 1x18 |
209 RenderText {#text} at (0,54) size 334x18 | 209 RenderText {#text} at (0,54) size 334x18 |
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 334: "\x{2013} has a 100px left margin and a 100p
x right margin;" |
211 RenderBR {BR} at (333,54) size 1x18 | 211 LayoutBR {BR} at (333,54) size 1x18 |
212 RenderBR {BR} at (0,72) size 0x18 | 212 LayoutBR {BR} at (0,72) size 0x18 |
213 RenderText {#text} at (0,90) size 144x18 | 213 RenderText {#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 RenderBR {BR} at (143,90) size 1x18 | 215 LayoutBR {BR} at (143,90) size 1x18 |
216 RenderText {#text} at (0,108) size 97x18 | 216 RenderText {#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 RenderInline {STRONG} at (0,0) size 196x18 | 218 RenderInline {STRONG} at (0,0) size 196x18 |
219 RenderText {#text} at (96,108) size 196x18 | 219 RenderText {#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 RenderText {#text} at (291,108) size 354x36 | 221 RenderText {#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 RenderInline {CODE} at (0,0) size 125x15 | 224 RenderInline {CODE} at (0,0) size 125x15 |
225 RenderText {#text} at (131,128) size 125x15 | 225 RenderText {#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 RenderText {#text} at (255,126) size 6x18 | 227 RenderText {#text} at (255,126) size 6x18 |
228 text run at (255,126) width 6: ";" | 228 text run at (255,126) width 6: ";" |
229 RenderBR {BR} at (260,126) size 1x18 | 229 LayoutBR {BR} at (260,126) size 1x18 |
230 RenderText {#text} at (0,144) size 334x18 | 230 RenderText {#text} at (0,144) size 334x18 |
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 334: "\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 outlineClip at (0,0) size 785x600 | 232 layer at (8,1451) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 outlineClip at (0,0) size 785x600 |
233 RenderBlock {DIV} at (0,1431.53) size 769x200 [bgcolor=#C0C0C0] | 233 RenderBlock {DIV} at (0,1431.53) size 769x200 [bgcolor=#C0C0C0] |
234 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 234 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
235 RenderText {#text} at (36,36) size 125x54 | 235 RenderText {#text} at (36,36) size 125x54 |
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 125: "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 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] | 239 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] |
240 RenderText {#text} at (36,36) size 122x72 | 240 RenderText {#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 105: "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 outlineClip at (0,0) size 0x0 | 245 layer at (208,1451) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 outlineClip at (0,0) size 0x0 |
246 RenderBlock {DIV} at (200,0) size 369x162 [bgcolor=#FFA500] | 246 RenderBlock {DIV} at (200,0) size 369x162 [bgcolor=#FFA500] |
247 RenderText {#text} at (0,0) size 144x18 | 247 RenderText {#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 RenderBR {BR} at (143,0) size 1x18 | 249 LayoutBR {BR} at (143,0) size 1x18 |
250 RenderText {#text} at (0,18) size 97x18 | 250 RenderText {#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 RenderInline {STRONG} at (0,0) size 196x18 | 252 RenderInline {STRONG} at (0,0) size 196x18 |
253 RenderText {#text} at (96,18) size 196x18 | 253 RenderText {#text} at (96,18) size 196x18 |
254 text run at (96,18) width 196: "new block formating context" | 254 text run at (96,18) width 196: "new block formating context" |
255 RenderText {#text} at (291,18) size 354x36 | 255 RenderText {#text} at (291,18) size 354x36 |
256 text run at (291,18) width 63: " thanks to" | 256 text run at (291,18) width 63: " thanks to" |
257 text run at (0,36) width 132: "the CSS declaration " | 257 text run at (0,36) width 132: "the CSS declaration " |
258 RenderInline {CODE} at (0,0) size 125x15 | 258 RenderInline {CODE} at (0,0) size 125x15 |
259 RenderText {#text} at (131,38) size 125x15 | 259 RenderText {#text} at (131,38) size 125x15 |
260 text run at (131,38) width 125: "overflow: hidden" | 260 text run at (131,38) width 125: "overflow: hidden" |
261 RenderText {#text} at (255,36) size 6x18 | 261 RenderText {#text} at (255,36) size 6x18 |
262 text run at (255,36) width 6: ";" | 262 text run at (255,36) width 6: ";" |
263 RenderBR {BR} at (260,36) size 1x18 | 263 LayoutBR {BR} at (260,36) size 1x18 |
264 RenderText {#text} at (0,54) size 177x18 | 264 RenderText {#text} at (0,54) size 177x18 |
265 text run at (0,54) width 177: "\x{2013} has a 200px right margin;" | 265 text run at (0,54) width 177: "\x{2013} has a 200px right margin;" |
266 RenderBR {BR} at (176,54) size 1x18 | 266 LayoutBR {BR} at (176,54) size 1x18 |
267 RenderBR {BR} at (0,72) size 0x18 | 267 LayoutBR {BR} at (0,72) size 0x18 |
268 RenderText {#text} at (0,90) size 144x18 | 268 RenderText {#text} at (0,90) size 144x18 |
269 text run at (0,90) width 144: "This orange rectangle:" | 269 text run at (0,90) width 144: "This orange rectangle:" |
270 RenderBR {BR} at (143,90) size 1x18 | 270 LayoutBR {BR} at (143,90) size 1x18 |
271 RenderText {#text} at (0,108) size 97x18 | 271 RenderText {#text} at (0,108) size 97x18 |
272 text run at (0,108) width 97: "\x{2013} establishes a " | 272 text run at (0,108) width 97: "\x{2013} establishes a " |
273 RenderInline {STRONG} at (0,0) size 196x18 | 273 RenderInline {STRONG} at (0,0) size 196x18 |
274 RenderText {#text} at (96,108) size 196x18 | 274 RenderText {#text} at (96,108) size 196x18 |
275 text run at (96,108) width 196: "new block formating context" | 275 text run at (96,108) width 196: "new block formating context" |
276 RenderText {#text} at (291,108) size 354x36 | 276 RenderText {#text} at (291,108) size 354x36 |
277 text run at (291,108) width 63: " thanks to" | 277 text run at (291,108) width 63: " thanks to" |
278 text run at (0,126) width 132: "the CSS declaration " | 278 text run at (0,126) width 132: "the CSS declaration " |
279 RenderInline {CODE} at (0,0) size 125x15 | 279 RenderInline {CODE} at (0,0) size 125x15 |
280 RenderText {#text} at (131,128) size 125x15 | 280 RenderText {#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 RenderText {#text} at (255,126) size 6x18 | 282 RenderText {#text} at (255,126) size 6x18 |
283 text run at (255,126) width 6: ";" | 283 text run at (255,126) width 6: ";" |
284 RenderBR {BR} at (260,126) size 1x18 | 284 LayoutBR {BR} at (260,126) size 1x18 |
285 RenderText {#text} at (0,144) size 177x18 | 285 RenderText {#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 outlineClip at (0,0) size 785x600 | 287 layer at (8,1797) size 769x270 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 outlineClip at (0,0) size 785x600 |
288 RenderBlock {DIV} at (0,1777.44) size 769x270 [bgcolor=#C0C0C0] | 288 RenderBlock {DIV} at (0,1777.44) size 769x270 [bgcolor=#C0C0C0] |
289 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 289 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
290 RenderText {#text} at (36,36) size 125x72 | 290 RenderText {#text} at (36,36) size 125x72 |
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 125: "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 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] | 295 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] |
296 RenderText {#text} at (36,36) size 122x72 | 296 RenderText {#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 121: "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 outlineClip at (0,0) size 0x0 | 301 layer at (308,1797) size 169x270 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 outlineClip at (0,0) size 0x0 |
302 RenderBlock {DIV} at (300,0) size 169x270 [bgcolor=#FFA500] | 302 RenderBlock {DIV} at (300,0) size 169x270 [bgcolor=#FFA500] |
303 RenderText {#text} at (0,0) size 144x18 | 303 RenderText {#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 RenderBR {BR} at (143,0) size 1x18 | 305 LayoutBR {BR} at (143,0) size 1x18 |
306 RenderText {#text} at (0,18) size 97x18 | 306 RenderText {#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 RenderInline {STRONG} at (0,0) size 166x36 | 308 RenderInline {STRONG} at (0,0) size 166x36 |
309 RenderText {#text} at (96,18) size 166x36 | 309 RenderText {#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 RenderText {#text} at (122,36) size 168x36 | 312 RenderText {#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 RenderInline {CODE} at (0,0) size 125x15 | 315 RenderInline {CODE} at (0,0) size 125x15 |
316 RenderText {#text} at (0,74) size 125x15 | 316 RenderText {#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 RenderText {#text} at (124,72) size 6x18 | 318 RenderText {#text} at (124,72) size 6x18 |
319 text run at (124,72) width 6: ";" | 319 text run at (124,72) width 6: ";" |
320 RenderBR {BR} at (129,72) size 1x18 | 320 LayoutBR {BR} at (129,72) size 1x18 |
321 RenderText {#text} at (0,90) size 151x36 | 321 RenderText {#text} at (0,90) size 151x36 |
322 text run at (0,90) width 148: "\x{2013} has a 0px left margin" | 322 text run at (0,90) width 148: "\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 151: "and a 0px right margin;" |
324 RenderBR {BR} at (150,108) size 1x18 | 324 LayoutBR {BR} at (150,108) size 1x18 |
325 RenderBR {BR} at (0,126) size 0x18 | 325 LayoutBR {BR} at (0,126) size 0x18 |
326 RenderText {#text} at (0,144) size 144x18 | 326 RenderText {#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 RenderBR {BR} at (143,144) size 1x18 | 328 LayoutBR {BR} at (143,144) size 1x18 |
329 RenderText {#text} at (0,162) size 97x18 | 329 RenderText {#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 RenderInline {STRONG} at (0,0) size 166x36 | 331 RenderInline {STRONG} at (0,0) size 166x36 |
332 RenderText {#text} at (96,162) size 166x36 | 332 RenderText {#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 RenderText {#text} at (122,180) size 168x36 | 335 RenderText {#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 RenderInline {CODE} at (0,0) size 125x15 | 338 RenderInline {CODE} at (0,0) size 125x15 |
339 RenderText {#text} at (0,218) size 125x15 | 339 RenderText {#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 RenderText {#text} at (124,216) size 6x18 | 341 RenderText {#text} at (124,216) size 6x18 |
342 text run at (124,216) width 6: ";" | 342 text run at (124,216) width 6: ";" |
343 RenderBR {BR} at (129,216) size 1x18 | 343 LayoutBR {BR} at (129,216) size 1x18 |
344 RenderText {#text} at (0,234) size 151x36 | 344 RenderText {#text} at (0,234) size 151x36 |
345 text run at (0,234) width 148: "\x{2013} has a 0px left margin" | 345 text run at (0,234) width 148: "\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 151: "and a 0px right margin;" |
OLD | NEW |