layer at (0,0) size 800x4403 RenderCanvas at (0,0) size 800x600 layer at (0,0) size 800x4403 RenderBlock {HTML} at (0,0) size 800x4403 RenderBody {BODY} at (8,8) size 784x4387 [bgcolor=#CCCCCC] RenderBlock {P} at (0,0) size 784x18 RenderText {TEXT} at (0,0) size 355x18 text run at (0,0) width 355: "The style declarations which apply to the text below are:" RenderBlock {PRE} at (0,34) size 784x270 RenderText {TEXT} at (0,0) size 512x255 text run at (0,0) width 128: "P {font-size: 12" text run at (128,0) width 32: "pt;}" text run at (0,15) width 216: ".one {vertical-align: sub;}" text run at (0,30) width 232: ".two {vertical-align: super;}" text run at (0,45) width 336: ".three {vertical-align: top; font-size: 12" text run at (336,45) width 32: "pt;}" text run at (0,60) width 368: ".four {vertical-align: text-top; font-size: 12" text run at (368,60) width 32: "pt;}" text run at (0,75) width 352: ".five {vertical-align: middle; font-size: 12" text run at (352,75) width 32: "pt;}" text run at (0,90) width 344: ".six {vertical-align: bottom; font-size: 12" text run at (344,90) width 32: "pt;}" text run at (0,105) width 400: ".seven {vertical-align: text-bottom; font-size: 12" text run at (400,105) width 32: "pt;}" text run at (0,120) width 376: ".eight {vertical-align: baseline; font-size: 12" text run at (376,120) width 32: "pt;}" text run at (0,135) width 328: ".nine {vertical-align: 50%; font-size: 12" text run at (328,135) width 152: "px; line-height: 16" text run at (480,135) width 32: "px;}" text run at (0,165) width 192: "P.example {font-size: 14" text run at (192,165) width 32: "pt;}" text run at (0,180) width 144: "BIG {font-size: 16" text run at (144,180) width 32: "pt;}" text run at (0,195) width 160: "SMALL {font-size: 12" text run at (160,195) width 32: "pt;}" text run at (0,210) width 304: ".ttopalign {vertical-align: text-top;}" text run at (0,225) width 256: ".topalign {vertical-align: top;}" text run at (0,240) width 280: ".midalign {vertical-align: middle;}" RenderBlock {HR} at (0,317) size 784x2 [border: (1px inset #000000)] RenderBlock {P} at (0,335) size 784x76 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 126x18 RenderText {TEXT} at (15,40) size 126x18 text run at (15,40) width 126: "The first four words" RenderText {TEXT} at (141,36) size 750x40 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,58) width 254: "different from that of the parent element." RenderBlock {P} at (0,427) size 784x72 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 126x18 RenderText {TEXT} at (15,30) size 126x18 text run at (15,30) width 126: "The first four words" RenderText {TEXT} at (141,36) size 750x36 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,54) width 254: "different from that of the parent element." RenderBlock {P} at (0,515) size 784x72 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 126x18 RenderText {TEXT} at (15,0) size 126x18 text run at (15,0) width 126: "The first four words" RenderText {TEXT} at (141,36) size 781x36 text run at (141,36) width 640: " in this sentence should be top-aligned, which will align their tops with the top of the tallest element in" text run at (0,54) width 251: "the line (probably the orange rectangle)." RenderBlock {P} at (0,603) size 784x132 RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,36) size 4x18 text run at (15,36) width 4: " " RenderInline {SPAN} at (0,0) size 754x111 RenderInline {SPAN} at (0,0) size 126x18 RenderText {TEXT} at (19,21) size 126x18 text run at (19,21) width 126: "The first four words" RenderText {TEXT} at (145,21) size 754x111 text run at (145,21) width 556: " in this sentence should be text-top-aligned," text run at (0,58) width 754: "which should align their tops with the top of the tallest text" text run at (0,95) width 136: "in the line." RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (0,751) size 784x68 RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,15) size 739x53 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,835) size 784x124 RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,15) size 4x18 text run at (15,15) width 4: " " RenderInline {SPAN} at (0,0) size 733x124 RenderInline {SPAN} at (0,0) size 126x18 RenderText {TEXT} at (19,32) size 126x18 text run at (19,32) width 126: "The first four words" RenderText {TEXT} at (145,0) size 733x124 text run at (145,0) width 375: " in this sentence should be 12" text run at (520,0) width 169: "pt in size and" text run at (0,50) width 733: "bottom-aligned, which should align their bottom with the" text run at (0,87) width 517: "bottom of the lowest element in the line." RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (0,975) size 784x161 RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,15) size 4x18 text run at (15,15) width 4: " " RenderInline {SPAN} at (0,0) size 745x161 RenderInline {SPAN} at (0,0) size 293x18 RenderText {TEXT} at (19,19) size 293x18 text run at (19,19) width 293: "The first eight words (\"eight\" has a descender)" RenderText {TEXT} at (312,0) size 745x161 text run at (312,0) width 375: " in this sentence should be 12" text run at (687,0) width 58: "pt in" text run at (0,50) width 692: "size and text-bottom-aligned, which should align their" text run at (0,87) width 671: "bottom with the bottom of the lowest text (including" text run at (0,124) width 294: "descenders) in the line." RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (0,1152) size 784x132 RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,36) size 4x18 text run at (15,36) width 4: " " RenderInline {SPAN} at (0,0) size 759x111 RenderInline {SPAN} at (0,0) size 126x18 RenderText {TEXT} at (19,36) size 126x18 text run at (19,36) width 126: "The first four words" RenderText {TEXT} at (145,21) size 759x111 text run at (145,21) width 375: " in this sentence should be 12" text run at (520,21) width 169: "pt in size and" text run at (0,58) width 759: "baseline-aligned, which should align their baseline with the" text run at (0,95) width 522: "baseline of the rest of the text in the line." RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (0,1300) size 784x72 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 96x14 RenderText {TEXT} at (15,31) size 96x16 text run at (15,31) width 96: "The first four words" RenderText {TEXT} at (111,36) size 750x36 text run at (111,36) width 286: " in this sentence should have a font-size of 12" text run at (397,36) width 162: "px and a line-height of 16" text run at (559,36) width 141: "px; they are also 50%-" text run at (700,36) width 50: "aligned," text run at (0,54) width 165: "which should raise them 8" text run at (165,54) width 211: "px relative to the natural baseline." RenderBlock {P} at (0,1388) size 784x36 RenderText {TEXT} at (0,0) size 742x36 text run at (0,0) width 498: "In the following paragraph, all images should be aligned with the top of the 14-" text run at (498,0) width 244: "point text, which is identical to the first" text run at (0,18) width 661: "section of text, whereas any size text should be aligned with the text baseline (which is the default value)." RenderBlock {P} at (0,1442) size 784x324 RenderText {TEXT} at (0,25) size 120x22 text run at (0,25) width 120: "This paragraph " RenderImage {IMG} at (120,25) size 9x30 RenderText {TEXT} at (129,25) size 5x22 text run at (129,25) width 5: " " RenderInline {SPAN} at (0,0) size 422x54 RenderText {TEXT} at (134,0) size 422x54 text run at (134,0) width 422: "contains many images" RenderText {TEXT} at (556,25) size 5x22 text run at (556,25) width 5: " " RenderImage {IMG} at (561,25) size 15x50 RenderText {TEXT} at (576,25) size 5x22 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 5x22 text run at (737,25) width 5: " " RenderImage {IMG} at (742,25) size 3x10 RenderText {TEXT} at (745,25) size 5x22 text run at (745,25) width 5: " " RenderInline {SMALL} at (0,0) size 773x115 RenderText {TEXT} at (750,28) size 773x115 text run at (750,28) width 23: "and" text run at (0,125) width 42: "widths" RenderText {TEXT} at (42,122) size 5x22 text run at (42,122) width 5: " " RenderImage {IMG} at (47,122) size 6x20 RenderText {TEXT} at (53,122) size 101x22 text run at (53,122) width 101: " all of which " RenderImage {IMG} at (154,122) size 19x65 RenderText {TEXT} at (173,122) size 5x22 text run at (173,122) width 5: " " RenderInline {SPAN} at (0,0) size 262x43 RenderText {TEXT} at (178,105) size 262x43 text run at (178,105) width 262: "should be aligned" RenderText {TEXT} at (440,122) size 5x22 text run at (440,122) width 5: " " RenderImage {IMG} at (445,122) size 10x35 RenderText {TEXT} at (455,122) size 123x22 text run at (455,122) width 123: " with the top of " RenderImage {IMG} at (578,122) size 9x30 RenderText {TEXT} at (587,122) size 5x22 text run at (587,122) width 5: " " RenderInline {SPAN} at (0,0) size 704x144 RenderText {TEXT} at (592,114) size 19x32 text run at (592,114) width 19: "a " RenderInline {SPAN} at (0,0) size 704x194 RenderText {TEXT} at (611,75) size 704x194 text run at (611,75) width 93: "14-" text run at (0,187) width 143: "point" RenderText {TEXT} at (143,226) size 144x32 text run at (143,226) width 144: " text element" RenderText {TEXT} at (287,234) size 5x22 text run at (287,234) width 5: " " RenderImage {IMG} at (292,234) size 15x50 RenderText {TEXT} at (307,234) size 5x22 text run at (307,234) width 5: " " RenderInline {SMALL} at (0,0) size 189x18 RenderText {TEXT} at (312,237) size 189x18 text run at (312,237) width 189: "regardless of the line in which" RenderText {TEXT} at (501,234) size 5x22 text run at (501,234) width 5: " " RenderImage {IMG} at (506,234) size 4x15 RenderText {TEXT} at (510,234) size 5x22 text run at (510,234) width 5: " " RenderInline {BIG} at (0,0) size 156x24 RenderText {TEXT} at (515,232) size 156x24 text run at (515,232) width 156: "the images appear." RenderText {TEXT} at (671,234) size 5x22 text run at (671,234) width 5: " " RenderImage {IMG} at (676,234) size 27x90 RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (0,1784) size 784x36 RenderText {TEXT} at (0,0) size 749x36 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,18) width 362: "aligned with the text baseline (which is the default value)." RenderBlock {P} at (0,1836) size 784x230 RenderText {TEXT} at (0,22) size 99x18 text run at (0,22) width 99: "This paragraph " RenderImage {IMG} at (99,17) size 9x30 RenderText {TEXT} at (108,22) size 4x18 text run at (108,22) width 4: " " RenderInline {SPAN} at (0,0) size 357x46 RenderText {TEXT} at (112,0) size 357x46 text run at (112,0) width 357: "contains many images" RenderText {TEXT} at (469,22) size 4x18 text run at (469,22) width 4: " " RenderImage {IMG} at (473,7) size 15x50 RenderText {TEXT} at (488,22) size 122x18 text run at (488,22) width 122: " of varying heights " RenderImage {IMG} at (610,27) size 3x10 RenderText {TEXT} at (613,22) size 4x18 text run at (613,22) width 4: " " RenderInline {SMALL} at (0,0) size 69x18 RenderText {TEXT} at (617,22) size 69x18 text run at (617,22) width 69: "and widths" RenderText {TEXT} at (686,22) size 4x18 text run at (686,22) width 4: " " RenderImage {IMG} at (690,22) size 6x20 RenderText {TEXT} at (696,22) size 83x18 text run at (696,22) width 83: " all of which " RenderImage {IMG} at (0,75) size 19x65 RenderText {TEXT} at (19,97) size 119x18 text run at (19,97) width 119: " should be aligned " RenderImage {IMG} at (138,90) size 10x35 RenderText {TEXT} at (148,97) size 4x18 text run at (148,97) width 4: " " RenderInline {SPAN} at (0,0) size 236x37 RenderText {TEXT} at (152,82) size 236x37 text run at (152,82) width 236: "with the middle of" RenderText {TEXT} at (388,97) size 4x18 text run at (388,97) width 4: " " RenderImage {IMG} at (392,82) size 15x50 RenderText {TEXT} at (407,97) size 4x18 text run at (407,97) width 4: " " RenderInline {SPAN} at (0,0) size 348x28 RenderText {TEXT} at (411,89) size 17x28 text run at (411,89) width 17: "a " RenderInline {SPAN} at (0,0) size 204x69 RenderText {TEXT} at (428,57) size 204x69 text run at (428,57) width 80: "14-" text run at (508,57) width 124: "point" RenderText {TEXT} at (632,89) size 127x28 text run at (632,89) width 127: " text element" RenderText {TEXT} at (759,97) size 4x18 text run at (759,97) width 4: " " RenderImage {IMG} at (763,82) size 15x50 RenderText {TEXT} at (0,0) size 0x0 RenderInline {SMALL} at (0,0) size 189x18 RenderText {TEXT} at (0,175) size 189x18 text run at (0,175) width 189: "regardless of the line in which" RenderText {TEXT} at (189,175) size 4x18 text run at (189,175) width 4: " " RenderImage {IMG} at (193,178) size 4x15 RenderText {TEXT} at (197,175) size 4x18 text run at (197,175) width 4: " " RenderInline {BIG} at (0,0) size 156x24 RenderText {TEXT} at (201,170) size 156x24 text run at (201,170) width 156: "the images appear." RenderText {TEXT} at (357,175) size 4x18 text run at (357,175) width 4: " " RenderImage {IMG} at (361,140) size 27x90 RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (0,2082) size 784x36 RenderText {TEXT} at (0,0) size 733x36 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,18) width 173: "element is an image or not. " text run at (173,18) width 555: "Each fragment of text has been SPANned appropriately in order to cause this to happen." RenderBlock {P} at (0,2134) size 784x201 RenderInline {SPAN} at (0,0) size 95x18 RenderText {TEXT} at (0,0) size 95x18 text run at (0,0) width 95: "This paragraph" RenderText {TEXT} at (95,0) size 4x18 text run at (95,0) width 4: " " RenderImage {IMG} at (99,0) size 3x10 RenderText {TEXT} at (102,0) size 4x18 text run at (102,0) width 4: " " RenderInline {SPAN} at (0,0) size 357x46 RenderText {TEXT} at (106,0) size 357x46 text run at (106,0) width 357: "contains many images" RenderText {TEXT} at (463,0) size 4x18 text run at (463,0) width 4: " " RenderImage {IMG} at (467,0) size 3x10 RenderText {TEXT} at (470,0) size 4x18 text run at (470,0) width 4: " " RenderInline {SPAN} at (0,0) size 87x18 RenderText {TEXT} at (474,0) size 87x18 text run at (474,0) width 87: "and some text" RenderText {TEXT} at (561,0) size 4x18 text run at (561,0) width 4: " " RenderImage {IMG} at (565,0) size 3x10 RenderText {TEXT} at (568,0) size 4x18 text run at (568,0) width 4: " " RenderInline {SPAN} at (0,0) size 114x18 RenderText {TEXT} at (572,0) size 114x18 text run at (572,0) width 114: "of varying heights" RenderText {TEXT} at (686,0) size 4x18 text run at (686,0) width 4: " " RenderImage {IMG} at (690,0) size 3x10 RenderText {TEXT} at (693,0) size 4x18 text run at (693,0) width 4: " " RenderInline {BIG} at (0,0) size 728x70 RenderText {TEXT} at (697,0) size 728x70 text run at (697,0) width 31: "and" text run at (0,46) width 57: "widths" RenderText {TEXT} at (57,46) size 4x18 text run at (57,46) width 4: " " RenderImage {IMG} at (61,46) size 6x20 RenderText {TEXT} at (67,46) size 4x18 text run at (67,46) width 4: " " RenderInline {SPAN} at (0,0) size 75x18 RenderText {TEXT} at (71,46) size 75x18 text run at (71,46) width 75: "all of which" RenderText {TEXT} at (146,46) size 4x18 text run at (146,46) width 4: " " RenderImage {IMG} at (150,46) size 19x65 RenderText {TEXT} at (169,46) size 4x18 text run at (169,46) width 4: " " RenderInline {SPAN} at (0,0) size 111x18 RenderText {TEXT} at (173,46) size 111x18 text run at (173,46) width 111: "should be aligned" RenderText {TEXT} at (284,46) size 4x18 text run at (284,46) width 4: " " RenderImage {IMG} at (288,46) size 10x35 RenderText {TEXT} at (298,46) size 4x18 text run at (298,46) width 4: " " RenderInline {SPAN} at (0,0) size 188x37 RenderText {TEXT} at (302,46) size 188x37 text run at (302,46) width 188: "with the top of" RenderText {TEXT} at (490,46) size 4x18 text run at (490,46) width 4: " " RenderImage {IMG} at (494,46) size 15x50 RenderText {TEXT} at (509,46) size 4x18 text run at (509,46) width 4: " " RenderInline {SPAN} at (0,0) size 128x18 RenderText {TEXT} at (513,46) size 128x18 text run at (513,46) width 128: "the tallest element in" RenderText {TEXT} at (641,46) size 4x18 text run at (641,46) width 4: " " RenderImage {IMG} at (645,46) size 4x15 RenderText {TEXT} at (649,46) size 4x18 text run at (649,46) width 4: " " RenderInline {BIG} at (0,0) size 778x89 RenderText {TEXT} at (653,46) size 778x89 text run at (653,46) width 125: "whichever line" text run at (0,111) width 171: "the elements appear." RenderText {TEXT} at (171,111) size 4x18 text run at (171,111) width 4: " " RenderImage {IMG} at (175,111) size 27x90 RenderText {TEXT} at (0,0) size 0x0 RenderTable {TABLE} at (0,2351) size 784x2036 [border: (1px outset #808080)] RenderTableSection {TBODY} at (1,1) size 0x2034 RenderTableRow {TR} at (0,0) size 0x0 RenderTableCell {TD} at (0,0) size 782x26 [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" RenderTableRow {TR} at (0,0) size 0x0 RenderTableCell {TD} at (0,1017) 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: " " RenderTableCell {TD} at (12,26) size 770x2008 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] RenderBlock {P} at (4,4) size 762x76 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 126x18 RenderText {TEXT} at (15,40) size 126x18 text run at (15,40) width 126: "The first four words" RenderText {TEXT} at (141,36) size 750x40 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,58) width 254: "different from that of the parent element." RenderBlock {P} at (4,96) size 762x72 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 126x18 RenderText {TEXT} at (15,30) size 126x18 text run at (15,30) width 126: "The first four words" RenderText {TEXT} at (141,36) size 750x36 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,54) width 254: "different from that of the parent element." RenderBlock {P} at (4,184) size 762x72 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 126x18 RenderText {TEXT} at (15,0) size 126x18 text run at (15,0) width 126: "The first four words" RenderText {TEXT} at (141,36) size 712x36 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,54) width 320: "element in the line (probably the orange rectangle)." RenderBlock {P} at (4,272) size 762x132 RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,36) size 4x18 text run at (15,36) width 4: " " RenderInline {SPAN} at (0,0) size 754x111 RenderInline {SPAN} at (0,0) size 126x18 RenderText {TEXT} at (19,21) size 126x18 text run at (19,21) width 126: "The first four words" RenderText {TEXT} at (145,21) size 754x111 text run at (145,21) width 556: " in this sentence should be text-top-aligned," text run at (0,58) width 754: "which should align their tops with the top of the tallest text" text run at (0,95) width 136: "in the line." RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (4,420) size 762x68 RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,15) size 739x53 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,504) size 762x124 RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,15) size 4x18 text run at (15,15) width 4: " " RenderInline {SPAN} at (0,0) size 733x124 RenderInline {SPAN} at (0,0) size 126x18 RenderText {TEXT} at (19,32) size 126x18 text run at (19,32) width 126: "The first four words" RenderText {TEXT} at (145,0) size 733x124 text run at (145,0) width 375: " in this sentence should be 12" text run at (520,0) width 169: "pt in size and" text run at (0,50) width 733: "bottom-aligned, which should align their bottom with the" text run at (0,87) width 517: "bottom of the lowest element in the line." RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (4,644) size 762x161 RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,15) size 4x18 text run at (15,15) width 4: " " RenderInline {SPAN} at (0,0) size 745x161 RenderInline {SPAN} at (0,0) size 293x18 RenderText {TEXT} at (19,19) size 293x18 text run at (19,19) width 293: "The first eight words (\"eight\" has a descender)" RenderText {TEXT} at (312,0) size 745x161 text run at (312,0) width 375: " in this sentence should be 12" text run at (687,0) width 58: "pt in" text run at (0,50) width 692: "size and text-bottom-aligned, which should align their" text run at (0,87) width 671: "bottom with the bottom of the lowest text (including" text run at (0,124) width 294: "descenders) in the line." RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (4,821) size 762x132 RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,36) size 4x18 text run at (15,36) width 4: " " RenderInline {SPAN} at (0,0) size 759x111 RenderInline {SPAN} at (0,0) size 126x18 RenderText {TEXT} at (19,36) size 126x18 text run at (19,36) width 126: "The first four words" RenderText {TEXT} at (145,21) size 759x111 text run at (145,21) width 375: " in this sentence should be 12" text run at (520,21) width 169: "pt in size and" text run at (0,58) width 759: "baseline-aligned, which should align their baseline with the" text run at (0,95) width 522: "baseline of the rest of the text in the line." RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (4,969) size 762x72 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 96x14 RenderText {TEXT} at (15,31) size 96x16 text run at (15,31) width 96: "The first four words" RenderText {TEXT} at (111,36) size 750x36 text run at (111,36) width 286: " in this sentence should have a font-size of 12" text run at (397,36) width 162: "px and a line-height of 16" text run at (559,36) width 141: "px; they are also 50%-" text run at (700,36) width 50: "aligned," text run at (0,54) width 165: "which should raise them 8" text run at (165,54) width 211: "px relative to the natural baseline." RenderBlock {P} at (4,1057) size 762x36 RenderText {TEXT} at (0,0) size 742x36 text run at (0,0) width 498: "In the following paragraph, all images should be aligned with the top of the 14-" text run at (498,0) width 244: "point text, which is identical to the first" text run at (0,18) width 661: "section of text, whereas any size text should be aligned with the text baseline (which is the default value)." RenderBlock {P} at (4,1111) size 762x324 RenderText {TEXT} at (0,25) size 120x22 text run at (0,25) width 120: "This paragraph " RenderImage {IMG} at (120,25) size 9x30 RenderText {TEXT} at (129,25) size 5x22 text run at (129,25) width 5: " " RenderInline {SPAN} at (0,0) size 422x54 RenderText {TEXT} at (134,0) size 422x54 text run at (134,0) width 422: "contains many images" RenderText {TEXT} at (556,25) size 5x22 text run at (556,25) width 5: " " RenderImage {IMG} at (561,25) size 15x50 RenderText {TEXT} at (576,25) size 5x22 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 5x22 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 69x18 RenderText {TEXT} at (0,125) size 69x18 text run at (0,125) width 69: "and widths" RenderText {TEXT} at (69,122) size 5x22 text run at (69,122) width 5: " " RenderImage {IMG} at (74,122) size 6x20 RenderText {TEXT} at (80,122) size 101x22 text run at (80,122) width 101: " all of which " RenderImage {IMG} at (181,122) size 19x65 RenderText {TEXT} at (200,122) size 5x22 text run at (200,122) width 5: " " RenderInline {SPAN} at (0,0) size 262x43 RenderText {TEXT} at (205,105) size 262x43 text run at (205,105) width 262: "should be aligned" RenderText {TEXT} at (467,122) size 5x22 text run at (467,122) width 5: " " RenderImage {IMG} at (472,122) size 10x35 RenderText {TEXT} at (482,122) size 123x22 text run at (482,122) width 123: " with the top of " RenderImage {IMG} at (605,122) size 9x30 RenderText {TEXT} at (614,122) size 5x22 text run at (614,122) width 5: " " RenderInline {SPAN} at (0,0) size 731x144 RenderText {TEXT} at (619,114) size 19x32 text run at (619,114) width 19: "a " RenderInline {SPAN} at (0,0) size 731x194 RenderText {TEXT} at (638,75) size 731x194 text run at (638,75) width 93: "14-" text run at (0,187) width 143: "point" RenderText {TEXT} at (143,226) size 144x32 text run at (143,226) width 144: " text element" RenderText {TEXT} at (287,234) size 5x22 text run at (287,234) width 5: " " RenderImage {IMG} at (292,234) size 15x50 RenderText {TEXT} at (307,234) size 5x22 text run at (307,234) width 5: " " RenderInline {SMALL} at (0,0) size 189x18 RenderText {TEXT} at (312,237) size 189x18 text run at (312,237) width 189: "regardless of the line in which" RenderText {TEXT} at (501,234) size 5x22 text run at (501,234) width 5: " " RenderImage {IMG} at (506,234) size 4x15 RenderText {TEXT} at (510,234) size 5x22 text run at (510,234) width 5: " " RenderInline {BIG} at (0,0) size 156x24 RenderText {TEXT} at (515,232) size 156x24 text run at (515,232) width 156: "the images appear." RenderText {TEXT} at (671,234) size 5x22 text run at (671,234) width 5: " " RenderImage {IMG} at (676,234) size 27x90 RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (4,1453) size 762x36 RenderText {TEXT} at (0,0) size 749x36 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,18) width 362: "aligned with the text baseline (which is the default value)." RenderBlock {P} at (4,1505) size 762x230 RenderText {TEXT} at (0,22) size 99x18 text run at (0,22) width 99: "This paragraph " RenderImage {IMG} at (99,17) size 9x30 RenderText {TEXT} at (108,22) size 4x18 text run at (108,22) width 4: " " RenderInline {SPAN} at (0,0) size 357x46 RenderText {TEXT} at (112,0) size 357x46 text run at (112,0) width 357: "contains many images" RenderText {TEXT} at (469,22) size 4x18 text run at (469,22) width 4: " " RenderImage {IMG} at (473,7) size 15x50 RenderText {TEXT} at (488,22) size 122x18 text run at (488,22) width 122: " of varying heights " RenderImage {IMG} at (610,27) size 3x10 RenderText {TEXT} at (613,22) size 4x18 text run at (613,22) width 4: " " RenderInline {SMALL} at (0,0) size 69x18 RenderText {TEXT} at (617,22) size 69x18 text run at (617,22) width 69: "and widths" RenderText {TEXT} at (686,22) size 4x18 text run at (686,22) width 4: " " RenderImage {IMG} at (690,22) size 6x20 RenderText {TEXT} at (696,22) size 732x93 text run at (696,22) width 36: " all of" text run at (0,97) width 43: "which " RenderImage {IMG} at (43,75) size 19x65 RenderText {TEXT} at (62,97) size 119x18 text run at (62,97) width 119: " should be aligned " RenderImage {IMG} at (181,90) size 10x35 RenderText {TEXT} at (191,97) size 4x18 text run at (191,97) width 4: " " RenderInline {SPAN} at (0,0) size 236x37 RenderText {TEXT} at (195,82) size 236x37 text run at (195,82) width 236: "with the middle of" RenderText {TEXT} at (431,97) size 4x18 text run at (431,97) width 4: " " RenderImage {IMG} at (435,82) size 15x50 RenderText {TEXT} at (450,97) size 4x18 text run at (450,97) width 4: " " RenderInline {SPAN} at (0,0) size 718x106 RenderText {TEXT} at (454,89) size 17x28 text run at (454,89) width 17: "a " RenderInline {SPAN} at (0,0) size 204x69 RenderText {TEXT} at (471,57) size 204x69 text run at (471,57) width 80: "14-" text run at (551,57) width 124: "point" RenderText {TEXT} at (675,89) size 718x106 text run at (675,89) width 43: " text" text run at (0,167) width 78: "element" RenderText {TEXT} at (78,175) size 4x18 text run at (78,175) width 4: " " RenderImage {IMG} at (82,160) size 15x50 RenderText {TEXT} at (97,175) size 4x18 text run at (97,175) width 4: " " RenderInline {SMALL} at (0,0) size 189x18 RenderText {TEXT} at (101,175) size 189x18 text run at (101,175) width 189: "regardless of the line in which" RenderText {TEXT} at (290,175) size 4x18 text run at (290,175) width 4: " " RenderImage {IMG} at (294,178) size 4x15 RenderText {TEXT} at (298,175) size 4x18 text run at (298,175) width 4: " " RenderInline {BIG} at (0,0) size 156x24 RenderText {TEXT} at (302,170) size 156x24 text run at (302,170) width 156: "the images appear." RenderText {TEXT} at (458,175) size 4x18 text run at (458,175) width 4: " " RenderImage {IMG} at (462,140) size 27x90 RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (4,1751) size 762x36 RenderText {TEXT} at (0,0) size 733x36 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,18) width 173: "element is an image or not. " text run at (173,18) width 555: "Each fragment of text has been SPANned appropriately in order to cause this to happen." RenderBlock {P} at (4,1803) size 762x201 RenderInline {SPAN} at (0,0) size 95x18 RenderText {TEXT} at (0,0) size 95x18 text run at (0,0) width 95: "This paragraph" RenderText {TEXT} at (95,0) size 4x18 text run at (95,0) width 4: " " RenderImage {IMG} at (99,0) size 3x10 RenderText {TEXT} at (102,0) size 4x18 text run at (102,0) width 4: " " RenderInline {SPAN} at (0,0) size 357x46 RenderText {TEXT} at (106,0) size 357x46 text run at (106,0) width 357: "contains many images" RenderText {TEXT} at (463,0) size 4x18 text run at (463,0) width 4: " " RenderImage {IMG} at (467,0) size 3x10 RenderText {TEXT} at (470,0) size 4x18 text run at (470,0) width 4: " " RenderInline {SPAN} at (0,0) size 87x18 RenderText {TEXT} at (474,0) size 87x18 text run at (474,0) width 87: "and some text" RenderText {TEXT} at (561,0) size 4x18 text run at (561,0) width 4: " " RenderImage {IMG} at (565,0) size 3x10 RenderText {TEXT} at (568,0) size 4x18 text run at (568,0) width 4: " " RenderInline {SPAN} at (0,0) size 114x18 RenderText {TEXT} at (572,0) size 114x18 text run at (572,0) width 114: "of varying heights" RenderText {TEXT} at (686,0) size 4x18 text run at (686,0) width 4: " " RenderImage {IMG} at (690,0) size 3x10 RenderText {TEXT} at (693,0) size 4x18 text run at (693,0) width 4: " " RenderInline {BIG} at (0,0) size 728x70 RenderText {TEXT} at (697,0) size 728x70 text run at (697,0) width 31: "and" text run at (0,46) width 57: "widths" RenderText {TEXT} at (57,46) size 4x18 text run at (57,46) width 4: " " RenderImage {IMG} at (61,46) size 6x20 RenderText {TEXT} at (67,46) size 4x18 text run at (67,46) width 4: " " RenderInline {SPAN} at (0,0) size 75x18 RenderText {TEXT} at (71,46) size 75x18 text run at (71,46) width 75: "all of which" RenderText {TEXT} at (146,46) size 4x18 text run at (146,46) width 4: " " RenderImage {IMG} at (150,46) size 19x65 RenderText {TEXT} at (169,46) size 4x18 text run at (169,46) width 4: " " RenderInline {SPAN} at (0,0) size 111x18 RenderText {TEXT} at (173,46) size 111x18 text run at (173,46) width 111: "should be aligned" RenderText {TEXT} at (284,46) size 4x18 text run at (284,46) width 4: " " RenderImage {IMG} at (288,46) size 10x35 RenderText {TEXT} at (298,46) size 4x18 text run at (298,46) width 4: " " RenderInline {SPAN} at (0,0) size 188x37 RenderText {TEXT} at (302,46) size 188x37 text run at (302,46) width 188: "with the top of" RenderText {TEXT} at (490,46) size 4x18 text run at (490,46) width 4: " " RenderImage {IMG} at (494,46) size 15x50 RenderText {TEXT} at (509,46) size 4x18 text run at (509,46) width 4: " " RenderInline {SPAN} at (0,0) size 128x18 RenderText {TEXT} at (513,46) size 128x18 text run at (513,46) width 128: "the tallest element in" RenderText {TEXT} at (641,46) size 4x18 text run at (641,46) width 4: " " RenderImage {IMG} at (645,46) size 4x15 RenderText {TEXT} at (649,46) size 4x18 text run at (649,46) width 4: " " RenderInline {BIG} at (0,0) size 741x89 RenderText {TEXT} at (653,46) size 741x89 text run at (653,46) width 88: "whichever" text run at (0,111) width 208: "line the elements appear." RenderText {TEXT} at (208,111) size 4x18 text run at (208,111) width 4: " " RenderImage {IMG} at (212,111) size 27x90 RenderText {TEXT} at (0,0) size 0x0