1 layer at (0,0) size 785x4165
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x4165
4 RenderBlock {HTML} at (0,0) size 785x4165.31
5 RenderBody {BODY} at (8,8) size 769x4149.31 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 769x16
7 RenderText {#text} at (0,0) size 363x16
8 text run at (0,0) width 363: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,32) size 769x234
10 RenderText {#text} at (0,0) size 500x234
11 text run at (0,0) width 157: "P {font-size: 12pt;}"
12 text run at (156,0) width 1: " "
13 text run at (0,13) width 211: ".one {vertical-align: sub;}"
14 text run at (210,13) width 1: " "
15 text run at (0,26) width 227: ".two {vertical-align: super;}"
16 text run at (226,26) width 1: " "
17 text run at (0,39) width 359: ".three {vertical-align: top; font-size: 12pt;}"
18 text run at (358,39) width 1: " "
19 text run at (0,52) width 391: ".four {vertical-align: text-top; font-size: 12pt;}"
20 text run at (390,52) width 1: " "
21 text run at (0,65) width 375: ".five {vertical-align: middle; font-size: 12pt;}"
22 text run at (374,65) width 1: " "
23 text run at (0,78) width 367: ".six {vertical-align: bottom; font-size: 12pt;}"
24 text run at (366,78) width 1: " "
25 text run at (0,91) width 422: ".seven {vertical-align: text-bottom; font-size: 12pt;}"
26 text run at (421,91) width 1: " "
27 text run at (0,104) width 398: ".eight {vertical-align: baseline; font-size: 12pt;}"
28 text run at (397,104) width 1: " "
29 text run at (0,117) width 500: ".nine {vertical-align: 50%; font-size: 12px; line-height: 16px;}"
30 text run at (499,117) width 1: " "
31 text run at (0,130) width 0: " "
32 text run at (0,143) width 219: "P.example {font-size: 14pt;}"
33 text run at (218,143) width 1: " "
34 text run at (0,156) width 172: "BIG {font-size: 16pt;}"
35 text run at (171,156) width 1: " "
36 text run at (0,169) width 188: "SMALL {font-size: 12pt;}"
37 text run at (187,169) width 1: " "
38 text run at (0,182) width 297: ".ttopalign {vertical-align: text-top;}"
39 text run at (296,182) width 1: " "
40 text run at (0,195) width 250: ".topalign {vertical-align: top;}"
41 text run at (249,195) width 1: " "
42 text run at (0,208) width 274: ".midalign {vertical-align: middle;}"
43 text run at (273,208) width 1: " "
44 text run at (0,221) width 0: " "
45 RenderBlock {HR} at (0,279) size 769x2 [border: (1px inset #EEEEEE)]
46 RenderBlock {P} at (0,297) size 769x74
47 RenderImage {IMG} at (0,0) size 15x50
48 RenderInline {SPAN} at (0,0) size 129x16
49 RenderText {#text} at (15,42) size 129x16
50 text run at (15,42) width 129: "The first four words"
51 RenderText {#text} at (143,38) size 766x36
52 text run at (143,38) width 292: " in this sentence should be subscript-aligned. "
53 text run at (434,38) width 332: "The font size of the superscripted text should not be"
54 text run at (0,58) width 262: "different from that of the parent element."
55 RenderBlock {P} at (0,387) size 769x70
56 RenderImage {IMG} at (0,0) size 15x50
57 RenderInline {SPAN} at (0,0) size 129x16
58 RenderText {#text} at (15,32) size 129x16
59 text run at (15,32) width 129: "The first four words"
60 RenderText {#text} at (143,38) size 766x32
61 text run at (143,38) width 304: " in this sentence should be superscript-aligned. "
62 text run at (446,38) width 320: "The font size of the subscripted text should not be"
63 text run at (0,54) width 262: "different from that of the parent element."
64 RenderBlock {P} at (0,473) size 769x70
65 RenderImage {IMG} at (0,0) size 15x50
66 RenderInline {SPAN} at (0,0) size 129x16
67 RenderText {#text} at (15,0) size 129x16
68 text run at (15,0) width 129: "The first four words"
69 RenderText {#text} at (143,38) size 729x32
70 text run at (143,38) width 586: " in this sentence should be top-aligned, which will align their tops with the top of the tallest"
71 text run at (0,54) width 328: "element in the line (probably the orange rectangle)."
72 RenderBlock {P} at (0,559) size 769x122
73 RenderImage {IMG} at (0,0) size 15x50
74 RenderText {#text} at (15,38) size 4x16
75 text run at (15,38) width 4: " "
76 RenderInline {SPAN} at (0,0) size 755x96
77 RenderText {#text} at (0,0) size 0x0
78 RenderInline {SPAN} at (0,0) size 129x16
79 RenderText {#text} at (19,26) size 129x16
80 text run at (19,26) width 129: "The first four words"
81 RenderText {#text} at (147,26) size 755x96
82 text run at (147,26) width 558: " in this sentence should be text-top-aligned,"
83 text run at (0,58) width 755: "which should align their tops with the top of the tallest text"
84 text run at (0,90) width 136: "in the line."
85 RenderText {#text} at (0,0) size 0x0
86 RenderBlock {P} at (0,697) size 769x66
87 RenderImage {IMG} at (0,0) size 15x50
88 RenderText {#text} at (15,17) size 755x49
89 text run at (15,17) width 740: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with the point"
90 text run at (0,50) width 318: "defined as the text baseline plus half the x-height."
91 RenderBlock {P} at (0,779) size 769x114
92 RenderImage {IMG} at (0,0) size 15x50
93 RenderText {#text} at (15,12) size 4x16
94 text run at (15,12) width 4: " "
95 RenderInline {SPAN} at (0,0) size 733x114
96 RenderText {#text} at (0,0) size 0x0
97 RenderInline {SPAN} at (0,0) size 129x16
98 RenderText {#text} at (19,34) size 129x16
99 text run at (19,34) width 129: "The first four words"
100 RenderText {#text} at (147,0) size 733x114
101 text run at (147,0) width 547: " in this sentence should be 12pt in size and"
102 text run at (0,50) width 733: "bottom-aligned, which should align their bottom with the"
103 text run at (0,82) width 518: "bottom of the lowest element in the line."
104 RenderText {#text} at (0,0) size 0x0
105 RenderBlock {P} at (0,909) size 769x146
106 RenderImage {IMG} at (0,0) size 15x50
107 RenderText {#text} at (15,12) size 4x16
108 text run at (15,12) width 4: " "
109 RenderInline {SPAN} at (0,0) size 752x146
110 RenderText {#text} at (0,0) size 0x0
111 RenderInline {SPAN} at (0,0) size 298x16
112 RenderText {#text} at (19,16) size 298x16
113 text run at (19,16) width 298: "The first eight words (\"eight\" has a descender)"
114 RenderText {#text} at (316,0) size 752x146
115 text run at (316,0) width 436: " in this sentence should be 12pt in"
116 text run at (0,50) width 693: "size and text-bottom-aligned, which should align their"
117 text run at (0,82) width 671: "bottom with the bottom of the lowest text (including"
118 text run at (0,114) width 295: "descenders) in the line."
119 RenderText {#text} at (0,0) size 0x0
120 RenderBlock {P} at (0,1071) size 769x122
121 RenderImage {IMG} at (0,0) size 15x50
122 RenderText {#text} at (15,38) size 4x16
123 text run at (15,38) width 4: " "
124 RenderInline {SPAN} at (0,0) size 761x96
125 RenderText {#text} at (0,0) size 0x0
126 RenderInline {SPAN} at (0,0) size 129x16
127 RenderText {#text} at (19,38) size 129x16
128 text run at (19,38) width 129: "The first four words"
129 RenderText {#text} at (147,26) size 761x96
130 text run at (147,26) width 547: " in this sentence should be 12pt in size and"
131 text run at (0,58) width 761: "baseline-aligned, which should align their baseline with the"
132 text run at (0,90) width 523: "baseline of the rest of the text in the line."
133 RenderText {#text} at (0,0) size 0x0
134 RenderBlock {P} at (0,1209) size 769x70
135 RenderImage {IMG} at (0,0) size 15x50
136 RenderInline {SPAN} at (0,0) size 97x12
137 RenderText {#text} at (15,33) size 97x12
138 text run at (15,33) width 97: "The first four words"
139 RenderText {#text} at (111,38) size 764x32
140 text run at (111,38) width 653: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-aligned,"
141 text run at (0,54) width 385: "which should raise them 8px relative to the natural baseline."
142 RenderBlock {P} at (0,1295) size 769x32
143 RenderText {#text} at (0,0) size 760x32
144 text run at (0,0) width 760: "In the following paragraph, all images should be aligned with the top of the 14-point text, which is identical to the first"
145 text run at (0,16) width 676: "section of text, whereas any size text should be aligned with the text baseline (which is the default value)."
146 RenderBlock {P} at (0,1345.66) size 769x304
147 RenderText {#text} at (0,21) size 118x19
148 text run at (0,21) width 118: "This paragraph "
149 RenderImage {IMG} at (117.09,21) size 9x30
150 RenderText {#text} at (126,21) size 5x19
151 text run at (126,21) width 5: " "
152 RenderInline {SPAN} at (0,0) size 416x47
153 RenderText {#text} at (130,0) size 416x47
154 text run at (130,0) width 416: "contains many images"
155 RenderText {#text} at (545,21) size 6x19
156 text run at (545,21) width 6: " "
157 RenderImage {IMG} at (550.08,21) size 15x50
158 RenderText {#text} at (565,21) size 5x19
159 text run at (565,21) width 5: " "
160 RenderInline {BIG} at (0,0) size 156x21
161 RenderText {#text} at (569,19) size 156x21
162 text run at (569,19) width 156: "of varying heights"
163 RenderText {#text} at (724,21) size 6x19
164 text run at (724,21) width 6: " "
165 RenderImage {IMG} at (729.61,21) size 3x10
166 RenderText {#text} at (732,21) size 6x19
167 text run at (732,21) width 6: " "
168 RenderInline {SMALL} at (0,0) size 761x105
169 RenderText {#text} at (737,23) size 761x105
170 text run at (737,23) width 24: "and"
171 text run at (0,112) width 43: "widths"
172 RenderText {#text} at (42,110) size 6x19
173 text run at (42,110) width 6: " "
174 RenderImage {IMG} at (47.33,110) size 6x20
175 RenderText {#text} at (53,110) size 99x19
176 text run at (53,110) width 99: " all of which "
177 RenderImage {IMG} at (151.78,110) size 20x65
178 RenderText {#text} at (171,110) size 6x19
179 text run at (171,110) width 6: " "
180 RenderInline {SPAN} at (0,0) size 264x37
181 RenderText {#text} at (176,96) size 264x37
182 text run at (176,96) width 264: "should be aligned"
183 RenderText {#text} at (439,110) size 6x19
184 text run at (439,110) width 6: " "
185 RenderImage {IMG} at (444.45,110) size 11x35
186 RenderText {#text} at (455,110) size 120x19
187 text run at (455,110) width 120: " with the top of "
188 RenderImage {IMG} at (574.14,110) size 9x30
189 RenderText {#text} at (583,110) size 5x19
190 text run at (583,110) width 5: " "
191 RenderInline {SPAN} at (0,0) size 701x132
192 RenderText {#text} at (587,103) size 21x28
193 text run at (587,103) width 21: "a "
194 RenderInline {SPAN} at (0,0) size 701x175
195 RenderText {#text} at (607,71) size 701x175
196 text run at (607,71) width 94: "14-"
197 text run at (0,175) width 144: "point"
198 RenderText {#text} at (143,207) size 146x28
199 text run at (143,207) width 146: " text element"
200 RenderText {#text} at (288,214) size 6x19
201 text run at (288,214) width 6: " "
202 RenderImage {IMG} at (293.16,214) size 15x50
203 RenderText {#text} at (308,214) size 5x19
204 text run at (308,214) width 5: " "
205 RenderInline {SMALL} at (0,0) size 195x16
206 RenderText {#text} at (312,216) size 195x16
207 text run at (312,216) width 195: "regardless of the line in which"
208 RenderText {#text} at (506,214) size 5x19
209 text run at (506,214) width 5: " "
210 RenderImage {IMG} at (510.77,214) size 5x15
211 RenderText {#text} at (515,214) size 6x19
212 text run at (515,214) width 6: " "
213 RenderInline {BIG} at (0,0) size 160x21
214 RenderText {#text} at (520,212) size 160x21
215 text run at (520,212) width 160: "the images appear."
216 RenderText {#text} at (679,214) size 6x19
217 text run at (679,214) width 6: " "
218 RenderImage {IMG} at (684.41,214) size 27x90
219 RenderText {#text} at (0,0) size 0x0
220 RenderBlock {P} at (0,1668.31) size 769x32
221 RenderText {#text} at (0,0) size 765x32
222 text run at (0,0) width 765: "In the following paragraph, all images should be aligned with the middle of the default text, whereas any text should be"
223 text run at (0,16) width 371: "aligned with the text baseline (which is the default value)."
224 RenderBlock {P} at (0,1716.31) size 769x215
225 RenderText {#text} at (0,18) size 101x16
226 text run at (0,18) width 101: "This paragraph "
227 RenderImage {IMG} at (100.41,11) size 9x30
228 RenderText {#text} at (109,18) size 5x16
229 text run at (109,18) width 5: " "
230 RenderInline {SPAN} at (0,0) size 356x40
231 RenderText {#text} at (113,0) size 356x40
232 text run at (113,0) width 356: "contains many images"
233 RenderText {#text} at (468,18) size 5x16
234 text run at (468,18) width 5: " "
235 RenderImage {IMG} at (472.88,1) size 15x50
236 RenderText {#text} at (487,18) size 126x16
237 text run at (487,18) width 126: " of varying heights "
238 RenderImage {IMG} at (612.30,21) size 3x10
239 RenderText {#text} at (615,18) size 5x16
240 text run at (615,18) width 5: " "
241 RenderInline {SMALL} at (0,0) size 71x16
242 RenderText {#text} at (619,18) size 71x16
243 text run at (619,18) width 71: "and widths"
244 RenderText {#text} at (689,18) size 5x16
245 text run at (689,18) width 5: " "
246 RenderImage {IMG} at (693.06,16) size 6x20
247 RenderText {#text} at (699,18) size 737x82
248 text run at (699,18) width 38: " all of"
249 text run at (0,84) width 44: "which "
250 RenderImage {IMG} at (43.09,60) size 20x65
251 RenderText {#text} at (63,84) size 121x16
252 text run at (63,84) width 121: " should be aligned "
253 RenderImage {IMG} at (183.97,75) size 11x35
254 RenderText {#text} at (194,84) size 5x16
255 text run at (194,84) width 5: " "
256 RenderInline {SPAN} at (0,0) size 237x32
257 RenderText {#text} at (198,72) size 237x32
258 text run at (198,72) width 237: "with the middle of"
259 RenderText {#text} at (434,84) size 5x16
260 text run at (434,84) width 5: " "
261 RenderImage {IMG} at (438.48,67) size 15x50
262 RenderText {#text} at (453,84) size 5x16
263 text run at (453,84) width 5: " "
264 RenderInline {SPAN} at (0,0) size 720x102
265 RenderText {#text} at (457,78) size 18x24
266 text run at (457,78) width 18: "a "
267 RenderInline {SPAN} at (0,0) size 204x60
268 RenderText {#text} at (474,51) size 204x60
269 text run at (474,51) width 204: "14-point"
270 RenderText {#text} at (677,78) size 720x102
271 text run at (677,78) width 43: " text"
272 text run at (0,156) width 76: "element"
273 RenderText {#text} at (75,162) size 5x16
274 text run at (75,162) width 5: " "
275 RenderImage {IMG} at (79.95,145) size 15x50
276 RenderText {#text} at (94,162) size 5x16
277 text run at (94,162) width 5: " "
278 RenderInline {SMALL} at (0,0) size 195x16
279 RenderText {#text} at (98,162) size 195x16
280 text run at (98,162) width 195: "regardless of the line in which"
281 RenderText {#text} at (292,162) size 5x16
282 text run at (292,162) width 5: " "
283 RenderImage {IMG} at (296.23,163) size 5x15
284 RenderText {#text} at (301,162) size 5x16
285 text run at (301,162) width 5: " "
286 RenderInline {BIG} at (0,0) size 160x21
287 RenderText {#text} at (305,158) size 160x21
288 text run at (305,158) width 160: "the images appear."
289 RenderText {#text} at (464,162) size 5x16
290 text run at (464,162) width 5: " "
291 RenderImage {IMG} at (468.53,125) size 27x90
292 RenderText {#text} at (0,0) size 0x0
293 RenderBlock {P} at (0,1947.31) size 769x32
294 RenderText {#text} at (0,0) size 751x32
295 text run at (0,0) width 751: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line, whether that"
296 text run at (0,16) width 178: "element is an image or not. "
297 text run at (177,16) width 565: "Each fragment of text has been SPANned appropriately in order to cause this to happen."
298 RenderBlock {P} at (0,1995.31) size 769x195
299 RenderInline {SPAN} at (0,0) size 97x16
300 RenderText {#text} at (0,0) size 97x16
301 text run at (0,0) width 97: "This paragraph"
302 RenderText {#text} at (96,0) size 5x16
303 text run at (96,0) width 5: " "
304 RenderImage {IMG} at (100.41,0) size 3x10
305 RenderText {#text} at (103,0) size 5x16
306 text run at (103,0) width 5: " "
307 RenderInline {SPAN} at (0,0) size 356x40
308 RenderText {#text} at (107,0) size 356x40
309 text run at (107,0) width 356: "contains many images"
310 RenderText {#text} at (462,0) size 5x16
311 text run at (462,0) width 5: " "
312 RenderImage {IMG} at (466.88,0) size 3x10
313 RenderText {#text} at (469,0) size 5x16
314 text run at (469,0) width 5: " "
315 RenderInline {SPAN} at (0,0) size 90x16
316 RenderText {#text} at (473,0) size 90x16
317 text run at (473,0) width 90: "and some text"
318 RenderText {#text} at (562,0) size 5x16
319 text run at (562,0) width 5: " "
320 RenderImage {IMG} at (566.73,0) size 3x10
321 RenderText {#text} at (569,0) size 5x16
322 text run at (569,0) width 5: " "
323 RenderInline {SPAN} at (0,0) size 118x16
324 RenderText {#text} at (573,0) size 118x16
325 text run at (573,0) width 118: "of varying heights"
326 RenderText {#text} at (690,0) size 5x16
327 text run at (690,0) width 5: " "
328 RenderImage {IMG} at (694.16,0) size 3x10
329 RenderText {#text} at (697,0) size 5x16
330 text run at (697,0) width 5: " "
331 RenderInline {BIG} at (0,0) size 732x61
332 RenderText {#text} at (701,0) size 732x61
333 text run at (701,0) width 31: "and"
334 text run at (0,40) width 57: "widths"
335 RenderText {#text} at (56,40) size 5x16
336 text run at (56,40) width 5: " "
337 RenderImage {IMG} at (60.88,40) size 6x20
338 RenderText {#text} at (66,40) size 5x16
339 text run at (66,40) width 5: " "
340 RenderInline {SPAN} at (0,0) size 78x16
341 RenderText {#text} at (70,40) size 78x16
342 text run at (70,40) width 78: "all of which"
343 RenderText {#text} at (147,40) size 5x16
344 text run at (147,40) width 5: " "
345 RenderImage {IMG} at (151.30,40) size 20x65
346 RenderText {#text} at (171,40) size 5x16
347 text run at (171,40) width 5: " "
348 RenderInline {SPAN} at (0,0) size 114x16
349 RenderText {#text} at (175,40) size 114x16
350 text run at (175,40) width 114: "should be aligned"
351 RenderText {#text} at (288,40) size 5x16
352 text run at (288,40) width 5: " "
353 RenderImage {IMG} at (292.17,40) size 11x35
354 RenderText {#text} at (303,40) size 5x16
355 text run at (303,40) width 5: " "
356 RenderInline {SPAN} at (0,0) size 188x32
357 RenderText {#text} at (307,40) size 188x32
358 text run at (307,40) width 188: "with the top of"
359 RenderText {#text} at (494,40) size 5x16
360 text run at (494,40) width 5: " "
361 RenderImage {IMG} at (498.70,40) size 15x50
362 RenderText {#text} at (513,40) size 5x16
363 text run at (513,40) width 5: " "
364 RenderInline {SPAN} at (0,0) size 134x16
365 RenderText {#text} at (517,40) size 134x16
366 text run at (517,40) width 134: "the tallest element in"
367 RenderText {#text} at (650,40) size 5x16
368 text run at (650,40) width 5: " "
369 RenderImage {IMG} at (654.55,40) size 5x15
370 RenderText {#text} at (659,40) size 5x16
371 text run at (659,40) width 5: " "
372 RenderInline {BIG} at (0,0) size 753x86
373 RenderText {#text} at (663,40) size 753x86
374 text run at (663,40) width 90: "whichever"
375 text run at (0,105) width 213: "line the elements appear."
376 RenderText {#text} at (212,105) size 5x16
377 text run at (212,105) width 5: " "
378 RenderImage {IMG} at (216.02,105) size 27x90
379 RenderText {#text} at (0,0) size 0x0
380 RenderTable {TABLE} at (0,2206.31) size 769x1943 [border: (1px outset #808080)]
381 RenderTableSection {TBODY} at (1,1) size 767x1941
382 RenderTableRow {TR} at (0,0) size 767x24
383 RenderTableCell {TD} at (0,0) size 767x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
384 RenderInline {STRONG} at (0,0) size 163x16
385 RenderText {#text} at (4,4) size 163x16
386 text run at (4,4) width 163: "TABLE Testing Section"
387 RenderTableRow {TR} at (0,24) size 767x1917
388 RenderTableCell {TD} at (0,970) size 12x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
389 RenderText {#text} at (4,4) size 4x16
390 text run at (4,4) width 4: " "
391 RenderTableCell {TD} at (12,24) size 755x1917.31 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
392 RenderBlock {P} at (4,4) size 747x74
393 RenderImage {IMG} at (0,0) size 15x50
394 RenderInline {SPAN} at (0,0) size 129x16
395 RenderText {#text} at (15,42) size 129x16
396 text run at (15,42) width 129: "The first four words"
397 RenderText {#text} at (143,38) size 747x36
398 text run at (143,38) width 292: " in this sentence should be subscript-aligned. "
399 text run at (434,38) width 313: "The font size of the superscripted text should not"
400 text run at (0,58) width 281: "be different from that of the parent element."
401 RenderBlock {P} at (4,94) size 747x70
402 RenderImage {IMG} at (0,0) size 15x50
403 RenderInline {SPAN} at (0,0) size 129x16
404 RenderText {#text} at (15,32) size 129x16
405 text run at (15,32) width 129: "The first four words"
406 RenderText {#text} at (143,38) size 747x32
407 text run at (143,38) width 304: " in this sentence should be superscript-aligned. "
408 text run at (446,38) width 301: "The font size of the subscripted text should not"
409 text run at (0,54) width 281: "be different from that of the parent element."
410 RenderBlock {P} at (4,180) size 747x70
411 RenderImage {IMG} at (0,0) size 15x50
412 RenderInline {SPAN} at (0,0) size 129x16
413 RenderText {#text} at (15,0) size 129x16
414 text run at (15,0) width 129: "The first four words"
415 RenderText {#text} at (143,38) size 729x32
416 text run at (143,38) width 586: " in this sentence should be top-aligned, which will align their tops with the top of the tallest"
417 text run at (0,54) width 328: "element in the line (probably the orange rectangle)."
418 RenderBlock {P} at (4,266) size 747x122
419 RenderImage {IMG} at (0,0) size 15x50
420 RenderText {#text} at (15,38) size 4x16
421 text run at (15,38) width 4: " "
422 RenderInline {SPAN} at (0,0) size 705x96
423 RenderText {#text} at (0,0) size 0x0
424 RenderInline {SPAN} at (0,0) size 129x16
425 RenderText {#text} at (19,26) size 129x16
426 text run at (19,26) width 129: "The first four words"
427 RenderText {#text} at (147,26) size 705x96
428 text run at (147,26) width 558: " in this sentence should be text-top-aligned,"
429 text run at (0,58) width 699: "which should align their tops with the top of the tallest"
430 text run at (0,90) width 192: "text in the line."
431 RenderText {#text} at (0,0) size 0x0
432 RenderBlock {P} at (4,404) size 747x66
433 RenderImage {IMG} at (0,0) size 15x50
434 RenderText {#text} at (15,17) size 718x49
435 text run at (15,17) width 703: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with the"
436 text run at (0,50) width 355: "point defined as the text baseline plus half the x-height."
437 RenderBlock {P} at (4,486) size 747x114
438 RenderImage {IMG} at (0,0) size 15x50
439 RenderText {#text} at (15,12) size 4x16
440 text run at (15,12) width 4: " "
441 RenderInline {SPAN} at (0,0) size 733x114
442 RenderText {#text} at (0,0) size 0x0
443 RenderInline {SPAN} at (0,0) size 129x16
444 RenderText {#text} at (19,34) size 129x16
445 text run at (19,34) width 129: "The first four words"
446 RenderText {#text} at (147,0) size 733x114
447 text run at (147,0) width 547: " in this sentence should be 12pt in size and"
448 text run at (0,50) width 733: "bottom-aligned, which should align their bottom with the"
449 text run at (0,82) width 518: "bottom of the lowest element in the line."
450 RenderText {#text} at (0,0) size 0x0
451 RenderBlock {P} at (4,616) size 747x146
452 RenderImage {IMG} at (0,0) size 15x50
453 RenderText {#text} at (15,12) size 4x16
454 text run at (15,12) width 4: " "
455 RenderInline {SPAN} at (0,0) size 726x146
456 RenderText {#text} at (0,0) size 0x0
457 RenderInline {SPAN} at (0,0) size 298x16
458 RenderText {#text} at (19,16) size 298x16
459 text run at (19,16) width 298: "The first eight words (\"eight\" has a descender)"
460 RenderText {#text} at (316,0) size 726x146
461 text run at (316,0) width 403: " in this sentence should be 12pt"
462 text run at (0,50) width 726: "in size and text-bottom-aligned, which should align their"
463 text run at (0,82) width 671: "bottom with the bottom of the lowest text (including"
464 text run at (0,114) width 295: "descenders) in the line."
465 RenderText {#text} at (0,0) size 0x0
466 RenderBlock {P} at (4,778) size 747x122
467 RenderImage {IMG} at (0,0) size 15x50
468 RenderText {#text} at (15,38) size 4x16
469 text run at (15,38) width 4: " "
470 RenderInline {SPAN} at (0,0) size 714x96
471 RenderText {#text} at (0,0) size 0x0
472 RenderInline {SPAN} at (0,0) size 129x16
473 RenderText {#text} at (19,38) size 129x16
474 text run at (19,38) width 129: "The first four words"
475 RenderText {#text} at (147,26) size 714x96
476 text run at (147,26) width 547: " in this sentence should be 12pt in size and"
477 text run at (0,58) width 714: "baseline-aligned, which should align their baseline with"
478 text run at (0,90) width 570: "the baseline of the rest of the text in the line."
479 RenderText {#text} at (0,0) size 0x0
480 RenderBlock {P} at (4,916) size 747x70
481 RenderImage {IMG} at (0,0) size 15x50
482 RenderInline {SPAN} at (0,0) size 97x12
483 RenderText {#text} at (15,33) size 97x12
484 text run at (15,33) width 97: "The first four words"
485 RenderText {#text} at (111,38) size 713x32
486 text run at (111,38) width 602: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-"
487 text run at (0,54) width 440: "aligned, which should raise them 8px relative to the natural baseline."
488 RenderBlock {P} at (4,1002) size 747x32
489 RenderText {#text} at (0,0) size 730x32
490 text run at (0,0) width 730: "In the following paragraph, all images should be aligned with the top of the 14-point text, which is identical to the"
491 text run at (0,16) width 706: "first section of text, whereas any size text should be aligned with the text baseline (which is the default value)."
492 RenderBlock {P} at (4,1052.66) size 747x304
493 RenderText {#text} at (0,21) size 118x19
494 text run at (0,21) width 118: "This paragraph "
495 RenderImage {IMG} at (117.09,21) size 9x30
496 RenderText {#text} at (126,21) size 5x19
497 text run at (126,21) width 5: " "
498 RenderInline {SPAN} at (0,0) size 416x47
499 RenderText {#text} at (130,0) size 416x47
500 text run at (130,0) width 416: "contains many images"
501 RenderText {#text} at (545,21) size 6x19
502 text run at (545,21) width 6: " "
503 RenderImage {IMG} at (550.08,21) size 15x50
504 RenderText {#text} at (565,21) size 5x19
505 text run at (565,21) width 5: " "
506 RenderInline {BIG} at (0,0) size 156x21
507 RenderText {#text} at (569,19) size 156x21
508 text run at (569,19) width 156: "of varying heights"
509 RenderText {#text} at (724,21) size 6x19
510 text run at (724,21) width 6: " "
511 RenderImage {IMG} at (729.61,21) size 3x10
512 RenderText {#text} at (0,0) size 0x0
513 RenderInline {SMALL} at (0,0) size 70x16
514 RenderText {#text} at (0,112) size 70x16
515 text run at (0,112) width 70: "and widths"
516 RenderText {#text} at (69,110) size 6x19
517 text run at (69,110) width 6: " "
518 RenderImage {IMG} at (74.44,110) size 6x20
519 RenderText {#text} at (80,110) size 99x19
520 text run at (80,110) width 99: " all of which "
521 RenderImage {IMG} at (178.89,110) size 20x65
522 RenderText {#text} at (198,110) size 6x19
523 text run at (198,110) width 6: " "
524 RenderInline {SPAN} at (0,0) size 264x37
525 RenderText {#text} at (203,96) size 264x37
526 text run at (203,96) width 264: "should be aligned"
527 RenderText {#text} at (466,110) size 6x19
528 text run at (466,110) width 6: " "
529 RenderImage {IMG} at (471.55,110) size 11x35
530 RenderText {#text} at (482,110) size 120x19
531 text run at (482,110) width 120: " with the top of "
532 RenderImage {IMG} at (601.23,110) size 9x30
533 RenderText {#text} at (610,110) size 5x19
534 text run at (610,110) width 5: " "
535 RenderInline {SPAN} at (0,0) size 728x132
536 RenderText {#text} at (614,103) size 21x28
537 text run at (614,103) width 21: "a "
538 RenderInline {SPAN} at (0,0) size 728x175
539 RenderText {#text} at (634,71) size 728x175
540 text run at (634,71) width 94: "14-"
541 text run at (0,175) width 144: "point"
542 RenderText {#text} at (143,207) size 146x28
543 text run at (143,207) width 146: " text element"
544 RenderText {#text} at (288,214) size 6x19
545 text run at (288,214) width 6: " "
546 RenderImage {IMG} at (293.16,214) size 15x50
547 RenderText {#text} at (308,214) size 5x19
548 text run at (308,214) width 5: " "
549 RenderInline {SMALL} at (0,0) size 195x16
550 RenderText {#text} at (312,216) size 195x16
551 text run at (312,216) width 195: "regardless of the line in which"
552 RenderText {#text} at (506,214) size 5x19
553 text run at (506,214) width 5: " "
554 RenderImage {IMG} at (510.77,214) size 5x15
555 RenderText {#text} at (515,214) size 6x19
556 text run at (515,214) width 6: " "
557 RenderInline {BIG} at (0,0) size 160x21
558 RenderText {#text} at (520,212) size 160x21
559 text run at (520,212) width 160: "the images appear."
560 RenderText {#text} at (679,214) size 6x19
561 text run at (679,214) width 6: " "
562 RenderImage {IMG} at (684.41,214) size 27x90
563 RenderText {#text} at (0,0) size 0x0
564 RenderBlock {P} at (4,1375.31) size 747x32
565 RenderText {#text} at (0,0) size 746x32
566 text run at (0,0) width 746: "In the following paragraph, all images should be aligned with the middle of the default text, whereas any text should"
567 text run at (0,16) width 390: "be aligned with the text baseline (which is the default value)."
568 RenderBlock {P} at (4,1423.31) size 747x215
569 RenderText {#text} at (0,18) size 101x16
570 text run at (0,18) width 101: "This paragraph "
571 RenderImage {IMG} at (100.41,11) size 9x30
572 RenderText {#text} at (109,18) size 5x16
573 text run at (109,18) width 5: " "
574 RenderInline {SPAN} at (0,0) size 356x40
575 RenderText {#text} at (113,0) size 356x40
576 text run at (113,0) width 356: "contains many images"
577 RenderText {#text} at (468,18) size 5x16
578 text run at (468,18) width 5: " "
579 RenderImage {IMG} at (472.88,1) size 15x50
580 RenderText {#text} at (487,18) size 126x16
581 text run at (487,18) width 126: " of varying heights "
582 RenderImage {IMG} at (612.30,21) size 3x10
583 RenderText {#text} at (615,18) size 5x16
584 text run at (615,18) width 5: " "
585 RenderInline {SMALL} at (0,0) size 71x16
586 RenderText {#text} at (619,18) size 71x16
587 text run at (619,18) width 71: "and widths"
588 RenderText {#text} at (689,18) size 5x16
589 text run at (689,18) width 5: " "
590 RenderImage {IMG} at (693.06,16) size 6x20
591 RenderText {#text} at (699,18) size 737x82
592 text run at (699,18) width 38: " all of"
593 text run at (0,84) width 44: "which "
594 RenderImage {IMG} at (43.09,60) size 20x65
595 RenderText {#text} at (63,84) size 121x16
596 text run at (63,84) width 121: " should be aligned "
597 RenderImage {IMG} at (183.97,75) size 11x35
598 RenderText {#text} at (194,84) size 5x16
599 text run at (194,84) width 5: " "
600 RenderInline {SPAN} at (0,0) size 237x32
601 RenderText {#text} at (198,72) size 237x32
602 text run at (198,72) width 237: "with the middle of"
603 RenderText {#text} at (434,84) size 5x16
604 text run at (434,84) width 5: " "
605 RenderImage {IMG} at (438.48,67) size 15x50
606 RenderText {#text} at (453,84) size 5x16
607 text run at (453,84) width 5: " "
608 RenderInline {SPAN} at (0,0) size 720x102
609 RenderText {#text} at (457,78) size 18x24
610 text run at (457,78) width 18: "a "
611 RenderInline {SPAN} at (0,0) size 204x60
612 RenderText {#text} at (474,51) size 204x60
613 text run at (474,51) width 204: "14-point"
614 RenderText {#text} at (677,78) size 720x102
615 text run at (677,78) width 43: " text"
616 text run at (0,156) width 76: "element"
617 RenderText {#text} at (75,162) size 5x16
618 text run at (75,162) width 5: " "
619 RenderImage {IMG} at (79.95,145) size 15x50
620 RenderText {#text} at (94,162) size 5x16
621 text run at (94,162) width 5: " "
622 RenderInline {SMALL} at (0,0) size 195x16
623 RenderText {#text} at (98,162) size 195x16
624 text run at (98,162) width 195: "regardless of the line in which"
625 RenderText {#text} at (292,162) size 5x16
626 text run at (292,162) width 5: " "
627 RenderImage {IMG} at (296.23,163) size 5x15
628 RenderText {#text} at (301,162) size 5x16
629 text run at (301,162) width 5: " "
630 RenderInline {BIG} at (0,0) size 160x21
631 RenderText {#text} at (305,158) size 160x21
632 text run at (305,158) width 160: "the images appear."
633 RenderText {#text} at (464,162) size 5x16
634 text run at (464,162) width 5: " "
635 RenderImage {IMG} at (468.53,125) size 27x90
636 RenderText {#text} at (0,0) size 0x0
637 RenderBlock {P} at (4,1654.31) size 747x48
638 RenderText {#text} at (0,0) size 723x48
639 text run at (0,0) width 723: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line, whether"
640 text run at (0,16) width 206: "that element is an image or not. "
641 text run at (205,16) width 510: "Each fragment of text has been SPANned appropriately in order to cause this to"
642 text run at (0,32) width 51: "happen."
643 RenderBlock {P} at (4,1718.31) size 747x195
644 RenderInline {SPAN} at (0,0) size 97x16
645 RenderText {#text} at (0,0) size 97x16
646 text run at (0,0) width 97: "This paragraph"
647 RenderText {#text} at (96,0) size 5x16
648 text run at (96,0) width 5: " "
649 RenderImage {IMG} at (100.41,0) size 3x10
650 RenderText {#text} at (103,0) size 5x16
651 text run at (103,0) width 5: " "
652 RenderInline {SPAN} at (0,0) size 356x40
653 RenderText {#text} at (107,0) size 356x40
654 text run at (107,0) width 356: "contains many images"
655 RenderText {#text} at (462,0) size 5x16
656 text run at (462,0) width 5: " "
657 RenderImage {IMG} at (466.88,0) size 3x10
658 RenderText {#text} at (469,0) size 5x16
659 text run at (469,0) width 5: " "
660 RenderInline {SPAN} at (0,0) size 90x16
661 RenderText {#text} at (473,0) size 90x16
662 text run at (473,0) width 90: "and some text"
663 RenderText {#text} at (562,0) size 5x16
664 text run at (562,0) width 5: " "
665 RenderImage {IMG} at (566.73,0) size 3x10
666 RenderText {#text} at (569,0) size 5x16
667 text run at (569,0) width 5: " "
668 RenderInline {SPAN} at (0,0) size 118x16
669 RenderText {#text} at (573,0) size 118x16
670 text run at (573,0) width 118: "of varying heights"
671 RenderText {#text} at (690,0) size 5x16
672 text run at (690,0) width 5: " "
673 RenderImage {IMG} at (694.16,0) size 3x10
674 RenderText {#text} at (697,0) size 5x16
675 text run at (697,0) width 5: " "
676 RenderInline {BIG} at (0,0) size 732x61
677 RenderText {#text} at (701,0) size 732x61
678 text run at (701,0) width 31: "and"
679 text run at (0,40) width 57: "widths"
680 RenderText {#text} at (56,40) size 5x16
681 text run at (56,40) width 5: " "
682 RenderImage {IMG} at (60.88,40) size 6x20
683 RenderText {#text} at (66,40) size 5x16
684 text run at (66,40) width 5: " "
685 RenderInline {SPAN} at (0,0) size 78x16
686 RenderText {#text} at (70,40) size 78x16
687 text run at (70,40) width 78: "all of which"
688 RenderText {#text} at (147,40) size 5x16
689 text run at (147,40) width 5: " "
690 RenderImage {IMG} at (151.30,40) size 20x65
691 RenderText {#text} at (171,40) size 5x16
692 text run at (171,40) width 5: " "
693 RenderInline {SPAN} at (0,0) size 114x16
694 RenderText {#text} at (175,40) size 114x16
695 text run at (175,40) width 114: "should be aligned"
696 RenderText {#text} at (288,40) size 5x16
697 text run at (288,40) width 5: " "
698 RenderImage {IMG} at (292.17,40) size 11x35
699 RenderText {#text} at (303,40) size 5x16
700 text run at (303,40) width 5: " "
701 RenderInline {SPAN} at (0,0) size 188x32
702 RenderText {#text} at (307,40) size 188x32
703 text run at (307,40) width 188: "with the top of"
704 RenderText {#text} at (494,40) size 5x16
705 text run at (494,40) width 5: " "
706 RenderImage {IMG} at (498.70,40) size 15x50
707 RenderText {#text} at (513,40) size 5x16
708 text run at (513,40) width 5: " "
709 RenderInline {SPAN} at (0,0) size 134x16
710 RenderText {#text} at (517,40) size 134x16
711 text run at (517,40) width 134: "the tallest element in"
712 RenderText {#text} at (650,40) size 5x16
713 text run at (650,40) width 5: " "
714 RenderImage {IMG} at (654.55,40) size 5x15
715 RenderText {#text} at (0,0) size 0x0
716 RenderInline {BIG} at (0,0) size 307x21
717 RenderText {#text} at (0,105) size 307x21
718 text run at (0,105) width 307: "whichever line the elements appear."
719 RenderText {#text} at (306,105) size 5x16
720 text run at (306,105) width 5: " "
721 RenderImage {IMG} at (310.17,105) size 27x90
722 RenderText {#text} at (0,0) size 0x0