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