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