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