OLD | NEW |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2107 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2107 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 785x2107 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x2107 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 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 backgroundClip at (8,412) size 769x188 clip at (8,
412) size 769x188 outlineClip at (0,0) size 785x600 | 76 layer at (8,412) size 769x200 backgroundClip at (8,412) size 769x188 clip at (8,
412) size 769x188 outlineClip at (0,0) size 785x600 |
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 backgroundClip at (0,0) size 0x0 clip at (0,0) siz
e 0x0 outlineClip at (0,0) size 785x600 | 125 layer at (8,757) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) siz
e 0x0 outlineClip at (0,0) size 785x600 |
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 backgroundClip at (0,0) size 0x0 clip at (0,0) s
ize 0x0 outlineClip at (0,0) size 0x0 | 133 layer at (308,757) size 369x180 backgroundClip at (0,0) size 0x0 clip at (0,0) s
ize 0x0 outlineClip at (0,0) size 0x0 |
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 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 outlineClip at (0,0) size 785x600 | 175 layer at (8,1102) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 outlineClip at (0,0) size 785x600 |
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 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 outlineClip at (0,0) size 0x0 | 187 layer at (208,1102) size 369x180 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 outlineClip at (0,0) size 0x0 |
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 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 outlineClip at (0,0) size 785x600 | 229 layer at (8,1446) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 outlineClip at (0,0) size 785x600 |
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 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 outlineClip at (0,0) size 0x0 | 241 layer at (208,1446) size 369x180 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 outlineClip at (0,0) size 0x0 |
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 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 outlineClip at (0,0) size 785x600 | 283 layer at (8,1791) size 769x300 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 outlineClip at (0,0) size 785x600 |
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 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 outlineClip at (0,0) size 0x0 | 297 layer at (308,1791) size 169x300 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 outlineClip at (0,0) size 0x0 |
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 |