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