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