| layer at (0,0) size 785x4339 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x4339 |
| RenderBlock {HTML} at (0,0) size 785x4340 |
| RenderBody {BODY} at (8,8) size 769x4324 [bgcolor=#CCCCCC] |
| RenderBlock {P} at (0,0) size 769x17 |
| RenderText {#text} at (0,0) size 355x17 |
| text run at (0,0) width 355: "The style declarations which apply to the text below are:" |
| RenderBlock {PRE} at (0,33) size 769x270 |
| RenderText {#text} at (0,0) size 512x270 |
| text run at (0,0) width 160: "P {font-size: 12pt;}" |
| text run at (160,0) width 0: " " |
| text run at (0,15) width 216: ".one {vertical-align: sub;}" |
| text run at (216,15) width 0: " " |
| text run at (0,30) width 232: ".two {vertical-align: super;}" |
| text run at (232,30) width 0: " " |
| text run at (0,45) width 368: ".three {vertical-align: top; font-size: 12pt;}" |
| text run at (368,45) width 0: " " |
| text run at (0,60) width 400: ".four {vertical-align: text-top; font-size: 12pt;}" |
| text run at (400,60) width 0: " " |
| text run at (0,75) width 384: ".five {vertical-align: middle; font-size: 12pt;}" |
| text run at (384,75) width 0: " " |
| text run at (0,90) width 376: ".six {vertical-align: bottom; font-size: 12pt;}" |
| text run at (376,90) width 0: " " |
| text run at (0,105) width 432: ".seven {vertical-align: text-bottom; font-size: 12pt;}" |
| text run at (432,105) width 0: " " |
| text run at (0,120) width 408: ".eight {vertical-align: baseline; font-size: 12pt;}" |
| text run at (408,120) width 0: " " |
| text run at (0,135) width 512: ".nine {vertical-align: 50%; font-size: 12px; line-height: 16px;}" |
| text run at (512,135) width 0: " " |
| text run at (0,150) width 0: " " |
| text run at (0,165) width 224: "P.example {font-size: 14pt;}" |
| text run at (224,165) width 0: " " |
| text run at (0,180) width 176: "BIG {font-size: 16pt;}" |
| text run at (176,180) width 0: " " |
| text run at (0,195) width 192: "SMALL {font-size: 12pt;}" |
| text run at (192,195) width 0: " " |
| text run at (0,210) width 304: ".ttopalign {vertical-align: text-top;}" |
| text run at (304,210) width 0: " " |
| text run at (0,225) width 256: ".topalign {vertical-align: top;}" |
| text run at (256,225) width 0: " " |
| text run at (0,240) width 280: ".midalign {vertical-align: middle;}" |
| text run at (280,240) width 0: " " |
| text run at (0,255) width 0: " " |
| RenderBlock {HR} at (0,316) size 769x2 [border: (1px inset #000000)] |
| RenderBlock {P} at (0,334) size 769x74 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderInline {SPAN} at (0,0) size 126x17 |
| RenderText {#text} at (15,40) size 126x17 |
| text run at (15,40) width 126: "The first four words" |
| RenderText {#text} at (141,36) size 750x38 |
| text run at (141,36) width 284: " in this sentence should be subscript-aligned. " |
| text run at (425,36) width 325: "The font size of the superscripted text should not be" |
| text run at (0,57) width 254: "different from that of the parent element." |
| RenderBlock {P} at (0,424) size 769x70 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderInline {SPAN} at (0,0) size 126x17 |
| RenderText {#text} at (15,30) size 126x17 |
| text run at (15,30) width 126: "The first four words" |
| RenderText {#text} at (141,36) size 750x34 |
| text run at (141,36) width 296: " in this sentence should be superscript-aligned. " |
| text run at (437,36) width 313: "The font size of the subscripted text should not be" |
| text run at (0,53) width 254: "different from that of the parent element." |
| RenderBlock {P} at (0,510) size 769x70 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderInline {SPAN} at (0,0) size 126x17 |
| RenderText {#text} at (15,0) size 126x17 |
| text run at (15,0) width 126: "The first four words" |
| RenderText {#text} at (141,36) size 765x34 |
| text run at (141,36) width 624: " in this sentence should be top-aligned, which will align their tops with the top of the tallest element" |
| text run at (0,53) width 267: "in the line (probably the orange rectangle)." |
| RenderBlock {P} at (0,596) size 769x129 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,36) size 4x17 |
| text run at (15,36) width 4: " " |
| RenderInline {SPAN} at (0,0) size 754x108 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SPAN} at (0,0) size 126x17 |
| RenderText {#text} at (19,21) size 126x17 |
| text run at (19,21) width 126: "The first four words" |
| RenderText {#text} at (145,21) size 754x108 |
| text run at (145,21) width 556: " in this sentence should be text-top-aligned," |
| text run at (0,57) width 754: "which should align their tops with the top of the tallest text" |
| text run at (0,93) width 136: "in the line." |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,741) size 769x67 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,15) size 739x52 |
| text run at (15,15) width 724: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with the point" |
| text run at (0,50) width 310: "defined as the text baseline plus half the x-height." |
| RenderBlock {P} at (0,824) size 769x122 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,15) size 4x17 |
| text run at (15,15) width 4: " " |
| RenderInline {SPAN} at (0,0) size 733x122 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SPAN} at (0,0) size 126x17 |
| RenderText {#text} at (19,33) size 126x17 |
| text run at (19,33) width 126: "The first four words" |
| RenderText {#text} at (145,0) size 733x122 |
| text run at (145,0) width 544: " 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,86) width 517: "bottom of the lowest element in the line." |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,962) size 769x158 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,15) size 4x17 |
| text run at (15,15) width 4: " " |
| RenderInline {SPAN} at (0,0) size 745x158 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SPAN} at (0,0) size 293x17 |
| RenderText {#text} at (19,19) size 293x17 |
| text run at (19,19) width 293: "The first eight words (\"eight\" has a descender)" |
| RenderText {#text} at (312,0) size 745x158 |
| text run at (312,0) width 433: " in this sentence should be 12pt in" |
| text run at (0,50) width 692: "size and text-bottom-aligned, which should align their" |
| text run at (0,86) width 671: "bottom with the bottom of the lowest text (including" |
| text run at (0,122) width 294: "descenders) in the line." |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,1136) size 769x129 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,36) size 4x17 |
| text run at (15,36) width 4: " " |
| RenderInline {SPAN} at (0,0) size 759x108 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SPAN} at (0,0) size 126x17 |
| RenderText {#text} at (19,36) size 126x17 |
| text run at (19,36) width 126: "The first four words" |
| RenderText {#text} at (145,21) size 759x108 |
| text run at (145,21) width 544: " in this sentence should be 12pt in size and" |
| text run at (0,57) width 759: "baseline-aligned, which should align their baseline with the" |
| text run at (0,93) width 522: "baseline of the rest of the text in the line." |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,1281) size 769x70 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderInline {SPAN} at (0,0) size 96x14 |
| RenderText {#text} at (15,31) size 96x14 |
| text run at (15,31) width 96: "The first four words" |
| RenderText {#text} at (111,36) size 750x34 |
| text run at (111,36) width 639: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-aligned," |
| text run at (0,53) width 376: "which should raise them 8px relative to the natural baseline." |
| RenderBlock {P} at (0,1367) size 769x34 |
| RenderText {#text} at (0,0) size 742x34 |
| text run at (0,0) width 742: "In the following paragraph, all images should be aligned with the top of the 14-point text, which is identical to the first" |
| text run at (0,17) width 661: "section of text, whereas any size text should be aligned with the text baseline (which is the default value)." |
| RenderBlock {P} at (0,1419) size 769x321 |
| RenderText {#text} at (0,25) size 120x21 |
| text run at (0,25) width 120: "This paragraph " |
| RenderImage {IMG} at (120,25) size 9x30 |
| RenderText {#text} at (129,25) size 5x21 |
| text run at (129,25) width 5: " " |
| RenderInline {SPAN} at (0,0) size 422x52 |
| RenderText {#text} at (134,0) size 422x52 |
| text run at (134,0) width 422: "contains many images" |
| RenderText {#text} at (556,25) size 5x21 |
| text run at (556,25) width 5: " " |
| RenderImage {IMG} at (561,25) size 15x50 |
| RenderText {#text} at (576,25) size 5x21 |
| text run at (576,25) width 5: " " |
| RenderInline {BIG} at (0,0) size 156x24 |
| RenderText {#text} at (581,23) size 156x24 |
| text run at (581,23) width 156: "of varying heights" |
| RenderText {#text} at (737,25) size 5x21 |
| text run at (737,25) width 5: " " |
| RenderImage {IMG} at (742,25) size 3x10 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SMALL} at (0,0) size 69x17 |
| RenderText {#text} at (0,123) size 69x17 |
| text run at (0,123) width 69: "and widths" |
| RenderText {#text} at (69,120) size 5x21 |
| text run at (69,120) width 5: " " |
| RenderImage {IMG} at (74,120) size 6x20 |
| RenderText {#text} at (80,120) size 101x21 |
| text run at (80,120) width 101: " all of which " |
| RenderImage {IMG} at (181,120) size 20x65 |
| RenderText {#text} at (201,120) size 5x21 |
| text run at (201,120) width 5: " " |
| RenderInline {SPAN} at (0,0) size 262x41 |
| RenderText {#text} at (206,104) size 262x41 |
| text run at (206,104) width 262: "should be aligned" |
| RenderText {#text} at (468,120) size 5x21 |
| text run at (468,120) width 5: " " |
| RenderImage {IMG} at (473,120) size 11x35 |
| RenderText {#text} at (484,120) size 123x21 |
| text run at (484,120) width 123: " with the top of " |
| RenderImage {IMG} at (607,120) size 9x30 |
| RenderText {#text} at (616,120) size 5x21 |
| text run at (616,120) width 5: " " |
| RenderInline {SPAN} at (0,0) size 733x141 |
| RenderText {#text} at (621,112) size 19x31 |
| text run at (621,112) width 19: "a " |
| RenderInline {SPAN} at (0,0) size 733x187 |
| RenderText {#text} at (640,75) size 733x187 |
| text run at (640,75) width 93: "14-" |
| text run at (0,185) width 143: "point" |
| RenderText {#text} at (143,222) size 144x31 |
| text run at (143,222) width 144: " text element" |
| RenderText {#text} at (287,230) size 5x21 |
| text run at (287,230) width 5: " " |
| RenderImage {IMG} at (292,230) size 15x50 |
| RenderText {#text} at (307,230) size 5x21 |
| text run at (307,230) width 5: " " |
| RenderInline {SMALL} at (0,0) size 189x17 |
| RenderText {#text} at (312,233) size 189x17 |
| text run at (312,233) width 189: "regardless of the line in which" |
| RenderText {#text} at (501,230) size 5x21 |
| text run at (501,230) width 5: " " |
| RenderImage {IMG} at (506,230) size 5x15 |
| RenderText {#text} at (511,230) size 5x21 |
| text run at (511,230) width 5: " " |
| RenderInline {BIG} at (0,0) size 156x24 |
| RenderText {#text} at (516,228) size 156x24 |
| text run at (516,228) width 156: "the images appear." |
| RenderText {#text} at (672,230) size 5x21 |
| text run at (672,230) width 5: " " |
| RenderImage {IMG} at (677,230) size 27x90 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,1758) size 769x35 |
| RenderText {#text} at (0,0) size 749x34 |
| text run at (0,0) width 749: "In the following paragraph, all images should be aligned with the middle of the default text, whereas any text should be" |
| text run at (0,17) width 362: "aligned with the text baseline (which is the default value)." |
| RenderBlock {P} at (0,1808) size 769x230 |
| RenderText {#text} at (0,22) size 99x17 |
| text run at (0,22) width 99: "This paragraph " |
| RenderImage {IMG} at (99,17) size 9x30 |
| RenderText {#text} at (108,22) size 4x17 |
| text run at (108,22) width 4: " " |
| RenderInline {SPAN} at (0,0) size 357x45 |
| RenderText {#text} at (112,0) size 357x45 |
| text run at (112,0) width 357: "contains many images" |
| RenderText {#text} at (469,22) size 4x17 |
| text run at (469,22) width 4: " " |
| RenderImage {IMG} at (473,7) size 15x50 |
| RenderText {#text} at (488,22) size 122x17 |
| text run at (488,22) width 122: " of varying heights " |
| RenderImage {IMG} at (610,27) size 3x10 |
| RenderText {#text} at (613,22) size 4x17 |
| text run at (613,22) width 4: " " |
| RenderInline {SMALL} at (0,0) size 69x17 |
| RenderText {#text} at (617,22) size 69x17 |
| text run at (617,22) width 69: "and widths" |
| RenderText {#text} at (686,22) size 4x17 |
| text run at (686,22) width 4: " " |
| RenderImage {IMG} at (690,22) size 6x20 |
| RenderText {#text} at (696,22) size 732x91 |
| text run at (696,22) width 36: " all of" |
| text run at (0,96) width 43: "which " |
| RenderImage {IMG} at (43,74) size 20x65 |
| RenderText {#text} at (63,96) size 119x17 |
| text run at (63,96) width 119: " should be aligned " |
| RenderImage {IMG} at (182,89) size 11x35 |
| RenderText {#text} at (193,96) size 4x17 |
| text run at (193,96) width 4: " " |
| RenderInline {SPAN} at (0,0) size 236x36 |
| RenderText {#text} at (197,81) size 236x36 |
| text run at (197,81) width 236: "with the middle of" |
| RenderText {#text} at (433,96) size 4x17 |
| text run at (433,96) width 4: " " |
| RenderImage {IMG} at (437,81) size 15x50 |
| RenderText {#text} at (452,96) size 4x17 |
| text run at (452,96) width 4: " " |
| RenderInline {SPAN} at (0,0) size 720x104 |
| RenderText {#text} at (456,89) size 17x26 |
| text run at (456,89) width 17: "a " |
| RenderInline {SPAN} at (0,0) size 204x66 |
| RenderText {#text} at (473,57) size 204x66 |
| text run at (473,57) width 204: "14-point" |
| RenderText {#text} at (677,89) size 720x104 |
| text run at (677,89) width 43: " text" |
| text run at (0,167) width 78: "element" |
| RenderText {#text} at (78,174) size 4x17 |
| text run at (78,174) width 4: " " |
| RenderImage {IMG} at (82,159) size 15x50 |
| RenderText {#text} at (97,174) size 4x17 |
| text run at (97,174) width 4: " " |
| RenderInline {SMALL} at (0,0) size 189x17 |
| RenderText {#text} at (101,174) size 189x17 |
| text run at (101,174) width 189: "regardless of the line in which" |
| RenderText {#text} at (290,174) size 4x17 |
| text run at (290,174) width 4: " " |
| RenderImage {IMG} at (294,177) size 5x15 |
| RenderText {#text} at (299,174) size 4x17 |
| text run at (299,174) width 4: " " |
| RenderInline {BIG} at (0,0) size 156x24 |
| RenderText {#text} at (303,169) size 156x24 |
| text run at (303,169) width 156: "the images appear." |
| RenderText {#text} at (459,174) size 4x17 |
| text run at (459,174) width 4: " " |
| RenderImage {IMG} at (463,139) size 27x90 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,2053) size 769x35 |
| RenderText {#text} at (0,0) size 733x34 |
| text run at (0,0) width 733: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line, whether that" |
| text run at (0,17) width 173: "element is an image or not. " |
| text run at (173,17) width 555: "Each fragment of text has been SPANned appropriately in order to cause this to happen." |
| RenderBlock {P} at (0,2103) size 769x201 |
| RenderInline {SPAN} at (0,0) size 95x17 |
| RenderText {#text} at (0,0) size 95x17 |
| text run at (0,0) width 95: "This paragraph" |
| RenderText {#text} at (95,0) size 4x17 |
| text run at (95,0) width 4: " " |
| RenderImage {IMG} at (99,0) size 3x10 |
| RenderText {#text} at (102,0) size 4x17 |
| text run at (102,0) width 4: " " |
| RenderInline {SPAN} at (0,0) size 357x45 |
| RenderText {#text} at (106,0) size 357x45 |
| text run at (106,0) width 357: "contains many images" |
| RenderText {#text} at (463,0) size 4x17 |
| text run at (463,0) width 4: " " |
| RenderImage {IMG} at (467,0) size 3x10 |
| RenderText {#text} at (470,0) size 4x17 |
| text run at (470,0) width 4: " " |
| RenderInline {SPAN} at (0,0) size 87x17 |
| RenderText {#text} at (474,0) size 87x17 |
| text run at (474,0) width 87: "and some text" |
| RenderText {#text} at (561,0) size 4x17 |
| text run at (561,0) width 4: " " |
| RenderImage {IMG} at (565,0) size 3x10 |
| RenderText {#text} at (568,0) size 4x17 |
| text run at (568,0) width 4: " " |
| RenderInline {SPAN} at (0,0) size 114x17 |
| RenderText {#text} at (572,0) size 114x17 |
| text run at (572,0) width 114: "of varying heights" |
| RenderText {#text} at (686,0) size 4x17 |
| text run at (686,0) width 4: " " |
| RenderImage {IMG} at (690,0) size 3x10 |
| RenderText {#text} at (693,0) size 4x17 |
| text run at (693,0) width 4: " " |
| RenderInline {BIG} at (0,0) size 728x69 |
| RenderText {#text} at (697,0) size 728x69 |
| text run at (697,0) width 31: "and" |
| text run at (0,45) width 57: "widths" |
| RenderText {#text} at (57,45) size 4x17 |
| text run at (57,45) width 4: " " |
| RenderImage {IMG} at (61,45) size 6x20 |
| RenderText {#text} at (67,45) size 4x17 |
| text run at (67,45) width 4: " " |
| RenderInline {SPAN} at (0,0) size 75x17 |
| RenderText {#text} at (71,45) size 75x17 |
| text run at (71,45) width 75: "all of which" |
| RenderText {#text} at (146,45) size 4x17 |
| text run at (146,45) width 4: " " |
| RenderImage {IMG} at (150,45) size 20x65 |
| RenderText {#text} at (170,45) size 4x17 |
| text run at (170,45) width 4: " " |
| RenderInline {SPAN} at (0,0) size 111x17 |
| RenderText {#text} at (174,45) size 111x17 |
| text run at (174,45) width 111: "should be aligned" |
| RenderText {#text} at (285,45) size 4x17 |
| text run at (285,45) width 4: " " |
| RenderImage {IMG} at (289,45) size 11x35 |
| RenderText {#text} at (300,45) size 4x17 |
| text run at (300,45) width 4: " " |
| RenderInline {SPAN} at (0,0) size 188x36 |
| RenderText {#text} at (304,45) size 188x36 |
| text run at (304,45) width 188: "with the top of" |
| RenderText {#text} at (492,45) size 4x17 |
| text run at (492,45) width 4: " " |
| RenderImage {IMG} at (496,45) size 15x50 |
| RenderText {#text} at (511,45) size 4x17 |
| text run at (511,45) width 4: " " |
| RenderInline {SPAN} at (0,0) size 128x17 |
| RenderText {#text} at (515,45) size 128x17 |
| text run at (515,45) width 128: "the tallest element in" |
| RenderText {#text} at (643,45) size 4x17 |
| text run at (643,45) width 4: " " |
| RenderImage {IMG} at (647,45) size 5x15 |
| RenderText {#text} at (652,45) size 4x17 |
| text run at (652,45) width 4: " " |
| RenderInline {BIG} at (0,0) size 744x89 |
| RenderText {#text} at (656,45) size 744x89 |
| text run at (656,45) width 88: "whichever" |
| text run at (0,110) width 208: "line the elements appear." |
| RenderText {#text} at (208,110) size 4x17 |
| text run at (208,110) width 4: " " |
| RenderImage {IMG} at (212,110) size 27x90 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTable {TABLE} at (0,2319) size 769x2005 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 767x2002 |
| RenderTableRow {TR} at (0,0) size 767x25 |
| RenderTableCell {TD} at (0,0) size 767x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| RenderInline {STRONG} at (0,0) size 163x17 |
| RenderText {#text} at (4,4) size 163x17 |
| text run at (4,4) width 163: "TABLE Testing Section" |
| RenderTableRow {TR} at (0,25) size 767x1977 |
| RenderTableCell {TD} at (0,1001) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (4,4) size 4x17 |
| text run at (4,4) width 4: " " |
| RenderTableCell {TD} at (12,25) size 755x1978 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] |
| RenderBlock {P} at (4,4) size 747x74 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderInline {SPAN} at (0,0) size 126x17 |
| RenderText {#text} at (15,40) size 126x17 |
| text run at (15,40) width 126: "The first four words" |
| RenderText {#text} at (141,36) size 731x38 |
| text run at (141,36) width 284: " in this sentence should be subscript-aligned. " |
| text run at (425,36) width 306: "The font size of the superscripted text should not" |
| text run at (0,57) width 273: "be different from that of the parent element." |
| RenderBlock {P} at (4,94) size 747x70 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderInline {SPAN} at (0,0) size 126x17 |
| RenderText {#text} at (15,30) size 126x17 |
| text run at (15,30) width 126: "The first four words" |
| RenderText {#text} at (141,36) size 731x34 |
| text run at (141,36) width 296: " in this sentence should be superscript-aligned. " |
| text run at (437,36) width 294: "The font size of the subscripted text should not" |
| text run at (0,53) width 273: "be different from that of the parent element." |
| RenderBlock {P} at (4,180) size 747x70 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderInline {SPAN} at (0,0) size 126x17 |
| RenderText {#text} at (15,0) size 126x17 |
| text run at (15,0) width 126: "The first four words" |
| RenderText {#text} at (141,36) size 712x34 |
| text run at (141,36) width 571: " in this sentence should be top-aligned, which will align their tops with the top of the tallest" |
| text run at (0,53) width 320: "element in the line (probably the orange rectangle)." |
| RenderBlock {P} at (4,266) size 747x129 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,36) size 4x17 |
| text run at (15,36) width 4: " " |
| RenderInline {SPAN} at (0,0) size 701x108 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SPAN} at (0,0) size 126x17 |
| RenderText {#text} at (19,21) size 126x17 |
| text run at (19,21) width 126: "The first four words" |
| RenderText {#text} at (145,21) size 701x108 |
| text run at (145,21) width 556: " in this sentence should be text-top-aligned," |
| text run at (0,57) width 698: "which should align their tops with the top of the tallest" |
| text run at (0,93) width 192: "text in the line." |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (4,411) size 747x67 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,15) size 739x52 |
| text run at (15,15) width 724: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with the point" |
| text run at (0,50) width 310: "defined as the text baseline plus half the x-height." |
| RenderBlock {P} at (4,494) size 747x122 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,15) size 4x17 |
| text run at (15,15) width 4: " " |
| RenderInline {SPAN} at (0,0) size 733x122 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SPAN} at (0,0) size 126x17 |
| RenderText {#text} at (19,33) size 126x17 |
| text run at (19,33) width 126: "The first four words" |
| RenderText {#text} at (145,0) size 733x122 |
| text run at (145,0) width 544: " 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,86) width 517: "bottom of the lowest element in the line." |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (4,632) size 747x158 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,15) size 4x17 |
| text run at (15,15) width 4: " " |
| RenderInline {SPAN} at (0,0) size 745x158 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SPAN} at (0,0) size 293x17 |
| RenderText {#text} at (19,19) size 293x17 |
| text run at (19,19) width 293: "The first eight words (\"eight\" has a descender)" |
| RenderText {#text} at (312,0) size 745x158 |
| text run at (312,0) width 433: " in this sentence should be 12pt in" |
| text run at (0,50) width 692: "size and text-bottom-aligned, which should align their" |
| text run at (0,86) width 671: "bottom with the bottom of the lowest text (including" |
| text run at (0,122) width 294: "descenders) in the line." |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (4,806) size 747x129 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,36) size 4x17 |
| text run at (15,36) width 4: " " |
| RenderInline {SPAN} at (0,0) size 712x108 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SPAN} at (0,0) size 126x17 |
| RenderText {#text} at (19,36) size 126x17 |
| text run at (19,36) width 126: "The first four words" |
| RenderText {#text} at (145,21) size 712x108 |
| text run at (145,21) width 544: " in this sentence should be 12pt in size and" |
| text run at (0,57) width 712: "baseline-aligned, which should align their baseline with" |
| text run at (0,93) width 569: "the baseline of the rest of the text in the line." |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (4,951) size 747x70 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderInline {SPAN} at (0,0) size 96x14 |
| RenderText {#text} at (15,31) size 96x14 |
| text run at (15,31) width 96: "The first four words" |
| RenderText {#text} at (111,36) size 700x34 |
| text run at (111,36) width 589: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-" |
| text run at (0,53) width 430: "aligned, which should raise them 8px relative to the natural baseline." |
| RenderBlock {P} at (4,1037) size 747x34 |
| RenderText {#text} at (0,0) size 742x34 |
| text run at (0,0) width 742: "In the following paragraph, all images should be aligned with the top of the 14-point text, which is identical to the first" |
| text run at (0,17) width 661: "section of text, whereas any size text should be aligned with the text baseline (which is the default value)." |
| RenderBlock {P} at (4,1089) size 747x321 |
| RenderText {#text} at (0,25) size 120x21 |
| text run at (0,25) width 120: "This paragraph " |
| RenderImage {IMG} at (120,25) size 9x30 |
| RenderText {#text} at (129,25) size 5x21 |
| text run at (129,25) width 5: " " |
| RenderInline {SPAN} at (0,0) size 422x52 |
| RenderText {#text} at (134,0) size 422x52 |
| text run at (134,0) width 422: "contains many images" |
| RenderText {#text} at (556,25) size 5x21 |
| text run at (556,25) width 5: " " |
| RenderImage {IMG} at (561,25) size 15x50 |
| RenderText {#text} at (576,25) size 5x21 |
| text run at (576,25) width 5: " " |
| RenderInline {BIG} at (0,0) size 156x24 |
| RenderText {#text} at (581,23) size 156x24 |
| text run at (581,23) width 156: "of varying heights" |
| RenderText {#text} at (737,25) size 5x21 |
| text run at (737,25) width 5: " " |
| RenderImage {IMG} at (742,25) size 3x10 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SMALL} at (0,0) size 69x17 |
| RenderText {#text} at (0,123) size 69x17 |
| text run at (0,123) width 69: "and widths" |
| RenderText {#text} at (69,120) size 5x21 |
| text run at (69,120) width 5: " " |
| RenderImage {IMG} at (74,120) size 6x20 |
| RenderText {#text} at (80,120) size 101x21 |
| text run at (80,120) width 101: " all of which " |
| RenderImage {IMG} at (181,120) size 20x65 |
| RenderText {#text} at (201,120) size 5x21 |
| text run at (201,120) width 5: " " |
| RenderInline {SPAN} at (0,0) size 262x41 |
| RenderText {#text} at (206,104) size 262x41 |
| text run at (206,104) width 262: "should be aligned" |
| RenderText {#text} at (468,120) size 5x21 |
| text run at (468,120) width 5: " " |
| RenderImage {IMG} at (473,120) size 11x35 |
| RenderText {#text} at (484,120) size 123x21 |
| text run at (484,120) width 123: " with the top of " |
| RenderImage {IMG} at (607,120) size 9x30 |
| RenderText {#text} at (616,120) size 5x21 |
| text run at (616,120) width 5: " " |
| RenderInline {SPAN} at (0,0) size 733x141 |
| RenderText {#text} at (621,112) size 19x31 |
| text run at (621,112) width 19: "a " |
| RenderInline {SPAN} at (0,0) size 733x187 |
| RenderText {#text} at (640,75) size 733x187 |
| text run at (640,75) width 93: "14-" |
| text run at (0,185) width 143: "point" |
| RenderText {#text} at (143,222) size 144x31 |
| text run at (143,222) width 144: " text element" |
| RenderText {#text} at (287,230) size 5x21 |
| text run at (287,230) width 5: " " |
| RenderImage {IMG} at (292,230) size 15x50 |
| RenderText {#text} at (307,230) size 5x21 |
| text run at (307,230) width 5: " " |
| RenderInline {SMALL} at (0,0) size 189x17 |
| RenderText {#text} at (312,233) size 189x17 |
| text run at (312,233) width 189: "regardless of the line in which" |
| RenderText {#text} at (501,230) size 5x21 |
| text run at (501,230) width 5: " " |
| RenderImage {IMG} at (506,230) size 5x15 |
| RenderText {#text} at (511,230) size 5x21 |
| text run at (511,230) width 5: " " |
| RenderInline {BIG} at (0,0) size 156x24 |
| RenderText {#text} at (516,228) size 156x24 |
| text run at (516,228) width 156: "the images appear." |
| RenderText {#text} at (672,230) size 5x21 |
| text run at (672,230) width 5: " " |
| RenderImage {IMG} at (677,230) size 27x90 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (4,1428) size 747x35 |
| RenderText {#text} at (0,0) size 730x34 |
| text run at (0,0) width 730: "In the following paragraph, all images should be aligned with the middle of the default text, whereas any text should" |
| text run at (0,17) width 381: "be aligned with the text baseline (which is the default value)." |
| RenderBlock {P} at (4,1478) size 747x230 |
| RenderText {#text} at (0,22) size 99x17 |
| text run at (0,22) width 99: "This paragraph " |
| RenderImage {IMG} at (99,17) size 9x30 |
| RenderText {#text} at (108,22) size 4x17 |
| text run at (108,22) width 4: " " |
| RenderInline {SPAN} at (0,0) size 357x45 |
| RenderText {#text} at (112,0) size 357x45 |
| text run at (112,0) width 357: "contains many images" |
| RenderText {#text} at (469,22) size 4x17 |
| text run at (469,22) width 4: " " |
| RenderImage {IMG} at (473,7) size 15x50 |
| RenderText {#text} at (488,22) size 122x17 |
| text run at (488,22) width 122: " of varying heights " |
| RenderImage {IMG} at (610,27) size 3x10 |
| RenderText {#text} at (613,22) size 4x17 |
| text run at (613,22) width 4: " " |
| RenderInline {SMALL} at (0,0) size 69x17 |
| RenderText {#text} at (617,22) size 69x17 |
| text run at (617,22) width 69: "and widths" |
| RenderText {#text} at (686,22) size 4x17 |
| text run at (686,22) width 4: " " |
| RenderImage {IMG} at (690,22) size 6x20 |
| RenderText {#text} at (696,22) size 732x91 |
| text run at (696,22) width 36: " all of" |
| text run at (0,96) width 43: "which " |
| RenderImage {IMG} at (43,74) size 20x65 |
| RenderText {#text} at (63,96) size 119x17 |
| text run at (63,96) width 119: " should be aligned " |
| RenderImage {IMG} at (182,89) size 11x35 |
| RenderText {#text} at (193,96) size 4x17 |
| text run at (193,96) width 4: " " |
| RenderInline {SPAN} at (0,0) size 236x36 |
| RenderText {#text} at (197,81) size 236x36 |
| text run at (197,81) width 236: "with the middle of" |
| RenderText {#text} at (433,96) size 4x17 |
| text run at (433,96) width 4: " " |
| RenderImage {IMG} at (437,81) size 15x50 |
| RenderText {#text} at (452,96) size 4x17 |
| text run at (452,96) width 4: " " |
| RenderInline {SPAN} at (0,0) size 720x104 |
| RenderText {#text} at (456,89) size 17x26 |
| text run at (456,89) width 17: "a " |
| RenderInline {SPAN} at (0,0) size 204x66 |
| RenderText {#text} at (473,57) size 204x66 |
| text run at (473,57) width 204: "14-point" |
| RenderText {#text} at (677,89) size 720x104 |
| text run at (677,89) width 43: " text" |
| text run at (0,167) width 78: "element" |
| RenderText {#text} at (78,174) size 4x17 |
| text run at (78,174) width 4: " " |
| RenderImage {IMG} at (82,159) size 15x50 |
| RenderText {#text} at (97,174) size 4x17 |
| text run at (97,174) width 4: " " |
| RenderInline {SMALL} at (0,0) size 189x17 |
| RenderText {#text} at (101,174) size 189x17 |
| text run at (101,174) width 189: "regardless of the line in which" |
| RenderText {#text} at (290,174) size 4x17 |
| text run at (290,174) width 4: " " |
| RenderImage {IMG} at (294,177) size 5x15 |
| RenderText {#text} at (299,174) size 4x17 |
| text run at (299,174) width 4: " " |
| RenderInline {BIG} at (0,0) size 156x24 |
| RenderText {#text} at (303,169) size 156x24 |
| text run at (303,169) width 156: "the images appear." |
| RenderText {#text} at (459,174) size 4x17 |
| text run at (459,174) width 4: " " |
| RenderImage {IMG} at (463,139) size 27x90 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (4,1723) size 747x35 |
| RenderText {#text} at (0,0) size 733x34 |
| text run at (0,0) width 733: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line, whether that" |
| text run at (0,17) width 173: "element is an image or not. " |
| text run at (173,17) width 555: "Each fragment of text has been SPANned appropriately in order to cause this to happen." |
| RenderBlock {P} at (4,1773) size 747x201 |
| RenderInline {SPAN} at (0,0) size 95x17 |
| RenderText {#text} at (0,0) size 95x17 |
| text run at (0,0) width 95: "This paragraph" |
| RenderText {#text} at (95,0) size 4x17 |
| text run at (95,0) width 4: " " |
| RenderImage {IMG} at (99,0) size 3x10 |
| RenderText {#text} at (102,0) size 4x17 |
| text run at (102,0) width 4: " " |
| RenderInline {SPAN} at (0,0) size 357x45 |
| RenderText {#text} at (106,0) size 357x45 |
| text run at (106,0) width 357: "contains many images" |
| RenderText {#text} at (463,0) size 4x17 |
| text run at (463,0) width 4: " " |
| RenderImage {IMG} at (467,0) size 3x10 |
| RenderText {#text} at (470,0) size 4x17 |
| text run at (470,0) width 4: " " |
| RenderInline {SPAN} at (0,0) size 87x17 |
| RenderText {#text} at (474,0) size 87x17 |
| text run at (474,0) width 87: "and some text" |
| RenderText {#text} at (561,0) size 4x17 |
| text run at (561,0) width 4: " " |
| RenderImage {IMG} at (565,0) size 3x10 |
| RenderText {#text} at (568,0) size 4x17 |
| text run at (568,0) width 4: " " |
| RenderInline {SPAN} at (0,0) size 114x17 |
| RenderText {#text} at (572,0) size 114x17 |
| text run at (572,0) width 114: "of varying heights" |
| RenderText {#text} at (686,0) size 4x17 |
| text run at (686,0) width 4: " " |
| RenderImage {IMG} at (690,0) size 3x10 |
| RenderText {#text} at (693,0) size 4x17 |
| text run at (693,0) width 4: " " |
| RenderInline {BIG} at (0,0) size 728x69 |
| RenderText {#text} at (697,0) size 728x69 |
| text run at (697,0) width 31: "and" |
| text run at (0,45) width 57: "widths" |
| RenderText {#text} at (57,45) size 4x17 |
| text run at (57,45) width 4: " " |
| RenderImage {IMG} at (61,45) size 6x20 |
| RenderText {#text} at (67,45) size 4x17 |
| text run at (67,45) width 4: " " |
| RenderInline {SPAN} at (0,0) size 75x17 |
| RenderText {#text} at (71,45) size 75x17 |
| text run at (71,45) width 75: "all of which" |
| RenderText {#text} at (146,45) size 4x17 |
| text run at (146,45) width 4: " " |
| RenderImage {IMG} at (150,45) size 20x65 |
| RenderText {#text} at (170,45) size 4x17 |
| text run at (170,45) width 4: " " |
| RenderInline {SPAN} at (0,0) size 111x17 |
| RenderText {#text} at (174,45) size 111x17 |
| text run at (174,45) width 111: "should be aligned" |
| RenderText {#text} at (285,45) size 4x17 |
| text run at (285,45) width 4: " " |
| RenderImage {IMG} at (289,45) size 11x35 |
| RenderText {#text} at (300,45) size 4x17 |
| text run at (300,45) width 4: " " |
| RenderInline {SPAN} at (0,0) size 188x36 |
| RenderText {#text} at (304,45) size 188x36 |
| text run at (304,45) width 188: "with the top of" |
| RenderText {#text} at (492,45) size 4x17 |
| text run at (492,45) width 4: " " |
| RenderImage {IMG} at (496,45) size 15x50 |
| RenderText {#text} at (511,45) size 4x17 |
| text run at (511,45) width 4: " " |
| RenderInline {SPAN} at (0,0) size 128x17 |
| RenderText {#text} at (515,45) size 128x17 |
| text run at (515,45) width 128: "the tallest element in" |
| RenderText {#text} at (643,45) size 4x17 |
| text run at (643,45) width 4: " " |
| RenderImage {IMG} at (647,45) size 5x15 |
| RenderText {#text} at (652,45) size 4x17 |
| text run at (652,45) width 4: " " |
| RenderInline {BIG} at (0,0) size 744x89 |
| RenderText {#text} at (656,45) size 744x89 |
| text run at (656,45) width 88: "whichever" |
| text run at (0,110) width 208: "line the elements appear." |
| RenderText {#text} at (208,110) size 4x17 |
| text run at (208,110) width 4: " " |
| RenderImage {IMG} at (212,110) size 27x90 |
| RenderText {#text} at (0,0) size 0x0 |