Index: LayoutTests/platform/mac/css1/text_properties/vertical_align-expected.txt |
diff --git a/LayoutTests/platform/mac/css1/text_properties/vertical_align-expected.txt b/LayoutTests/platform/mac/css1/text_properties/vertical_align-expected.txt |
index ca92c4be8cb88516d44b0ac4ad52b997e5a259e6..3657eaa9d018127877c5e017364904dc468c530b 100644 |
--- a/LayoutTests/platform/mac/css1/text_properties/vertical_align-expected.txt |
+++ b/LayoutTests/platform/mac/css1/text_properties/vertical_align-expected.txt |
@@ -1,722 +1,722 @@ |
-layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 4165 |
+layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 4423 |
RenderView at (0,0) size 800x600 |
-layer at (0,0) size 785x4165 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600 |
- RenderBlock {HTML} at (0,0) size 785x4165.31 |
- RenderBody {BODY} at (8,8) size 769x4149.31 [bgcolor=#CCCCCC] |
- RenderBlock {P} at (0,0) size 769x16 |
- RenderText {#text} at (0,0) size 363x16 |
+layer at (0,0) size 785x4423 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600 |
+ RenderBlock {HTML} at (0,0) size 785x4423.31 |
+ RenderBody {BODY} at (8,8) size 769x4407.31 [bgcolor=#CCCCCC] |
+ RenderBlock {P} at (0,0) size 769x18 |
+ RenderText {#text} at (0,0) size 363x18 |
text run at (0,0) width 363: "The style declarations which apply to the text below are:" |
- RenderBlock {PRE} at (0,32) size 769x234 |
- RenderText {#text} at (0,0) size 500x234 |
+ RenderBlock {PRE} at (0,34) size 769x270 |
+ RenderText {#text} at (0,0) size 500x270 |
text run at (0,0) width 157: "P {font-size: 12pt;}" |
text run at (156,0) width 1: " " |
- text run at (0,13) width 211: ".one {vertical-align: sub;}" |
- text run at (210,13) width 1: " " |
- text run at (0,26) width 227: ".two {vertical-align: super;}" |
- text run at (226,26) width 1: " " |
- text run at (0,39) width 359: ".three {vertical-align: top; font-size: 12pt;}" |
- text run at (358,39) width 1: " " |
- text run at (0,52) width 391: ".four {vertical-align: text-top; font-size: 12pt;}" |
- text run at (390,52) width 1: " " |
- text run at (0,65) width 375: ".five {vertical-align: middle; font-size: 12pt;}" |
- text run at (374,65) width 1: " " |
- text run at (0,78) width 367: ".six {vertical-align: bottom; font-size: 12pt;}" |
- text run at (366,78) width 1: " " |
- text run at (0,91) width 422: ".seven {vertical-align: text-bottom; font-size: 12pt;}" |
- text run at (421,91) width 1: " " |
- text run at (0,104) width 398: ".eight {vertical-align: baseline; font-size: 12pt;}" |
- text run at (397,104) width 1: " " |
- text run at (0,117) width 500: ".nine {vertical-align: 50%; font-size: 12px; line-height: 16px;}" |
- text run at (499,117) width 1: " " |
- text run at (0,130) width 0: " " |
- text run at (0,143) width 219: "P.example {font-size: 14pt;}" |
- text run at (218,143) width 1: " " |
- text run at (0,156) width 172: "BIG {font-size: 16pt;}" |
- text run at (171,156) width 1: " " |
- text run at (0,169) width 188: "SMALL {font-size: 12pt;}" |
- text run at (187,169) width 1: " " |
- text run at (0,182) width 297: ".ttopalign {vertical-align: text-top;}" |
- text run at (296,182) width 1: " " |
- text run at (0,195) width 250: ".topalign {vertical-align: top;}" |
- text run at (249,195) width 1: " " |
- text run at (0,208) width 274: ".midalign {vertical-align: middle;}" |
- text run at (273,208) width 1: " " |
- text run at (0,221) width 0: " " |
- RenderBlock {HR} at (0,279) size 769x2 [border: (1px inset #EEEEEE)] |
- RenderBlock {P} at (0,297) size 769x74 |
+ text run at (0,15) width 211: ".one {vertical-align: sub;}" |
+ text run at (210,15) width 1: " " |
+ text run at (0,30) width 227: ".two {vertical-align: super;}" |
+ text run at (226,30) width 1: " " |
+ text run at (0,45) width 359: ".three {vertical-align: top; font-size: 12pt;}" |
+ text run at (358,45) width 1: " " |
+ text run at (0,60) width 391: ".four {vertical-align: text-top; font-size: 12pt;}" |
+ text run at (390,60) width 1: " " |
+ text run at (0,75) width 375: ".five {vertical-align: middle; font-size: 12pt;}" |
+ text run at (374,75) width 1: " " |
+ text run at (0,90) width 367: ".six {vertical-align: bottom; font-size: 12pt;}" |
+ text run at (366,90) width 1: " " |
+ text run at (0,105) width 422: ".seven {vertical-align: text-bottom; font-size: 12pt;}" |
+ text run at (421,105) width 1: " " |
+ text run at (0,120) width 398: ".eight {vertical-align: baseline; font-size: 12pt;}" |
+ text run at (397,120) width 1: " " |
+ text run at (0,135) width 500: ".nine {vertical-align: 50%; font-size: 12px; line-height: 16px;}" |
+ text run at (499,135) width 1: " " |
+ text run at (0,150) width 0: " " |
+ text run at (0,165) width 219: "P.example {font-size: 14pt;}" |
+ text run at (218,165) width 1: " " |
+ text run at (0,180) width 172: "BIG {font-size: 16pt;}" |
+ text run at (171,180) width 1: " " |
+ text run at (0,195) width 188: "SMALL {font-size: 12pt;}" |
+ text run at (187,195) width 1: " " |
+ text run at (0,210) width 297: ".ttopalign {vertical-align: text-top;}" |
+ text run at (296,210) width 1: " " |
+ text run at (0,225) width 250: ".topalign {vertical-align: top;}" |
+ text run at (249,225) width 1: " " |
+ text run at (0,240) width 274: ".midalign {vertical-align: middle;}" |
+ text run at (273,240) width 1: " " |
+ text run at (0,255) width 0: " " |
+ RenderBlock {HR} at (0,317) size 769x2 [border: (1px inset #EEEEEE)] |
+ RenderBlock {P} at (0,335) size 769x76 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderInline {SPAN} at (0,0) size 129x16 |
- RenderText {#text} at (15,42) size 129x16 |
- text run at (15,42) width 129: "The first four words" |
- RenderText {#text} at (143,38) size 766x36 |
- text run at (143,38) width 292: " in this sentence should be subscript-aligned. " |
- text run at (434,38) width 332: "The font size of the superscripted text should not be" |
+ RenderInline {SPAN} at (0,0) size 129x18 |
+ RenderText {#text} at (15,40) size 129x18 |
+ text run at (15,40) width 129: "The first four words" |
+ RenderText {#text} at (143,36) size 766x40 |
+ text run at (143,36) width 292: " in this sentence should be subscript-aligned. " |
+ text run at (434,36) width 332: "The font size of the superscripted text should not be" |
text run at (0,58) width 262: "different from that of the parent element." |
- RenderBlock {P} at (0,387) size 769x70 |
+ RenderBlock {P} at (0,427) size 769x72 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderInline {SPAN} at (0,0) size 129x16 |
- RenderText {#text} at (15,32) size 129x16 |
- text run at (15,32) width 129: "The first four words" |
- RenderText {#text} at (143,38) size 766x32 |
- text run at (143,38) width 304: " in this sentence should be superscript-aligned. " |
- text run at (446,38) width 320: "The font size of the subscripted text should not be" |
+ RenderInline {SPAN} at (0,0) size 129x18 |
+ RenderText {#text} at (15,30) size 129x18 |
+ text run at (15,30) width 129: "The first four words" |
+ RenderText {#text} at (143,36) size 766x36 |
+ text run at (143,36) width 304: " in this sentence should be superscript-aligned. " |
+ text run at (446,36) width 320: "The font size of the subscripted text should not be" |
text run at (0,54) width 262: "different from that of the parent element." |
- RenderBlock {P} at (0,473) size 769x70 |
+ RenderBlock {P} at (0,515) size 769x72 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderInline {SPAN} at (0,0) size 129x16 |
- RenderText {#text} at (15,0) size 129x16 |
+ RenderInline {SPAN} at (0,0) size 129x18 |
+ RenderText {#text} at (15,0) size 129x18 |
text run at (15,0) width 129: "The first four words" |
- RenderText {#text} at (143,38) size 729x32 |
- text run at (143,38) width 586: " in this sentence should be top-aligned, which will align their tops with the top of the tallest" |
+ RenderText {#text} at (143,36) size 729x36 |
+ text run at (143,36) width 586: " in this sentence should be top-aligned, which will align their tops with the top of the tallest" |
text run at (0,54) width 328: "element in the line (probably the orange rectangle)." |
- RenderBlock {P} at (0,559) size 769x122 |
+ RenderBlock {P} at (0,603) size 769x132 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderText {#text} at (15,38) size 4x16 |
- text run at (15,38) width 4: " " |
- RenderInline {SPAN} at (0,0) size 755x96 |
+ RenderText {#text} at (15,36) size 4x18 |
+ text run at (15,36) width 4: " " |
+ RenderInline {SPAN} at (0,0) size 755x111 |
RenderText {#text} at (0,0) size 0x0 |
- RenderInline {SPAN} at (0,0) size 129x16 |
- RenderText {#text} at (19,26) size 129x16 |
- text run at (19,26) width 129: "The first four words" |
- RenderText {#text} at (147,26) size 755x96 |
- text run at (147,26) width 558: " in this sentence should be text-top-aligned," |
+ RenderInline {SPAN} at (0,0) size 129x18 |
+ RenderText {#text} at (19,21) size 129x18 |
+ text run at (19,21) width 129: "The first four words" |
+ RenderText {#text} at (147,21) size 755x111 |
+ text run at (147,21) width 558: " in this sentence should be text-top-aligned," |
text run at (0,58) width 755: "which should align their tops with the top of the tallest text" |
- text run at (0,90) width 136: "in the line." |
+ text run at (0,95) width 136: "in the line." |
RenderText {#text} at (0,0) size 0x0 |
- RenderBlock {P} at (0,697) size 769x66 |
+ RenderBlock {P} at (0,751) size 769x68 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderText {#text} at (15,17) size 755x49 |
- text run at (15,17) width 740: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with the point" |
+ RenderText {#text} at (15,15) size 755x53 |
+ text run at (15,15) width 740: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with the point" |
text run at (0,50) width 318: "defined as the text baseline plus half the x-height." |
- RenderBlock {P} at (0,779) size 769x114 |
+ RenderBlock {P} at (0,835) size 769x124 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderText {#text} at (15,12) size 4x16 |
- text run at (15,12) width 4: " " |
- RenderInline {SPAN} at (0,0) size 733x114 |
+ RenderText {#text} at (15,15) size 4x18 |
+ text run at (15,15) width 4: " " |
+ RenderInline {SPAN} at (0,0) size 733x124 |
RenderText {#text} at (0,0) size 0x0 |
- RenderInline {SPAN} at (0,0) size 129x16 |
- RenderText {#text} at (19,34) size 129x16 |
- text run at (19,34) width 129: "The first four words" |
- RenderText {#text} at (147,0) size 733x114 |
+ RenderInline {SPAN} at (0,0) size 129x18 |
+ RenderText {#text} at (19,32) size 129x18 |
+ text run at (19,32) width 129: "The first four words" |
+ RenderText {#text} at (147,0) size 733x124 |
text run at (147,0) width 547: " in this sentence should be 12pt in size and" |
text run at (0,50) width 733: "bottom-aligned, which should align their bottom with the" |
- text run at (0,82) width 518: "bottom of the lowest element in the line." |
+ text run at (0,87) width 518: "bottom of the lowest element in the line." |
RenderText {#text} at (0,0) size 0x0 |
- RenderBlock {P} at (0,909) size 769x146 |
+ RenderBlock {P} at (0,975) size 769x161 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderText {#text} at (15,12) size 4x16 |
- text run at (15,12) width 4: " " |
- RenderInline {SPAN} at (0,0) size 752x146 |
+ RenderText {#text} at (15,15) size 4x18 |
+ text run at (15,15) width 4: " " |
+ RenderInline {SPAN} at (0,0) size 752x161 |
RenderText {#text} at (0,0) size 0x0 |
- RenderInline {SPAN} at (0,0) size 298x16 |
- RenderText {#text} at (19,16) size 298x16 |
- text run at (19,16) width 298: "The first eight words (\"eight\" has a descender)" |
- RenderText {#text} at (316,0) size 752x146 |
+ RenderInline {SPAN} at (0,0) size 298x18 |
+ RenderText {#text} at (19,19) size 298x18 |
+ text run at (19,19) width 298: "The first eight words (\"eight\" has a descender)" |
+ RenderText {#text} at (316,0) size 752x161 |
text run at (316,0) width 436: " in this sentence should be 12pt in" |
text run at (0,50) width 693: "size and text-bottom-aligned, which should align their" |
- text run at (0,82) width 671: "bottom with the bottom of the lowest text (including" |
- text run at (0,114) width 295: "descenders) in the line." |
+ text run at (0,87) width 671: "bottom with the bottom of the lowest text (including" |
+ text run at (0,124) width 295: "descenders) in the line." |
RenderText {#text} at (0,0) size 0x0 |
- RenderBlock {P} at (0,1071) size 769x122 |
+ RenderBlock {P} at (0,1152) size 769x132 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderText {#text} at (15,38) size 4x16 |
- text run at (15,38) width 4: " " |
- RenderInline {SPAN} at (0,0) size 761x96 |
+ RenderText {#text} at (15,36) size 4x18 |
+ text run at (15,36) width 4: " " |
+ RenderInline {SPAN} at (0,0) size 761x111 |
RenderText {#text} at (0,0) size 0x0 |
- RenderInline {SPAN} at (0,0) size 129x16 |
- RenderText {#text} at (19,38) size 129x16 |
- text run at (19,38) width 129: "The first four words" |
- RenderText {#text} at (147,26) size 761x96 |
- text run at (147,26) width 547: " in this sentence should be 12pt in size and" |
+ RenderInline {SPAN} at (0,0) size 129x18 |
+ RenderText {#text} at (19,36) size 129x18 |
+ text run at (19,36) width 129: "The first four words" |
+ RenderText {#text} at (147,21) size 761x111 |
+ text run at (147,21) width 547: " in this sentence should be 12pt in size and" |
text run at (0,58) width 761: "baseline-aligned, which should align their baseline with the" |
- text run at (0,90) width 523: "baseline of the rest of the text in the line." |
+ text run at (0,95) width 523: "baseline of the rest of the text in the line." |
RenderText {#text} at (0,0) size 0x0 |
- RenderBlock {P} at (0,1209) size 769x70 |
+ RenderBlock {P} at (0,1300) size 769x72 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderInline {SPAN} at (0,0) size 97x12 |
- RenderText {#text} at (15,33) size 97x12 |
- text run at (15,33) width 97: "The first four words" |
- RenderText {#text} at (111,38) size 764x32 |
- text run at (111,38) width 653: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-aligned," |
+ RenderInline {SPAN} at (0,0) size 97x14 |
+ RenderText {#text} at (15,31) size 97x14 |
+ text run at (15,31) width 97: "The first four words" |
+ RenderText {#text} at (111,36) size 764x36 |
+ text run at (111,36) width 653: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-aligned," |
text run at (0,54) width 385: "which should raise them 8px relative to the natural baseline." |
- RenderBlock {P} at (0,1295) size 769x32 |
- RenderText {#text} at (0,0) size 760x32 |
+ RenderBlock {P} at (0,1388) size 769x36 |
+ RenderText {#text} at (0,0) size 760x36 |
text run at (0,0) width 760: "In the following paragraph, all images should be aligned with the top of the 14-point text, which is identical to the first" |
- text run at (0,16) width 676: "section of text, whereas any size text should be aligned with the text baseline (which is the default value)." |
- RenderBlock {P} at (0,1345.66) size 769x304 |
- RenderText {#text} at (0,21) size 118x19 |
- text run at (0,21) width 118: "This paragraph " |
- RenderImage {IMG} at (117.09,21) size 9x30 |
- RenderText {#text} at (126,21) size 5x19 |
- text run at (126,21) width 5: " " |
- RenderInline {SPAN} at (0,0) size 416x47 |
- RenderText {#text} at (130,0) size 416x47 |
+ text run at (0,18) width 676: "section of text, whereas any size text should be aligned with the text baseline (which is the default value)." |
+ RenderBlock {P} at (0,1442.66) size 769x324 |
+ RenderText {#text} at (0,25) size 118x22 |
+ text run at (0,25) width 118: "This paragraph " |
+ RenderImage {IMG} at (117.09,25) size 9x30 |
+ RenderText {#text} at (126,25) size 5x22 |
+ text run at (126,25) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 416x54 |
+ RenderText {#text} at (130,0) size 416x54 |
text run at (130,0) width 416: "contains many images" |
- RenderText {#text} at (545,21) size 6x19 |
- text run at (545,21) width 6: " " |
- RenderImage {IMG} at (550.08,21) size 15x50 |
- RenderText {#text} at (565,21) size 5x19 |
- text run at (565,21) width 5: " " |
- RenderInline {BIG} at (0,0) size 156x21 |
- RenderText {#text} at (569,19) size 156x21 |
- text run at (569,19) width 156: "of varying heights" |
- RenderText {#text} at (724,21) size 6x19 |
- text run at (724,21) width 6: " " |
- RenderImage {IMG} at (729.61,21) size 3x10 |
- RenderText {#text} at (732,21) size 6x19 |
- text run at (732,21) width 6: " " |
- RenderInline {SMALL} at (0,0) size 761x105 |
- RenderText {#text} at (737,23) size 761x105 |
- text run at (737,23) width 24: "and" |
- text run at (0,112) width 43: "widths" |
- RenderText {#text} at (42,110) size 6x19 |
- text run at (42,110) width 6: " " |
- RenderImage {IMG} at (47.33,110) size 6x20 |
- RenderText {#text} at (53,110) size 99x19 |
- text run at (53,110) width 99: " all of which " |
- RenderImage {IMG} at (151.78,110) size 20x65 |
- RenderText {#text} at (171,110) size 6x19 |
- text run at (171,110) width 6: " " |
- RenderInline {SPAN} at (0,0) size 264x37 |
- RenderText {#text} at (176,96) size 264x37 |
- text run at (176,96) width 264: "should be aligned" |
- RenderText {#text} at (439,110) size 6x19 |
- text run at (439,110) width 6: " " |
- RenderImage {IMG} at (444.45,110) size 11x35 |
- RenderText {#text} at (455,110) size 120x19 |
- text run at (455,110) width 120: " with the top of " |
- RenderImage {IMG} at (574.14,110) size 9x30 |
- RenderText {#text} at (583,110) size 5x19 |
- text run at (583,110) width 5: " " |
- RenderInline {SPAN} at (0,0) size 701x132 |
- RenderText {#text} at (587,103) size 21x28 |
- text run at (587,103) width 21: "a " |
- RenderInline {SPAN} at (0,0) size 701x175 |
- RenderText {#text} at (607,71) size 701x175 |
- text run at (607,71) width 94: "14-" |
- text run at (0,175) width 144: "point" |
- RenderText {#text} at (143,207) size 146x28 |
- text run at (143,207) width 146: " text element" |
- RenderText {#text} at (288,214) size 6x19 |
- text run at (288,214) width 6: " " |
- RenderImage {IMG} at (293.16,214) size 15x50 |
- RenderText {#text} at (308,214) size 5x19 |
- text run at (308,214) width 5: " " |
- RenderInline {SMALL} at (0,0) size 195x16 |
- RenderText {#text} at (312,216) size 195x16 |
- text run at (312,216) width 195: "regardless of the line in which" |
- RenderText {#text} at (506,214) size 5x19 |
- text run at (506,214) width 5: " " |
- RenderImage {IMG} at (510.77,214) size 5x15 |
- RenderText {#text} at (515,214) size 6x19 |
- text run at (515,214) width 6: " " |
- RenderInline {BIG} at (0,0) size 160x21 |
- RenderText {#text} at (520,212) size 160x21 |
- text run at (520,212) width 160: "the images appear." |
- RenderText {#text} at (679,214) size 6x19 |
- text run at (679,214) width 6: " " |
- RenderImage {IMG} at (684.41,214) size 27x90 |
+ RenderText {#text} at (545,25) size 6x22 |
+ text run at (545,25) width 6: " " |
+ RenderImage {IMG} at (550.08,25) size 15x50 |
+ RenderText {#text} at (565,25) size 5x22 |
+ text run at (565,25) width 5: " " |
+ RenderInline {BIG} at (0,0) size 156x24 |
+ RenderText {#text} at (569,23) size 156x24 |
+ text run at (569,23) width 156: "of varying heights" |
+ RenderText {#text} at (724,25) size 6x22 |
+ text run at (724,25) width 6: " " |
+ RenderImage {IMG} at (729.61,25) size 3x10 |
+ RenderText {#text} at (732,25) size 6x22 |
+ text run at (732,25) width 6: " " |
+ RenderInline {SMALL} at (0,0) size 761x115 |
+ RenderText {#text} at (737,28) size 761x115 |
+ text run at (737,28) width 24: "and" |
+ text run at (0,125) width 43: "widths" |
+ RenderText {#text} at (42,122) size 6x22 |
+ text run at (42,122) width 6: " " |
+ RenderImage {IMG} at (47.33,122) size 6x20 |
+ RenderText {#text} at (53,122) size 99x22 |
+ text run at (53,122) width 99: " all of which " |
+ RenderImage {IMG} at (151.78,122) size 20x65 |
+ RenderText {#text} at (171,122) size 6x22 |
+ text run at (171,122) width 6: " " |
+ RenderInline {SPAN} at (0,0) size 264x43 |
+ RenderText {#text} at (176,105) size 264x43 |
+ text run at (176,105) width 264: "should be aligned" |
+ RenderText {#text} at (439,122) size 6x22 |
+ text run at (439,122) width 6: " " |
+ RenderImage {IMG} at (444.45,122) size 11x35 |
+ RenderText {#text} at (455,122) size 120x22 |
+ text run at (455,122) width 120: " with the top of " |
+ RenderImage {IMG} at (574.14,122) size 9x30 |
+ RenderText {#text} at (583,122) size 5x22 |
+ text run at (583,122) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 701x144 |
+ RenderText {#text} at (587,114) size 21x32 |
+ text run at (587,114) width 21: "a " |
+ RenderInline {SPAN} at (0,0) size 701x194 |
+ RenderText {#text} at (607,75) size 701x194 |
+ text run at (607,75) width 94: "14-" |
+ text run at (0,187) width 144: "point" |
+ RenderText {#text} at (143,226) size 146x32 |
+ text run at (143,226) width 146: " text element" |
+ RenderText {#text} at (288,234) size 6x22 |
+ text run at (288,234) width 6: " " |
+ RenderImage {IMG} at (293.16,234) size 15x50 |
+ RenderText {#text} at (308,234) size 5x22 |
+ text run at (308,234) width 5: " " |
+ RenderInline {SMALL} at (0,0) size 195x18 |
+ RenderText {#text} at (312,237) size 195x18 |
+ text run at (312,237) width 195: "regardless of the line in which" |
+ RenderText {#text} at (506,234) size 5x22 |
+ text run at (506,234) width 5: " " |
+ RenderImage {IMG} at (510.77,234) size 5x15 |
+ RenderText {#text} at (515,234) size 6x22 |
+ text run at (515,234) width 6: " " |
+ RenderInline {BIG} at (0,0) size 160x24 |
+ RenderText {#text} at (520,232) size 160x24 |
+ text run at (520,232) width 160: "the images appear." |
+ RenderText {#text} at (679,234) size 6x22 |
+ text run at (679,234) width 6: " " |
+ RenderImage {IMG} at (684.41,234) size 27x90 |
RenderText {#text} at (0,0) size 0x0 |
- RenderBlock {P} at (0,1668.31) size 769x32 |
- RenderText {#text} at (0,0) size 765x32 |
+ RenderBlock {P} at (0,1785.31) size 769x36 |
+ RenderText {#text} at (0,0) size 765x36 |
text run at (0,0) width 765: "In the following paragraph, all images should be aligned with the middle of the default text, whereas any text should be" |
- text run at (0,16) width 371: "aligned with the text baseline (which is the default value)." |
- RenderBlock {P} at (0,1716.31) size 769x215 |
- RenderText {#text} at (0,18) size 101x16 |
- text run at (0,18) width 101: "This paragraph " |
- RenderImage {IMG} at (100.41,11) size 9x30 |
- RenderText {#text} at (109,18) size 5x16 |
- text run at (109,18) width 5: " " |
- RenderInline {SPAN} at (0,0) size 356x40 |
- RenderText {#text} at (113,0) size 356x40 |
+ text run at (0,18) width 371: "aligned with the text baseline (which is the default value)." |
+ RenderBlock {P} at (0,1837.31) size 769x230 |
+ RenderText {#text} at (0,22) size 101x18 |
+ text run at (0,22) width 101: "This paragraph " |
+ RenderImage {IMG} at (100.41,17) size 9x30 |
+ RenderText {#text} at (109,22) size 5x18 |
+ text run at (109,22) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 356x46 |
+ RenderText {#text} at (113,0) size 356x46 |
text run at (113,0) width 356: "contains many images" |
- RenderText {#text} at (468,18) size 5x16 |
- text run at (468,18) width 5: " " |
- RenderImage {IMG} at (472.88,1) size 15x50 |
- RenderText {#text} at (487,18) size 126x16 |
- text run at (487,18) width 126: " of varying heights " |
- RenderImage {IMG} at (612.30,21) size 3x10 |
- RenderText {#text} at (615,18) size 5x16 |
- text run at (615,18) width 5: " " |
- RenderInline {SMALL} at (0,0) size 71x16 |
- RenderText {#text} at (619,18) size 71x16 |
- text run at (619,18) width 71: "and widths" |
- RenderText {#text} at (689,18) size 5x16 |
- text run at (689,18) width 5: " " |
- RenderImage {IMG} at (693.06,16) size 6x20 |
- RenderText {#text} at (699,18) size 737x82 |
- text run at (699,18) width 38: " all of" |
- text run at (0,84) width 44: "which " |
- RenderImage {IMG} at (43.09,60) size 20x65 |
- RenderText {#text} at (63,84) size 121x16 |
- text run at (63,84) width 121: " should be aligned " |
- RenderImage {IMG} at (183.97,75) size 11x35 |
- RenderText {#text} at (194,84) size 5x16 |
- text run at (194,84) width 5: " " |
- RenderInline {SPAN} at (0,0) size 237x32 |
- RenderText {#text} at (198,72) size 237x32 |
- text run at (198,72) width 237: "with the middle of" |
- RenderText {#text} at (434,84) size 5x16 |
- text run at (434,84) width 5: " " |
- RenderImage {IMG} at (438.48,67) size 15x50 |
- RenderText {#text} at (453,84) size 5x16 |
- text run at (453,84) width 5: " " |
- RenderInline {SPAN} at (0,0) size 720x102 |
- RenderText {#text} at (457,78) size 18x24 |
- text run at (457,78) width 18: "a " |
- RenderInline {SPAN} at (0,0) size 204x60 |
- RenderText {#text} at (474,51) size 204x60 |
- text run at (474,51) width 204: "14-point" |
- RenderText {#text} at (677,78) size 720x102 |
- text run at (677,78) width 43: " text" |
- text run at (0,156) width 76: "element" |
- RenderText {#text} at (75,162) size 5x16 |
- text run at (75,162) width 5: " " |
- RenderImage {IMG} at (79.95,145) size 15x50 |
- RenderText {#text} at (94,162) size 5x16 |
- text run at (94,162) width 5: " " |
- RenderInline {SMALL} at (0,0) size 195x16 |
- RenderText {#text} at (98,162) size 195x16 |
- text run at (98,162) width 195: "regardless of the line in which" |
- RenderText {#text} at (292,162) size 5x16 |
- text run at (292,162) width 5: " " |
- RenderImage {IMG} at (296.23,163) size 5x15 |
- RenderText {#text} at (301,162) size 5x16 |
- text run at (301,162) width 5: " " |
- RenderInline {BIG} at (0,0) size 160x21 |
- RenderText {#text} at (305,158) size 160x21 |
- text run at (305,158) width 160: "the images appear." |
- RenderText {#text} at (464,162) size 5x16 |
- text run at (464,162) width 5: " " |
- RenderImage {IMG} at (468.53,125) size 27x90 |
+ RenderText {#text} at (468,22) size 5x18 |
+ text run at (468,22) width 5: " " |
+ RenderImage {IMG} at (472.88,7) size 15x50 |
+ RenderText {#text} at (487,22) size 126x18 |
+ text run at (487,22) width 126: " of varying heights " |
+ RenderImage {IMG} at (612.30,27) size 3x10 |
+ RenderText {#text} at (615,22) size 5x18 |
+ text run at (615,22) width 5: " " |
+ RenderInline {SMALL} at (0,0) size 71x18 |
+ RenderText {#text} at (619,22) size 71x18 |
+ text run at (619,22) width 71: "and widths" |
+ RenderText {#text} at (689,22) size 5x18 |
+ text run at (689,22) width 5: " " |
+ RenderImage {IMG} at (693.06,22) size 6x20 |
+ RenderText {#text} at (699,22) size 737x93 |
+ text run at (699,22) width 38: " all of" |
+ text run at (0,97) width 44: "which " |
+ RenderImage {IMG} at (43.09,75) size 20x65 |
+ RenderText {#text} at (63,97) size 121x18 |
+ text run at (63,97) width 121: " should be aligned " |
+ RenderImage {IMG} at (183.97,90) size 11x35 |
+ RenderText {#text} at (194,97) size 5x18 |
+ text run at (194,97) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 237x37 |
+ RenderText {#text} at (198,82) size 237x37 |
+ text run at (198,82) width 237: "with the middle of" |
+ RenderText {#text} at (434,97) size 5x18 |
+ text run at (434,97) width 5: " " |
+ RenderImage {IMG} at (438.48,82) size 15x50 |
+ RenderText {#text} at (453,97) size 5x18 |
+ text run at (453,97) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 720x106 |
+ RenderText {#text} at (457,89) size 18x28 |
+ text run at (457,89) width 18: "a " |
+ RenderInline {SPAN} at (0,0) size 204x69 |
+ RenderText {#text} at (474,57) size 204x69 |
+ text run at (474,57) width 204: "14-point" |
+ RenderText {#text} at (677,89) size 720x106 |
+ text run at (677,89) width 43: " text" |
+ text run at (0,167) width 76: "element" |
+ RenderText {#text} at (75,175) size 5x18 |
+ text run at (75,175) width 5: " " |
+ RenderImage {IMG} at (79.95,160) size 15x50 |
+ RenderText {#text} at (94,175) size 5x18 |
+ text run at (94,175) width 5: " " |
+ RenderInline {SMALL} at (0,0) size 195x18 |
+ RenderText {#text} at (98,175) size 195x18 |
+ text run at (98,175) width 195: "regardless of the line in which" |
+ RenderText {#text} at (292,175) size 5x18 |
+ text run at (292,175) width 5: " " |
+ RenderImage {IMG} at (296.23,178) size 5x15 |
+ RenderText {#text} at (301,175) size 5x18 |
+ text run at (301,175) width 5: " " |
+ RenderInline {BIG} at (0,0) size 160x24 |
+ RenderText {#text} at (305,170) size 160x24 |
+ text run at (305,170) width 160: "the images appear." |
+ RenderText {#text} at (464,175) size 5x18 |
+ text run at (464,175) width 5: " " |
+ RenderImage {IMG} at (468.53,140) size 27x90 |
RenderText {#text} at (0,0) size 0x0 |
- RenderBlock {P} at (0,1947.31) size 769x32 |
- RenderText {#text} at (0,0) size 751x32 |
+ RenderBlock {P} at (0,2083.31) size 769x36 |
+ RenderText {#text} at (0,0) size 751x36 |
text run at (0,0) width 751: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line, whether that" |
- text run at (0,16) width 178: "element is an image or not. " |
- text run at (177,16) width 565: "Each fragment of text has been SPANned appropriately in order to cause this to happen." |
- RenderBlock {P} at (0,1995.31) size 769x195 |
- RenderInline {SPAN} at (0,0) size 97x16 |
- RenderText {#text} at (0,0) size 97x16 |
+ text run at (0,18) width 178: "element is an image or not. " |
+ text run at (177,18) width 565: "Each fragment of text has been SPANned appropriately in order to cause this to happen." |
+ RenderBlock {P} at (0,2135.31) size 769x201 |
+ RenderInline {SPAN} at (0,0) size 97x18 |
+ RenderText {#text} at (0,0) size 97x18 |
text run at (0,0) width 97: "This paragraph" |
- RenderText {#text} at (96,0) size 5x16 |
+ RenderText {#text} at (96,0) size 5x18 |
text run at (96,0) width 5: " " |
RenderImage {IMG} at (100.41,0) size 3x10 |
- RenderText {#text} at (103,0) size 5x16 |
+ RenderText {#text} at (103,0) size 5x18 |
text run at (103,0) width 5: " " |
- RenderInline {SPAN} at (0,0) size 356x40 |
- RenderText {#text} at (107,0) size 356x40 |
+ RenderInline {SPAN} at (0,0) size 356x46 |
+ RenderText {#text} at (107,0) size 356x46 |
text run at (107,0) width 356: "contains many images" |
- RenderText {#text} at (462,0) size 5x16 |
+ RenderText {#text} at (462,0) size 5x18 |
text run at (462,0) width 5: " " |
RenderImage {IMG} at (466.88,0) size 3x10 |
- RenderText {#text} at (469,0) size 5x16 |
+ RenderText {#text} at (469,0) size 5x18 |
text run at (469,0) width 5: " " |
- RenderInline {SPAN} at (0,0) size 90x16 |
- RenderText {#text} at (473,0) size 90x16 |
+ RenderInline {SPAN} at (0,0) size 90x18 |
+ RenderText {#text} at (473,0) size 90x18 |
text run at (473,0) width 90: "and some text" |
- RenderText {#text} at (562,0) size 5x16 |
+ RenderText {#text} at (562,0) size 5x18 |
text run at (562,0) width 5: " " |
RenderImage {IMG} at (566.73,0) size 3x10 |
- RenderText {#text} at (569,0) size 5x16 |
+ RenderText {#text} at (569,0) size 5x18 |
text run at (569,0) width 5: " " |
- RenderInline {SPAN} at (0,0) size 118x16 |
- RenderText {#text} at (573,0) size 118x16 |
+ RenderInline {SPAN} at (0,0) size 118x18 |
+ RenderText {#text} at (573,0) size 118x18 |
text run at (573,0) width 118: "of varying heights" |
- RenderText {#text} at (690,0) size 5x16 |
+ RenderText {#text} at (690,0) size 5x18 |
text run at (690,0) width 5: " " |
RenderImage {IMG} at (694.16,0) size 3x10 |
- RenderText {#text} at (697,0) size 5x16 |
+ RenderText {#text} at (697,0) size 5x18 |
text run at (697,0) width 5: " " |
- RenderInline {BIG} at (0,0) size 732x61 |
- RenderText {#text} at (701,0) size 732x61 |
+ RenderInline {BIG} at (0,0) size 732x70 |
+ RenderText {#text} at (701,0) size 732x70 |
text run at (701,0) width 31: "and" |
- text run at (0,40) width 57: "widths" |
- RenderText {#text} at (56,40) size 5x16 |
- text run at (56,40) width 5: " " |
- RenderImage {IMG} at (60.88,40) size 6x20 |
- RenderText {#text} at (66,40) size 5x16 |
- text run at (66,40) width 5: " " |
- RenderInline {SPAN} at (0,0) size 78x16 |
- RenderText {#text} at (70,40) size 78x16 |
- text run at (70,40) width 78: "all of which" |
- RenderText {#text} at (147,40) size 5x16 |
- text run at (147,40) width 5: " " |
- RenderImage {IMG} at (151.30,40) size 20x65 |
- RenderText {#text} at (171,40) size 5x16 |
- text run at (171,40) width 5: " " |
- RenderInline {SPAN} at (0,0) size 114x16 |
- RenderText {#text} at (175,40) size 114x16 |
- text run at (175,40) width 114: "should be aligned" |
- RenderText {#text} at (288,40) size 5x16 |
- text run at (288,40) width 5: " " |
- RenderImage {IMG} at (292.17,40) size 11x35 |
- RenderText {#text} at (303,40) size 5x16 |
- text run at (303,40) width 5: " " |
- RenderInline {SPAN} at (0,0) size 188x32 |
- RenderText {#text} at (307,40) size 188x32 |
- text run at (307,40) width 188: "with the top of" |
- RenderText {#text} at (494,40) size 5x16 |
- text run at (494,40) width 5: " " |
- RenderImage {IMG} at (498.70,40) size 15x50 |
- RenderText {#text} at (513,40) size 5x16 |
- text run at (513,40) width 5: " " |
- RenderInline {SPAN} at (0,0) size 134x16 |
- RenderText {#text} at (517,40) size 134x16 |
- text run at (517,40) width 134: "the tallest element in" |
- RenderText {#text} at (650,40) size 5x16 |
- text run at (650,40) width 5: " " |
- RenderImage {IMG} at (654.55,40) size 5x15 |
- RenderText {#text} at (659,40) size 5x16 |
- text run at (659,40) width 5: " " |
- RenderInline {BIG} at (0,0) size 753x86 |
- RenderText {#text} at (663,40) size 753x86 |
- text run at (663,40) width 90: "whichever" |
- text run at (0,105) width 213: "line the elements appear." |
- RenderText {#text} at (212,105) size 5x16 |
- text run at (212,105) width 5: " " |
- RenderImage {IMG} at (216.02,105) size 27x90 |
+ text run at (0,46) width 57: "widths" |
+ RenderText {#text} at (56,46) size 5x18 |
+ text run at (56,46) width 5: " " |
+ RenderImage {IMG} at (60.88,46) size 6x20 |
+ RenderText {#text} at (66,46) size 5x18 |
+ text run at (66,46) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 78x18 |
+ RenderText {#text} at (70,46) size 78x18 |
+ text run at (70,46) width 78: "all of which" |
+ RenderText {#text} at (147,46) size 5x18 |
+ text run at (147,46) width 5: " " |
+ RenderImage {IMG} at (151.30,46) size 20x65 |
+ RenderText {#text} at (171,46) size 5x18 |
+ text run at (171,46) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 114x18 |
+ RenderText {#text} at (175,46) size 114x18 |
+ text run at (175,46) width 114: "should be aligned" |
+ RenderText {#text} at (288,46) size 5x18 |
+ text run at (288,46) width 5: " " |
+ RenderImage {IMG} at (292.17,46) size 11x35 |
+ RenderText {#text} at (303,46) size 5x18 |
+ text run at (303,46) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 188x37 |
+ RenderText {#text} at (307,46) size 188x37 |
+ text run at (307,46) width 188: "with the top of" |
+ RenderText {#text} at (494,46) size 5x18 |
+ text run at (494,46) width 5: " " |
+ RenderImage {IMG} at (498.70,46) size 15x50 |
+ RenderText {#text} at (513,46) size 5x18 |
+ text run at (513,46) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 134x18 |
+ RenderText {#text} at (517,46) size 134x18 |
+ text run at (517,46) width 134: "the tallest element in" |
+ RenderText {#text} at (650,46) size 5x18 |
+ text run at (650,46) width 5: " " |
+ RenderImage {IMG} at (654.55,46) size 5x15 |
+ RenderText {#text} at (659,46) size 5x18 |
+ text run at (659,46) width 5: " " |
+ RenderInline {BIG} at (0,0) size 753x89 |
+ RenderText {#text} at (663,46) size 753x89 |
+ text run at (663,46) width 90: "whichever" |
+ text run at (0,111) width 213: "line the elements appear." |
+ RenderText {#text} at (212,111) size 5x18 |
+ text run at (212,111) width 5: " " |
+ RenderImage {IMG} at (216.02,111) size 27x90 |
RenderText {#text} at (0,0) size 0x0 |
- LayoutTable {TABLE} at (0,2206.31) size 769x1943 [border: (1px outset #808080)] |
- LayoutTableSection {TBODY} at (1,1) size 767x1941 |
- LayoutTableRow {TR} at (0,0) size 767x24 |
- LayoutTableCell {TD} at (0,0) size 767x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
- RenderInline {STRONG} at (0,0) size 163x16 |
- RenderText {#text} at (4,4) size 163x16 |
+ LayoutTable {TABLE} at (0,2352.31) size 769x2055 [border: (1px outset #808080)] |
+ LayoutTableSection {TBODY} at (1,1) size 767x2053 |
+ LayoutTableRow {TR} at (0,0) size 767x26 |
+ LayoutTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
+ RenderInline {STRONG} at (0,0) size 163x18 |
+ RenderText {#text} at (4,4) size 163x18 |
text run at (4,4) width 163: "TABLE Testing Section" |
- LayoutTableRow {TR} at (0,24) size 767x1917 |
- LayoutTableCell {TD} at (0,970) size 12x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
- RenderText {#text} at (4,4) size 4x16 |
+ LayoutTableRow {TR} at (0,26) size 767x2027 |
+ LayoutTableCell {TD} at (0,1026) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
+ RenderText {#text} at (4,4) size 4x18 |
text run at (4,4) width 4: " " |
- LayoutTableCell {TD} at (12,24) size 755x1917.31 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] |
- RenderBlock {P} at (4,4) size 747x74 |
+ LayoutTableCell {TD} at (12,26) size 755x2027.31 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] |
+ RenderBlock {P} at (4,4) size 747x76 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderInline {SPAN} at (0,0) size 129x16 |
- RenderText {#text} at (15,42) size 129x16 |
- text run at (15,42) width 129: "The first four words" |
- RenderText {#text} at (143,38) size 747x36 |
- text run at (143,38) width 292: " in this sentence should be subscript-aligned. " |
- text run at (434,38) width 313: "The font size of the superscripted text should not" |
+ RenderInline {SPAN} at (0,0) size 129x18 |
+ RenderText {#text} at (15,40) size 129x18 |
+ text run at (15,40) width 129: "The first four words" |
+ RenderText {#text} at (143,36) size 747x40 |
+ text run at (143,36) width 292: " in this sentence should be subscript-aligned. " |
+ text run at (434,36) width 313: "The font size of the superscripted text should not" |
text run at (0,58) width 281: "be different from that of the parent element." |
- RenderBlock {P} at (4,94) size 747x70 |
+ RenderBlock {P} at (4,96) size 747x72 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderInline {SPAN} at (0,0) size 129x16 |
- RenderText {#text} at (15,32) size 129x16 |
- text run at (15,32) width 129: "The first four words" |
- RenderText {#text} at (143,38) size 747x32 |
- text run at (143,38) width 304: " in this sentence should be superscript-aligned. " |
- text run at (446,38) width 301: "The font size of the subscripted text should not" |
+ RenderInline {SPAN} at (0,0) size 129x18 |
+ RenderText {#text} at (15,30) size 129x18 |
+ text run at (15,30) width 129: "The first four words" |
+ RenderText {#text} at (143,36) size 747x36 |
+ text run at (143,36) width 304: " in this sentence should be superscript-aligned. " |
+ text run at (446,36) width 301: "The font size of the subscripted text should not" |
text run at (0,54) width 281: "be different from that of the parent element." |
- RenderBlock {P} at (4,180) size 747x70 |
+ RenderBlock {P} at (4,184) size 747x72 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderInline {SPAN} at (0,0) size 129x16 |
- RenderText {#text} at (15,0) size 129x16 |
+ RenderInline {SPAN} at (0,0) size 129x18 |
+ RenderText {#text} at (15,0) size 129x18 |
text run at (15,0) width 129: "The first four words" |
- RenderText {#text} at (143,38) size 729x32 |
- text run at (143,38) width 586: " in this sentence should be top-aligned, which will align their tops with the top of the tallest" |
+ RenderText {#text} at (143,36) size 729x36 |
+ text run at (143,36) width 586: " in this sentence should be top-aligned, which will align their tops with the top of the tallest" |
text run at (0,54) width 328: "element in the line (probably the orange rectangle)." |
- RenderBlock {P} at (4,266) size 747x122 |
+ RenderBlock {P} at (4,272) size 747x132 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderText {#text} at (15,38) size 4x16 |
- text run at (15,38) width 4: " " |
- RenderInline {SPAN} at (0,0) size 705x96 |
+ RenderText {#text} at (15,36) size 4x18 |
+ text run at (15,36) width 4: " " |
+ RenderInline {SPAN} at (0,0) size 705x111 |
RenderText {#text} at (0,0) size 0x0 |
- RenderInline {SPAN} at (0,0) size 129x16 |
- RenderText {#text} at (19,26) size 129x16 |
- text run at (19,26) width 129: "The first four words" |
- RenderText {#text} at (147,26) size 705x96 |
- text run at (147,26) width 558: " in this sentence should be text-top-aligned," |
+ RenderInline {SPAN} at (0,0) size 129x18 |
+ RenderText {#text} at (19,21) size 129x18 |
+ text run at (19,21) width 129: "The first four words" |
+ RenderText {#text} at (147,21) size 705x111 |
+ text run at (147,21) width 558: " in this sentence should be text-top-aligned," |
text run at (0,58) width 699: "which should align their tops with the top of the tallest" |
- text run at (0,90) width 192: "text in the line." |
+ text run at (0,95) width 192: "text in the line." |
RenderText {#text} at (0,0) size 0x0 |
- RenderBlock {P} at (4,404) size 747x66 |
+ RenderBlock {P} at (4,420) size 747x68 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderText {#text} at (15,17) size 718x49 |
- text run at (15,17) width 703: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with the" |
+ RenderText {#text} at (15,15) size 718x53 |
+ text run at (15,15) width 703: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with the" |
text run at (0,50) width 355: "point defined as the text baseline plus half the x-height." |
- RenderBlock {P} at (4,486) size 747x114 |
+ RenderBlock {P} at (4,504) size 747x124 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderText {#text} at (15,12) size 4x16 |
- text run at (15,12) width 4: " " |
- RenderInline {SPAN} at (0,0) size 733x114 |
+ RenderText {#text} at (15,15) size 4x18 |
+ text run at (15,15) width 4: " " |
+ RenderInline {SPAN} at (0,0) size 733x124 |
RenderText {#text} at (0,0) size 0x0 |
- RenderInline {SPAN} at (0,0) size 129x16 |
- RenderText {#text} at (19,34) size 129x16 |
- text run at (19,34) width 129: "The first four words" |
- RenderText {#text} at (147,0) size 733x114 |
+ RenderInline {SPAN} at (0,0) size 129x18 |
+ RenderText {#text} at (19,32) size 129x18 |
+ text run at (19,32) width 129: "The first four words" |
+ RenderText {#text} at (147,0) size 733x124 |
text run at (147,0) width 547: " in this sentence should be 12pt in size and" |
text run at (0,50) width 733: "bottom-aligned, which should align their bottom with the" |
- text run at (0,82) width 518: "bottom of the lowest element in the line." |
+ text run at (0,87) width 518: "bottom of the lowest element in the line." |
RenderText {#text} at (0,0) size 0x0 |
- RenderBlock {P} at (4,616) size 747x146 |
+ RenderBlock {P} at (4,644) size 747x161 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderText {#text} at (15,12) size 4x16 |
- text run at (15,12) width 4: " " |
- RenderInline {SPAN} at (0,0) size 726x146 |
+ RenderText {#text} at (15,15) size 4x18 |
+ text run at (15,15) width 4: " " |
+ RenderInline {SPAN} at (0,0) size 726x161 |
RenderText {#text} at (0,0) size 0x0 |
- RenderInline {SPAN} at (0,0) size 298x16 |
- RenderText {#text} at (19,16) size 298x16 |
- text run at (19,16) width 298: "The first eight words (\"eight\" has a descender)" |
- RenderText {#text} at (316,0) size 726x146 |
+ RenderInline {SPAN} at (0,0) size 298x18 |
+ RenderText {#text} at (19,19) size 298x18 |
+ text run at (19,19) width 298: "The first eight words (\"eight\" has a descender)" |
+ RenderText {#text} at (316,0) size 726x161 |
text run at (316,0) width 403: " in this sentence should be 12pt" |
text run at (0,50) width 726: "in size and text-bottom-aligned, which should align their" |
- text run at (0,82) width 671: "bottom with the bottom of the lowest text (including" |
- text run at (0,114) width 295: "descenders) in the line." |
+ text run at (0,87) width 671: "bottom with the bottom of the lowest text (including" |
+ text run at (0,124) width 295: "descenders) in the line." |
RenderText {#text} at (0,0) size 0x0 |
- RenderBlock {P} at (4,778) size 747x122 |
+ RenderBlock {P} at (4,821) size 747x132 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderText {#text} at (15,38) size 4x16 |
- text run at (15,38) width 4: " " |
- RenderInline {SPAN} at (0,0) size 714x96 |
+ RenderText {#text} at (15,36) size 4x18 |
+ text run at (15,36) width 4: " " |
+ RenderInline {SPAN} at (0,0) size 714x111 |
RenderText {#text} at (0,0) size 0x0 |
- RenderInline {SPAN} at (0,0) size 129x16 |
- RenderText {#text} at (19,38) size 129x16 |
- text run at (19,38) width 129: "The first four words" |
- RenderText {#text} at (147,26) size 714x96 |
- text run at (147,26) width 547: " in this sentence should be 12pt in size and" |
+ RenderInline {SPAN} at (0,0) size 129x18 |
+ RenderText {#text} at (19,36) size 129x18 |
+ text run at (19,36) width 129: "The first four words" |
+ RenderText {#text} at (147,21) size 714x111 |
+ text run at (147,21) width 547: " in this sentence should be 12pt in size and" |
text run at (0,58) width 714: "baseline-aligned, which should align their baseline with" |
- text run at (0,90) width 570: "the baseline of the rest of the text in the line." |
+ text run at (0,95) width 570: "the baseline of the rest of the text in the line." |
RenderText {#text} at (0,0) size 0x0 |
- RenderBlock {P} at (4,916) size 747x70 |
+ RenderBlock {P} at (4,969) size 747x72 |
RenderImage {IMG} at (0,0) size 15x50 |
- RenderInline {SPAN} at (0,0) size 97x12 |
- RenderText {#text} at (15,33) size 97x12 |
- text run at (15,33) width 97: "The first four words" |
- RenderText {#text} at (111,38) size 713x32 |
- text run at (111,38) width 602: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-" |
+ RenderInline {SPAN} at (0,0) size 97x14 |
+ RenderText {#text} at (15,31) size 97x14 |
+ text run at (15,31) width 97: "The first four words" |
+ RenderText {#text} at (111,36) size 713x36 |
+ text run at (111,36) width 602: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-" |
text run at (0,54) width 440: "aligned, which should raise them 8px relative to the natural baseline." |
- RenderBlock {P} at (4,1002) size 747x32 |
- RenderText {#text} at (0,0) size 730x32 |
+ RenderBlock {P} at (4,1057) size 747x36 |
+ RenderText {#text} at (0,0) size 730x36 |
text run at (0,0) width 730: "In the following paragraph, all images should be aligned with the top of the 14-point text, which is identical to the" |
- text run at (0,16) width 706: "first section of text, whereas any size text should be aligned with the text baseline (which is the default value)." |
- RenderBlock {P} at (4,1052.66) size 747x304 |
- RenderText {#text} at (0,21) size 118x19 |
- text run at (0,21) width 118: "This paragraph " |
- RenderImage {IMG} at (117.09,21) size 9x30 |
- RenderText {#text} at (126,21) size 5x19 |
- text run at (126,21) width 5: " " |
- RenderInline {SPAN} at (0,0) size 416x47 |
- RenderText {#text} at (130,0) size 416x47 |
+ text run at (0,18) width 706: "first section of text, whereas any size text should be aligned with the text baseline (which is the default value)." |
+ RenderBlock {P} at (4,1111.66) size 747x324 |
+ RenderText {#text} at (0,25) size 118x22 |
+ text run at (0,25) width 118: "This paragraph " |
+ RenderImage {IMG} at (117.09,25) size 9x30 |
+ RenderText {#text} at (126,25) size 5x22 |
+ text run at (126,25) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 416x54 |
+ RenderText {#text} at (130,0) size 416x54 |
text run at (130,0) width 416: "contains many images" |
- RenderText {#text} at (545,21) size 6x19 |
- text run at (545,21) width 6: " " |
- RenderImage {IMG} at (550.08,21) size 15x50 |
- RenderText {#text} at (565,21) size 5x19 |
- text run at (565,21) width 5: " " |
- RenderInline {BIG} at (0,0) size 156x21 |
- RenderText {#text} at (569,19) size 156x21 |
- text run at (569,19) width 156: "of varying heights" |
- RenderText {#text} at (724,21) size 6x19 |
- text run at (724,21) width 6: " " |
- RenderImage {IMG} at (729.61,21) size 3x10 |
+ RenderText {#text} at (545,25) size 6x22 |
+ text run at (545,25) width 6: " " |
+ RenderImage {IMG} at (550.08,25) size 15x50 |
+ RenderText {#text} at (565,25) size 5x22 |
+ text run at (565,25) width 5: " " |
+ RenderInline {BIG} at (0,0) size 156x24 |
+ RenderText {#text} at (569,23) size 156x24 |
+ text run at (569,23) width 156: "of varying heights" |
+ RenderText {#text} at (724,25) size 6x22 |
+ text run at (724,25) width 6: " " |
+ RenderImage {IMG} at (729.61,25) size 3x10 |
RenderText {#text} at (0,0) size 0x0 |
- RenderInline {SMALL} at (0,0) size 70x16 |
- RenderText {#text} at (0,112) size 70x16 |
- text run at (0,112) width 70: "and widths" |
- RenderText {#text} at (69,110) size 6x19 |
- text run at (69,110) width 6: " " |
- RenderImage {IMG} at (74.44,110) size 6x20 |
- RenderText {#text} at (80,110) size 99x19 |
- text run at (80,110) width 99: " all of which " |
- RenderImage {IMG} at (178.89,110) size 20x65 |
- RenderText {#text} at (198,110) size 6x19 |
- text run at (198,110) width 6: " " |
- RenderInline {SPAN} at (0,0) size 264x37 |
- RenderText {#text} at (203,96) size 264x37 |
- text run at (203,96) width 264: "should be aligned" |
- RenderText {#text} at (466,110) size 6x19 |
- text run at (466,110) width 6: " " |
- RenderImage {IMG} at (471.55,110) size 11x35 |
- RenderText {#text} at (482,110) size 120x19 |
- text run at (482,110) width 120: " with the top of " |
- RenderImage {IMG} at (601.23,110) size 9x30 |
- RenderText {#text} at (610,110) size 5x19 |
- text run at (610,110) width 5: " " |
- RenderInline {SPAN} at (0,0) size 728x132 |
- RenderText {#text} at (614,103) size 21x28 |
- text run at (614,103) width 21: "a " |
- RenderInline {SPAN} at (0,0) size 728x175 |
- RenderText {#text} at (634,71) size 728x175 |
- text run at (634,71) width 94: "14-" |
- text run at (0,175) width 144: "point" |
- RenderText {#text} at (143,207) size 146x28 |
- text run at (143,207) width 146: " text element" |
- RenderText {#text} at (288,214) size 6x19 |
- text run at (288,214) width 6: " " |
- RenderImage {IMG} at (293.16,214) size 15x50 |
- RenderText {#text} at (308,214) size 5x19 |
- text run at (308,214) width 5: " " |
- RenderInline {SMALL} at (0,0) size 195x16 |
- RenderText {#text} at (312,216) size 195x16 |
- text run at (312,216) width 195: "regardless of the line in which" |
- RenderText {#text} at (506,214) size 5x19 |
- text run at (506,214) width 5: " " |
- RenderImage {IMG} at (510.77,214) size 5x15 |
- RenderText {#text} at (515,214) size 6x19 |
- text run at (515,214) width 6: " " |
- RenderInline {BIG} at (0,0) size 160x21 |
- RenderText {#text} at (520,212) size 160x21 |
- text run at (520,212) width 160: "the images appear." |
- RenderText {#text} at (679,214) size 6x19 |
- text run at (679,214) width 6: " " |
- RenderImage {IMG} at (684.41,214) size 27x90 |
+ RenderInline {SMALL} at (0,0) size 70x18 |
+ RenderText {#text} at (0,125) size 70x18 |
+ text run at (0,125) width 70: "and widths" |
+ RenderText {#text} at (69,122) size 6x22 |
+ text run at (69,122) width 6: " " |
+ RenderImage {IMG} at (74.44,122) size 6x20 |
+ RenderText {#text} at (80,122) size 99x22 |
+ text run at (80,122) width 99: " all of which " |
+ RenderImage {IMG} at (178.89,122) size 20x65 |
+ RenderText {#text} at (198,122) size 6x22 |
+ text run at (198,122) width 6: " " |
+ RenderInline {SPAN} at (0,0) size 264x43 |
+ RenderText {#text} at (203,105) size 264x43 |
+ text run at (203,105) width 264: "should be aligned" |
+ RenderText {#text} at (466,122) size 6x22 |
+ text run at (466,122) width 6: " " |
+ RenderImage {IMG} at (471.55,122) size 11x35 |
+ RenderText {#text} at (482,122) size 120x22 |
+ text run at (482,122) width 120: " with the top of " |
+ RenderImage {IMG} at (601.23,122) size 9x30 |
+ RenderText {#text} at (610,122) size 5x22 |
+ text run at (610,122) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 728x144 |
+ RenderText {#text} at (614,114) size 21x32 |
+ text run at (614,114) width 21: "a " |
+ RenderInline {SPAN} at (0,0) size 728x194 |
+ RenderText {#text} at (634,75) size 728x194 |
+ text run at (634,75) width 94: "14-" |
+ text run at (0,187) width 144: "point" |
+ RenderText {#text} at (143,226) size 146x32 |
+ text run at (143,226) width 146: " text element" |
+ RenderText {#text} at (288,234) size 6x22 |
+ text run at (288,234) width 6: " " |
+ RenderImage {IMG} at (293.16,234) size 15x50 |
+ RenderText {#text} at (308,234) size 5x22 |
+ text run at (308,234) width 5: " " |
+ RenderInline {SMALL} at (0,0) size 195x18 |
+ RenderText {#text} at (312,237) size 195x18 |
+ text run at (312,237) width 195: "regardless of the line in which" |
+ RenderText {#text} at (506,234) size 5x22 |
+ text run at (506,234) width 5: " " |
+ RenderImage {IMG} at (510.77,234) size 5x15 |
+ RenderText {#text} at (515,234) size 6x22 |
+ text run at (515,234) width 6: " " |
+ RenderInline {BIG} at (0,0) size 160x24 |
+ RenderText {#text} at (520,232) size 160x24 |
+ text run at (520,232) width 160: "the images appear." |
+ RenderText {#text} at (679,234) size 6x22 |
+ text run at (679,234) width 6: " " |
+ RenderImage {IMG} at (684.41,234) size 27x90 |
RenderText {#text} at (0,0) size 0x0 |
- RenderBlock {P} at (4,1375.31) size 747x32 |
- RenderText {#text} at (0,0) size 746x32 |
+ RenderBlock {P} at (4,1454.31) size 747x36 |
+ RenderText {#text} at (0,0) size 746x36 |
text run at (0,0) width 746: "In the following paragraph, all images should be aligned with the middle of the default text, whereas any text should" |
- text run at (0,16) width 390: "be aligned with the text baseline (which is the default value)." |
- RenderBlock {P} at (4,1423.31) size 747x215 |
- RenderText {#text} at (0,18) size 101x16 |
- text run at (0,18) width 101: "This paragraph " |
- RenderImage {IMG} at (100.41,11) size 9x30 |
- RenderText {#text} at (109,18) size 5x16 |
- text run at (109,18) width 5: " " |
- RenderInline {SPAN} at (0,0) size 356x40 |
- RenderText {#text} at (113,0) size 356x40 |
+ text run at (0,18) width 390: "be aligned with the text baseline (which is the default value)." |
+ RenderBlock {P} at (4,1506.31) size 747x230 |
+ RenderText {#text} at (0,22) size 101x18 |
+ text run at (0,22) width 101: "This paragraph " |
+ RenderImage {IMG} at (100.41,17) size 9x30 |
+ RenderText {#text} at (109,22) size 5x18 |
+ text run at (109,22) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 356x46 |
+ RenderText {#text} at (113,0) size 356x46 |
text run at (113,0) width 356: "contains many images" |
- RenderText {#text} at (468,18) size 5x16 |
- text run at (468,18) width 5: " " |
- RenderImage {IMG} at (472.88,1) size 15x50 |
- RenderText {#text} at (487,18) size 126x16 |
- text run at (487,18) width 126: " of varying heights " |
- RenderImage {IMG} at (612.30,21) size 3x10 |
- RenderText {#text} at (615,18) size 5x16 |
- text run at (615,18) width 5: " " |
- RenderInline {SMALL} at (0,0) size 71x16 |
- RenderText {#text} at (619,18) size 71x16 |
- text run at (619,18) width 71: "and widths" |
- RenderText {#text} at (689,18) size 5x16 |
- text run at (689,18) width 5: " " |
- RenderImage {IMG} at (693.06,16) size 6x20 |
- RenderText {#text} at (699,18) size 737x82 |
- text run at (699,18) width 38: " all of" |
- text run at (0,84) width 44: "which " |
- RenderImage {IMG} at (43.09,60) size 20x65 |
- RenderText {#text} at (63,84) size 121x16 |
- text run at (63,84) width 121: " should be aligned " |
- RenderImage {IMG} at (183.97,75) size 11x35 |
- RenderText {#text} at (194,84) size 5x16 |
- text run at (194,84) width 5: " " |
- RenderInline {SPAN} at (0,0) size 237x32 |
- RenderText {#text} at (198,72) size 237x32 |
- text run at (198,72) width 237: "with the middle of" |
- RenderText {#text} at (434,84) size 5x16 |
- text run at (434,84) width 5: " " |
- RenderImage {IMG} at (438.48,67) size 15x50 |
- RenderText {#text} at (453,84) size 5x16 |
- text run at (453,84) width 5: " " |
- RenderInline {SPAN} at (0,0) size 720x102 |
- RenderText {#text} at (457,78) size 18x24 |
- text run at (457,78) width 18: "a " |
- RenderInline {SPAN} at (0,0) size 204x60 |
- RenderText {#text} at (474,51) size 204x60 |
- text run at (474,51) width 204: "14-point" |
- RenderText {#text} at (677,78) size 720x102 |
- text run at (677,78) width 43: " text" |
- text run at (0,156) width 76: "element" |
- RenderText {#text} at (75,162) size 5x16 |
- text run at (75,162) width 5: " " |
- RenderImage {IMG} at (79.95,145) size 15x50 |
- RenderText {#text} at (94,162) size 5x16 |
- text run at (94,162) width 5: " " |
- RenderInline {SMALL} at (0,0) size 195x16 |
- RenderText {#text} at (98,162) size 195x16 |
- text run at (98,162) width 195: "regardless of the line in which" |
- RenderText {#text} at (292,162) size 5x16 |
- text run at (292,162) width 5: " " |
- RenderImage {IMG} at (296.23,163) size 5x15 |
- RenderText {#text} at (301,162) size 5x16 |
- text run at (301,162) width 5: " " |
- RenderInline {BIG} at (0,0) size 160x21 |
- RenderText {#text} at (305,158) size 160x21 |
- text run at (305,158) width 160: "the images appear." |
- RenderText {#text} at (464,162) size 5x16 |
- text run at (464,162) width 5: " " |
- RenderImage {IMG} at (468.53,125) size 27x90 |
+ RenderText {#text} at (468,22) size 5x18 |
+ text run at (468,22) width 5: " " |
+ RenderImage {IMG} at (472.88,7) size 15x50 |
+ RenderText {#text} at (487,22) size 126x18 |
+ text run at (487,22) width 126: " of varying heights " |
+ RenderImage {IMG} at (612.30,27) size 3x10 |
+ RenderText {#text} at (615,22) size 5x18 |
+ text run at (615,22) width 5: " " |
+ RenderInline {SMALL} at (0,0) size 71x18 |
+ RenderText {#text} at (619,22) size 71x18 |
+ text run at (619,22) width 71: "and widths" |
+ RenderText {#text} at (689,22) size 5x18 |
+ text run at (689,22) width 5: " " |
+ RenderImage {IMG} at (693.06,22) size 6x20 |
+ RenderText {#text} at (699,22) size 737x93 |
+ text run at (699,22) width 38: " all of" |
+ text run at (0,97) width 44: "which " |
+ RenderImage {IMG} at (43.09,75) size 20x65 |
+ RenderText {#text} at (63,97) size 121x18 |
+ text run at (63,97) width 121: " should be aligned " |
+ RenderImage {IMG} at (183.97,90) size 11x35 |
+ RenderText {#text} at (194,97) size 5x18 |
+ text run at (194,97) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 237x37 |
+ RenderText {#text} at (198,82) size 237x37 |
+ text run at (198,82) width 237: "with the middle of" |
+ RenderText {#text} at (434,97) size 5x18 |
+ text run at (434,97) width 5: " " |
+ RenderImage {IMG} at (438.48,82) size 15x50 |
+ RenderText {#text} at (453,97) size 5x18 |
+ text run at (453,97) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 720x106 |
+ RenderText {#text} at (457,89) size 18x28 |
+ text run at (457,89) width 18: "a " |
+ RenderInline {SPAN} at (0,0) size 204x69 |
+ RenderText {#text} at (474,57) size 204x69 |
+ text run at (474,57) width 204: "14-point" |
+ RenderText {#text} at (677,89) size 720x106 |
+ text run at (677,89) width 43: " text" |
+ text run at (0,167) width 76: "element" |
+ RenderText {#text} at (75,175) size 5x18 |
+ text run at (75,175) width 5: " " |
+ RenderImage {IMG} at (79.95,160) size 15x50 |
+ RenderText {#text} at (94,175) size 5x18 |
+ text run at (94,175) width 5: " " |
+ RenderInline {SMALL} at (0,0) size 195x18 |
+ RenderText {#text} at (98,175) size 195x18 |
+ text run at (98,175) width 195: "regardless of the line in which" |
+ RenderText {#text} at (292,175) size 5x18 |
+ text run at (292,175) width 5: " " |
+ RenderImage {IMG} at (296.23,178) size 5x15 |
+ RenderText {#text} at (301,175) size 5x18 |
+ text run at (301,175) width 5: " " |
+ RenderInline {BIG} at (0,0) size 160x24 |
+ RenderText {#text} at (305,170) size 160x24 |
+ text run at (305,170) width 160: "the images appear." |
+ RenderText {#text} at (464,175) size 5x18 |
+ text run at (464,175) width 5: " " |
+ RenderImage {IMG} at (468.53,140) size 27x90 |
RenderText {#text} at (0,0) size 0x0 |
- RenderBlock {P} at (4,1654.31) size 747x48 |
- RenderText {#text} at (0,0) size 723x48 |
+ RenderBlock {P} at (4,1752.31) size 747x54 |
+ RenderText {#text} at (0,0) size 723x54 |
text run at (0,0) width 723: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line, whether" |
- text run at (0,16) width 206: "that element is an image or not. " |
- text run at (205,16) width 510: "Each fragment of text has been SPANned appropriately in order to cause this to" |
- text run at (0,32) width 51: "happen." |
- RenderBlock {P} at (4,1718.31) size 747x195 |
- RenderInline {SPAN} at (0,0) size 97x16 |
- RenderText {#text} at (0,0) size 97x16 |
+ text run at (0,18) width 206: "that element is an image or not. " |
+ text run at (205,18) width 510: "Each fragment of text has been SPANned appropriately in order to cause this to" |
+ text run at (0,36) width 51: "happen." |
+ RenderBlock {P} at (4,1822.31) size 747x201 |
+ RenderInline {SPAN} at (0,0) size 97x18 |
+ RenderText {#text} at (0,0) size 97x18 |
text run at (0,0) width 97: "This paragraph" |
- RenderText {#text} at (96,0) size 5x16 |
+ RenderText {#text} at (96,0) size 5x18 |
text run at (96,0) width 5: " " |
RenderImage {IMG} at (100.41,0) size 3x10 |
- RenderText {#text} at (103,0) size 5x16 |
+ RenderText {#text} at (103,0) size 5x18 |
text run at (103,0) width 5: " " |
- RenderInline {SPAN} at (0,0) size 356x40 |
- RenderText {#text} at (107,0) size 356x40 |
+ RenderInline {SPAN} at (0,0) size 356x46 |
+ RenderText {#text} at (107,0) size 356x46 |
text run at (107,0) width 356: "contains many images" |
- RenderText {#text} at (462,0) size 5x16 |
+ RenderText {#text} at (462,0) size 5x18 |
text run at (462,0) width 5: " " |
RenderImage {IMG} at (466.88,0) size 3x10 |
- RenderText {#text} at (469,0) size 5x16 |
+ RenderText {#text} at (469,0) size 5x18 |
text run at (469,0) width 5: " " |
- RenderInline {SPAN} at (0,0) size 90x16 |
- RenderText {#text} at (473,0) size 90x16 |
+ RenderInline {SPAN} at (0,0) size 90x18 |
+ RenderText {#text} at (473,0) size 90x18 |
text run at (473,0) width 90: "and some text" |
- RenderText {#text} at (562,0) size 5x16 |
+ RenderText {#text} at (562,0) size 5x18 |
text run at (562,0) width 5: " " |
RenderImage {IMG} at (566.73,0) size 3x10 |
- RenderText {#text} at (569,0) size 5x16 |
+ RenderText {#text} at (569,0) size 5x18 |
text run at (569,0) width 5: " " |
- RenderInline {SPAN} at (0,0) size 118x16 |
- RenderText {#text} at (573,0) size 118x16 |
+ RenderInline {SPAN} at (0,0) size 118x18 |
+ RenderText {#text} at (573,0) size 118x18 |
text run at (573,0) width 118: "of varying heights" |
- RenderText {#text} at (690,0) size 5x16 |
+ RenderText {#text} at (690,0) size 5x18 |
text run at (690,0) width 5: " " |
RenderImage {IMG} at (694.16,0) size 3x10 |
- RenderText {#text} at (697,0) size 5x16 |
+ RenderText {#text} at (697,0) size 5x18 |
text run at (697,0) width 5: " " |
- RenderInline {BIG} at (0,0) size 732x61 |
- RenderText {#text} at (701,0) size 732x61 |
+ RenderInline {BIG} at (0,0) size 732x70 |
+ RenderText {#text} at (701,0) size 732x70 |
text run at (701,0) width 31: "and" |
- text run at (0,40) width 57: "widths" |
- RenderText {#text} at (56,40) size 5x16 |
- text run at (56,40) width 5: " " |
- RenderImage {IMG} at (60.88,40) size 6x20 |
- RenderText {#text} at (66,40) size 5x16 |
- text run at (66,40) width 5: " " |
- RenderInline {SPAN} at (0,0) size 78x16 |
- RenderText {#text} at (70,40) size 78x16 |
- text run at (70,40) width 78: "all of which" |
- RenderText {#text} at (147,40) size 5x16 |
- text run at (147,40) width 5: " " |
- RenderImage {IMG} at (151.30,40) size 20x65 |
- RenderText {#text} at (171,40) size 5x16 |
- text run at (171,40) width 5: " " |
- RenderInline {SPAN} at (0,0) size 114x16 |
- RenderText {#text} at (175,40) size 114x16 |
- text run at (175,40) width 114: "should be aligned" |
- RenderText {#text} at (288,40) size 5x16 |
- text run at (288,40) width 5: " " |
- RenderImage {IMG} at (292.17,40) size 11x35 |
- RenderText {#text} at (303,40) size 5x16 |
- text run at (303,40) width 5: " " |
- RenderInline {SPAN} at (0,0) size 188x32 |
- RenderText {#text} at (307,40) size 188x32 |
- text run at (307,40) width 188: "with the top of" |
- RenderText {#text} at (494,40) size 5x16 |
- text run at (494,40) width 5: " " |
- RenderImage {IMG} at (498.70,40) size 15x50 |
- RenderText {#text} at (513,40) size 5x16 |
- text run at (513,40) width 5: " " |
- RenderInline {SPAN} at (0,0) size 134x16 |
- RenderText {#text} at (517,40) size 134x16 |
- text run at (517,40) width 134: "the tallest element in" |
- RenderText {#text} at (650,40) size 5x16 |
- text run at (650,40) width 5: " " |
- RenderImage {IMG} at (654.55,40) size 5x15 |
+ text run at (0,46) width 57: "widths" |
+ RenderText {#text} at (56,46) size 5x18 |
+ text run at (56,46) width 5: " " |
+ RenderImage {IMG} at (60.88,46) size 6x20 |
+ RenderText {#text} at (66,46) size 5x18 |
+ text run at (66,46) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 78x18 |
+ RenderText {#text} at (70,46) size 78x18 |
+ text run at (70,46) width 78: "all of which" |
+ RenderText {#text} at (147,46) size 5x18 |
+ text run at (147,46) width 5: " " |
+ RenderImage {IMG} at (151.30,46) size 20x65 |
+ RenderText {#text} at (171,46) size 5x18 |
+ text run at (171,46) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 114x18 |
+ RenderText {#text} at (175,46) size 114x18 |
+ text run at (175,46) width 114: "should be aligned" |
+ RenderText {#text} at (288,46) size 5x18 |
+ text run at (288,46) width 5: " " |
+ RenderImage {IMG} at (292.17,46) size 11x35 |
+ RenderText {#text} at (303,46) size 5x18 |
+ text run at (303,46) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 188x37 |
+ RenderText {#text} at (307,46) size 188x37 |
+ text run at (307,46) width 188: "with the top of" |
+ RenderText {#text} at (494,46) size 5x18 |
+ text run at (494,46) width 5: " " |
+ RenderImage {IMG} at (498.70,46) size 15x50 |
+ RenderText {#text} at (513,46) size 5x18 |
+ text run at (513,46) width 5: " " |
+ RenderInline {SPAN} at (0,0) size 134x18 |
+ RenderText {#text} at (517,46) size 134x18 |
+ text run at (517,46) width 134: "the tallest element in" |
+ RenderText {#text} at (650,46) size 5x18 |
+ text run at (650,46) width 5: " " |
+ RenderImage {IMG} at (654.55,46) size 5x15 |
RenderText {#text} at (0,0) size 0x0 |
- RenderInline {BIG} at (0,0) size 307x21 |
- RenderText {#text} at (0,105) size 307x21 |
- text run at (0,105) width 307: "whichever line the elements appear." |
- RenderText {#text} at (306,105) size 5x16 |
- text run at (306,105) width 5: " " |
- RenderImage {IMG} at (310.17,105) size 27x90 |
+ RenderInline {BIG} at (0,0) size 307x24 |
+ RenderText {#text} at (0,111) size 307x24 |
+ text run at (0,111) width 307: "whichever line the elements appear." |
+ RenderText {#text} at (306,111) size 5x18 |
+ text run at (306,111) width 5: " " |
+ RenderImage {IMG} at (310.17,111) size 27x90 |
RenderText {#text} at (0,0) size 0x0 |