layer at (0,0) size 800x4833 RenderCanvas at (0,0) size 800x600 layer at (0,0) size 800x4833 RenderBlock {HTML} at (0,0) size 800x4833 RenderBody {BODY} at (8,8) size 784x4817 [bgcolor=#CCCCCC] RenderBlock {P} at (0,0) size 784x18 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 443x18 text run at (0,0) width 443: "The style declarations which apply to the text below are:" RenderBlock {PRE} at (0,34) size 784x288 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 512x272 text run at (0,0) width 128: "P {font-size: 12" text run at (128,0) width 32: "pt;}" text run at (0,16) width 216: ".one {vertical-align: sub;}" text run at (0,32) width 232: ".two {vertical-align: super;}" text run at (0,48) width 336: ".three {vertical-align: top; font-size: 12" text run at (336,48) width 32: "pt;}" text run at (0,64) width 368: ".four {vertical-align: text-top; font-size: 12" text run at (368,64) width 32: "pt;}" text run at (0,80) width 352: ".five {vertical-align: middle; font-size: 12" text run at (352,80) width 32: "pt;}" text run at (0,96) width 344: ".six {vertical-align: bottom; font-size: 12" text run at (344,96) width 32: "pt;}" text run at (0,112) width 400: ".seven {vertical-align: text-bottom; font-size: 12" text run at (400,112) width 32: "pt;}" text run at (0,128) width 376: ".eight {vertical-align: baseline; font-size: 12" text run at (376,128) width 32: "pt;}" text run at (0,144) width 328: ".nine {vertical-align: 50%; font-size: 12" text run at (328,144) width 152: "px; line-height: 16" text run at (480,144) width 32: "px;}" text run at (0,176) width 192: "P.example {font-size: 14" text run at (192,176) width 32: "pt;}" text run at (0,192) width 144: "BIG {font-size: 16" text run at (144,192) width 32: "pt;}" text run at (0,208) width 160: "SMALL {font-size: 12" text run at (160,208) width 32: "pt;}" text run at (0,224) width 304: ".ttopalign {vertical-align: text-top;}" text run at (0,240) width 256: ".topalign {vertical-align: top;}" text run at (0,256) width 280: ".midalign {vertical-align: middle;}" RenderBlock {HR} at (1,336) size 782x2 [bgcolor=#000000] RenderBlock {P} at (0,354) size 784x75 [bgcolor=#000000] RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 156x18 RenderText {TEXT} at (15,39) size 156x18 text run at (15,39) width 156: "The first four words" RenderText {TEXT} at (171,35) size 688x40 text run at (171,35) width 364: " in this sentence should be subscript-aligned. " text run at (535,35) width 153: "The font size of the" text run at (0,57) width 588: "superscripted text should not be different from that of the parent element." RenderBlock {P} at (0,445) size 784x71 [bgcolor=#000000] RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 156x18 RenderText {TEXT} at (15,29) size 156x18 text run at (15,29) width 156: "The first four words" RenderText {TEXT} at (171,35) size 704x36 text run at (171,35) width 380: " in this sentence should be superscript-aligned. " text run at (551,35) width 153: "The font size of the" text run at (0,53) width 572: "subscripted text should not be different from that of the parent element." RenderBlock {P} at (0,532) size 784x71 [bgcolor=#000000] RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 156x18 RenderText {TEXT} at (15,0) size 156x18 text run at (15,0) width 156: "The first four words" RenderText {TEXT} at (171,35) size 760x36 text run at (171,35) width 589: " in this sentence should be top-aligned, which will align their tops with the" text run at (0,53) width 540: "top of the tallest element in the line (probably the orange rectangle)." RenderBlock {P} at (0,619) size 784x133 [bgcolor=#000000] RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,35) size 5x18 text run at (15,35) width 5: " " RenderInline {SPAN} at (0,0) size 740x114 RenderInline {SPAN} at (0,0) size 156x18 RenderText {TEXT} at (20,19) size 156x18 text run at (20,19) width 156: "The first four words" RenderText {TEXT} at (176,19) size 740x114 text run at (176,19) width 420: " in this sentence should be" text run at (0,57) width 740: "text-top-aligned, which should align their tops" text run at (0,95) width 645: "with the top of the tallest text in the line." RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (0,768) size 784x68 [bgcolor=#000000] RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,15) size 753x53 text run at (15,15) width 738: " The image at the beginning of this sentence should be middle-aligned, which should align its" text run at (0,50) width 573: "middle with the point defined as the text baseline plus half the x-height." RenderBlock {P} at (0,852) size 784x164 [bgcolor=#000000] RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,16) size 5x18 text run at (15,16) width 5: " " RenderInline {SPAN} at (0,0) size 782x164 RenderInline {SPAN} at (0,0) size 156x18 RenderText {TEXT} at (20,32) size 156x18 text run at (20,32) width 156: "The first four words" RenderText {TEXT} at (176,0) size 782x164 text run at (176,0) width 471: " in this sentence should be 12" text run at (647,0) width 73: "pt in" text run at (0,50) width 782: "size and bottom-aligned, which should align their" text run at (0,88) width 761: "bottom with the bottom of the lowest element in" text run at (0,126) width 128: "the line." RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (0,1032) size 784x164 [bgcolor=#000000] RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,16) size 5x18 text run at (15,16) width 5: " " RenderInline {SPAN} at (0,0) size 760x164 RenderInline {SPAN} at (0,0) size 361x18 RenderText {TEXT} at (20,20) size 361x18 text run at (20,20) width 361: "The first eight words (\"eight\" has a descender)" RenderText {TEXT} at (381,0) size 760x164 text run at (381,0) width 372: " in this sentence should" text run at (0,50) width 89: "be 12" text run at (89,50) width 661: "pt in size and text-bottom-aligned, which" text run at (0,88) width 760: "should align their bottom with the bottom of the" text run at (0,126) width 712: "lowest text (including descenders) in the line." RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (0,1212) size 784x171 [bgcolor=#000000] RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,35) size 5x18 text run at (15,35) width 5: " " RenderInline {SPAN} at (0,0) size 760x152 RenderInline {SPAN} at (0,0) size 156x18 RenderText {TEXT} at (20,35) size 156x18 text run at (20,35) width 156: "The first four words" RenderText {TEXT} at (176,19) size 760x152 text run at (176,19) width 471: " in this sentence should be 12" text run at (647,19) width 73: "pt in" text run at (0,57) width 715: "size and baseline-aligned, which should align" text run at (0,95) width 760: "their baseline with the baseline of the rest of the" text run at (0,133) width 240: "text in the line." RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (0,1399) size 784x71 [bgcolor=#000000] RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 119x15 RenderText {TEXT} at (15,30) size 119x16 text run at (15,30) width 119: "The first four words" RenderText {TEXT} at (134,35) size 771x36 text run at (134,35) width 365: " in this sentence should have a font-size of 12" text run at (499,35) width 207: "px and a line-height of 16" text run at (706,35) width 65: "px; they" text run at (0,53) width 108: "are also 50%-" text run at (108,53) width 276: "aligned, which should raise them 8" text run at (384,53) width 269: "px relative to the natural baseline." RenderBlock {P} at (0,1486) size 784x54 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 779x54 text run at (0,0) width 627: "In the following paragraph, all images should be aligned with the top of the 14-" text run at (627,0) width 152: "point text, which is" text run at (0,18) width 770: "identical to the first section of text, whereas any size text should be aligned with the text baseline" text run at (0,36) width 216: "(which is the default value)." RenderBlock {P} at (0,1558) size 784x352 [bgcolor=#000000] RenderText {TEXT} at (0,27) size 146x22 text run at (0,27) width 146: "This paragraph " RenderImage {IMG} at (146,27) size 9x30 RenderText {TEXT} at (155,27) size 6x22 text run at (155,27) width 6: " " RenderInline {SPAN} at (0,0) size 510x55 RenderText {TEXT} at (161,0) size 510x55 text run at (161,0) width 510: "contains many images" RenderText {TEXT} at (671,27) size 6x22 text run at (671,27) width 6: " " RenderImage {IMG} at (677,27) size 15x50 RenderText {TEXT} at (692,27) size 6x22 text run at (692,27) width 6: " " RenderInline {BIG} at (0,0) size 719x92 RenderText {TEXT} at (698,25) size 719x92 text run at (698,25) width 21: "of" text run at (0,93) width 158: "varying heights" RenderText {TEXT} at (158,95) size 6x22 text run at (158,95) width 6: " " RenderImage {IMG} at (164,95) size 3x10 RenderText {TEXT} at (167,95) size 6x22 text run at (167,95) width 6: " " RenderInline {SMALL} at (0,0) size 86x18 RenderText {TEXT} at (173,98) size 86x18 text run at (173,98) width 86: "and widths" RenderText {TEXT} at (259,95) size 6x22 text run at (259,95) width 6: " " RenderImage {IMG} at (265,95) size 6x20 RenderText {TEXT} at (271,95) size 119x22 text run at (271,95) width 119: " all of which " RenderImage {IMG} at (390,95) size 19x65 RenderText {TEXT} at (409,95) size 6x22 text run at (409,95) width 6: " " RenderInline {SPAN} at (0,0) size 322x44 RenderText {TEXT} at (415,77) size 322x44 text run at (415,77) width 322: "should be aligned" RenderText {TEXT} at (737,95) size 6x22 text run at (737,95) width 6: " " RenderImage {IMG} at (743,95) size 10x35 RenderText {TEXT} at (0,210) size 144x22 text run at (0,210) width 144: "with the top of " RenderImage {IMG} at (144,210) size 9x30 RenderText {TEXT} at (153,210) size 6x22 text run at (153,210) width 6: " " RenderInline {SPAN} at (0,0) size 513x33 RenderText {TEXT} at (159,201) size 25x33 text run at (159,201) width 25: "a " RenderInline {SPAN} at (0,0) size 307x83 RenderText {TEXT} at (184,160) size 307x83 text run at (184,160) width 130: "14-" text run at (314,160) width 177: "point" RenderText {TEXT} at (491,201) size 181x33 text run at (491,201) width 181: " text element" RenderText {TEXT} at (672,210) size 6x22 text run at (672,210) width 6: " " RenderImage {IMG} at (678,210) size 15x50 RenderText {TEXT} at (693,210) size 6x22 text run at (693,210) width 6: " " RenderInline {SMALL} at (0,0) size 780x70 RenderText {TEXT} at (699,213) size 780x70 text run at (699,213) width 81: "regardless" text run at (0,265) width 151: "of the line in which" RenderText {TEXT} at (151,262) size 6x22 text run at (151,262) width 6: " " RenderImage {IMG} at (157,262) size 4x15 RenderText {TEXT} at (161,262) size 6x22 text run at (161,262) width 6: " " RenderInline {BIG} at (0,0) size 197x24 RenderText {TEXT} at (167,260) size 197x24 text run at (167,260) width 197: "the images appear." RenderText {TEXT} at (364,262) size 6x22 text run at (364,262) width 6: " " RenderImage {IMG} at (370,262) size 27x90 RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (0,1928) size 784x36 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 722x36 text run at (0,0) width 722: "In the following paragraph, all images should be aligned with the middle of the default text," text run at (0,18) width 672: "whereas any text should be aligned with the text baseline (which is the default value)." RenderBlock {P} at (0,1980) size 784x292 [bgcolor=#000000] RenderText {TEXT} at (0,24) size 123x18 text run at (0,24) width 123: "This paragraph " RenderImage {IMG} at (123,19) size 9x30 RenderText {TEXT} at (132,24) size 5x18 text run at (132,24) width 5: " " RenderInline {SPAN} at (0,0) size 435x47 RenderText {TEXT} at (137,0) size 435x47 text run at (137,0) width 435: "contains many images" RenderText {TEXT} at (572,24) size 5x18 text run at (572,24) width 5: " " RenderImage {IMG} at (577,9) size 15x50 RenderText {TEXT} at (592,24) size 151x18 text run at (592,24) width 151: " of varying heights " RenderImage {IMG} at (743,29) size 3x10 RenderText {TEXT} at (746,24) size 5x18 text run at (746,24) width 5: " " RenderInline {SMALL} at (0,0) size 780x75 RenderText {TEXT} at (751,24) size 780x75 text run at (751,24) width 29: "and" text run at (0,81) width 52: "widths" RenderText {TEXT} at (52,81) size 5x18 text run at (52,81) width 5: " " RenderImage {IMG} at (57,81) size 6x20 RenderText {TEXT} at (63,81) size 101x18 text run at (63,81) width 101: " all of which " RenderImage {IMG} at (164,59) size 19x65 RenderText {TEXT} at (183,81) size 149x18 text run at (183,81) width 149: " should be aligned " RenderImage {IMG} at (332,74) size 10x35 RenderText {TEXT} at (342,81) size 5x18 text run at (342,81) width 5: " " RenderInline {SPAN} at (0,0) size 285x38 RenderText {TEXT} at (347,65) size 285x38 text run at (347,65) width 285: "with the middle of" RenderText {TEXT} at (632,81) size 5x18 text run at (632,81) width 5: " " RenderImage {IMG} at (637,66) size 15x50 RenderText {TEXT} at (652,81) size 5x18 text run at (652,81) width 5: " " RenderInline {SPAN} at (0,0) size 671x114 RenderText {TEXT} at (657,73) size 14x28 text run at (657,73) width 14: "a" RenderInline {SPAN} at (0,0) size 263x71 RenderText {TEXT} at (0,124) size 263x71 text run at (0,124) width 263: "14-point" RenderText {TEXT} at (263,159) size 157x28 text run at (263,159) width 157: " text element" RenderText {TEXT} at (420,167) size 5x18 text run at (420,167) width 5: " " RenderImage {IMG} at (425,152) size 15x50 RenderText {TEXT} at (440,167) size 5x18 text run at (440,167) width 5: " " RenderInline {SMALL} at (0,0) size 237x18 RenderText {TEXT} at (445,167) size 237x18 text run at (445,167) width 237: "regardless of the line in which" RenderText {TEXT} at (682,167) size 5x18 text run at (682,167) width 5: " " RenderImage {IMG} at (687,170) size 4x15 RenderText {TEXT} at (691,167) size 5x18 text run at (691,167) width 5: " " RenderInline {BIG} at (0,0) size 729x94 RenderText {TEXT} at (696,162) size 729x94 text run at (696,162) width 33: "the" text run at (0,232) width 157: "images appear." RenderText {TEXT} at (157,237) size 5x18 text run at (157,237) width 5: " " RenderImage {IMG} at (162,202) size 27x90 RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (0,2288) size 784x54 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 783x54 text run at (0,0) width 783: "In the following paragraph, all elements should be aligned with the top of the tallest element on the" text run at (0,18) width 366: "line, whether that element is an image or not. " text run at (366,18) width 320: "Each fragment of text has been SPANned" text run at (0,36) width 366: "appropriately in order to cause this to happen." RenderBlock {P} at (0,2358) size 784x202 [bgcolor=#000000] RenderInline {SPAN} at (0,0) size 118x18 RenderText {TEXT} at (0,0) size 118x18 text run at (0,0) width 118: "This paragraph" RenderText {TEXT} at (118,0) size 5x18 text run at (118,0) width 5: " " RenderImage {IMG} at (123,0) size 3x10 RenderText {TEXT} at (126,0) size 5x18 text run at (126,0) width 5: " " RenderInline {SPAN} at (0,0) size 435x47 RenderText {TEXT} at (131,0) size 435x47 text run at (131,0) width 435: "contains many images" RenderText {TEXT} at (566,0) size 5x18 text run at (566,0) width 5: " " RenderImage {IMG} at (571,0) size 3x10 RenderText {TEXT} at (574,0) size 5x18 text run at (574,0) width 5: " " RenderInline {SPAN} at (0,0) size 112x18 RenderText {TEXT} at (579,0) size 112x18 text run at (579,0) width 112: "and some text" RenderText {TEXT} at (691,0) size 5x18 text run at (691,0) width 5: " " RenderImage {IMG} at (696,0) size 3x10 RenderText {TEXT} at (699,0) size 5x18 text run at (699,0) width 5: " " RenderInline {SPAN} at (0,0) size 782x65 RenderText {TEXT} at (704,0) size 782x65 text run at (704,0) width 78: "of varying" text run at (0,47) width 58: "heights" RenderText {TEXT} at (58,47) size 5x18 text run at (58,47) width 5: " " RenderImage {IMG} at (63,47) size 3x10 RenderText {TEXT} at (66,47) size 5x18 text run at (66,47) width 5: " " RenderInline {BIG} at (0,0) size 113x24 RenderText {TEXT} at (71,47) size 113x24 text run at (71,47) width 113: "and widths" RenderText {TEXT} at (184,47) size 5x18 text run at (184,47) width 5: " " RenderImage {IMG} at (189,47) size 6x20 RenderText {TEXT} at (195,47) size 5x18 text run at (195,47) width 5: " " RenderInline {SPAN} at (0,0) size 91x18 RenderText {TEXT} at (200,47) size 91x18 text run at (200,47) width 91: "all of which" RenderText {TEXT} at (291,47) size 5x18 text run at (291,47) width 5: " " RenderImage {IMG} at (296,47) size 19x65 RenderText {TEXT} at (315,47) size 5x18 text run at (315,47) width 5: " " RenderInline {SPAN} at (0,0) size 139x18 RenderText {TEXT} at (320,47) size 139x18 text run at (320,47) width 139: "should be aligned" RenderText {TEXT} at (459,47) size 5x18 text run at (459,47) width 5: " " RenderImage {IMG} at (464,47) size 10x35 RenderText {TEXT} at (474,47) size 5x18 text run at (474,47) width 5: " " RenderInline {SPAN} at (0,0) size 230x38 RenderText {TEXT} at (479,47) size 230x38 text run at (479,47) width 230: "with the top of" RenderText {TEXT} at (709,47) size 5x18 text run at (709,47) width 5: " " RenderImage {IMG} at (714,47) size 15x50 RenderText {TEXT} at (729,47) size 5x18 text run at (729,47) width 5: " " RenderInline {SPAN} at (0,0) size 759x83 RenderText {TEXT} at (734,47) size 759x83 text run at (734,47) width 25: "the" text run at (0,112) width 136: "tallest element in" RenderText {TEXT} at (136,112) size 5x18 text run at (136,112) width 5: " " RenderImage {IMG} at (141,112) size 4x15 RenderText {TEXT} at (145,112) size 5x18 text run at (145,112) width 5: " " RenderInline {BIG} at (0,0) size 370x24 RenderText {TEXT} at (150,112) size 370x24 text run at (150,112) width 370: "whichever line the elements appear." RenderText {TEXT} at (520,112) size 5x18 text run at (520,112) width 5: " " RenderImage {IMG} at (525,112) size 27x90 RenderText {TEXT} at (0,0) size 0x0 RenderTable {TABLE} at (0,2576) size 784x2241 [bgcolor=#000000] RenderTableSection {TBODY} at (1,1) size 0x2239 RenderTableRow {TR} at (0,0) size 0x0 RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2] RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000] RenderText {TEXT} at (4,4) size 164x17 text run at (4,4) width 164: "TABLE Testing Section" RenderTableRow {TR} at (0,0) size 0x0 RenderTableCell {TD} at (0,1119) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1] RenderText {TEXT} at (4,4) size 4x17 text run at (4,4) width 4: "\x{A0}" RenderTableCell {TD} at (12,25) size 770x2214 [r=1 c=1 rs=1 cs=1] RenderBlock {P} at (4,4) size 762x75 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 156x18 RenderText {TEXT} at (15,39) size 156x18 text run at (15,39) width 156: "The first four words" RenderText {TEXT} at (171,35) size 688x40 text run at (171,35) width 364: " in this sentence should be subscript-aligned. " text run at (535,35) width 153: "The font size of the" text run at (0,57) width 588: "superscripted text should not be different from that of the parent element." RenderBlock {P} at (4,95) size 762x71 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 156x18 RenderText {TEXT} at (15,29) size 156x18 text run at (15,29) width 156: "The first four words" RenderText {TEXT} at (171,35) size 704x36 text run at (171,35) width 380: " in this sentence should be superscript-aligned. " text run at (551,35) width 153: "The font size of the" text run at (0,53) width 572: "subscripted text should not be different from that of the parent element." RenderBlock {P} at (4,182) size 762x71 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 156x18 RenderText {TEXT} at (15,0) size 156x18 text run at (15,0) width 156: "The first four words" RenderText {TEXT} at (171,35) size 760x36 text run at (171,35) width 589: " in this sentence should be top-aligned, which will align their tops with the" text run at (0,53) width 540: "top of the tallest element in the line (probably the orange rectangle)." RenderBlock {P} at (4,269) size 762x133 RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,35) size 5x18 text run at (15,35) width 5: " " RenderInline {SPAN} at (0,0) size 740x114 RenderInline {SPAN} at (0,0) size 156x18 RenderText {TEXT} at (20,19) size 156x18 text run at (20,19) width 156: "The first four words" RenderText {TEXT} at (176,19) size 740x114 text run at (176,19) width 420: " in this sentence should be" text run at (0,57) width 740: "text-top-aligned, which should align their tops" text run at (0,95) width 645: "with the top of the tallest text in the line." RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (4,418) size 762x68 RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,15) size 753x53 text run at (15,15) width 738: " The image at the beginning of this sentence should be middle-aligned, which should align its" text run at (0,50) width 573: "middle with the point defined as the text baseline plus half the x-height." RenderBlock {P} at (4,502) size 762x164 RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,16) size 5x18 text run at (15,16) width 5: " " RenderInline {SPAN} at (0,0) size 720x164 RenderInline {SPAN} at (0,0) size 156x18 RenderText {TEXT} at (20,32) size 156x18 text run at (20,32) width 156: "The first four words" RenderText {TEXT} at (176,0) size 720x164 text run at (176,0) width 471: " in this sentence should be 12" text run at (647,0) width 73: "pt in" text run at (0,50) width 700: "size and bottom-aligned, which should align" text run at (0,88) width 668: "their bottom with the bottom of the lowest" text run at (0,126) width 303: "element in the line." RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (4,682) size 762x164 RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,16) size 5x18 text run at (15,16) width 5: " " RenderInline {SPAN} at (0,0) size 760x164 RenderInline {SPAN} at (0,0) size 361x18 RenderText {TEXT} at (20,20) size 361x18 text run at (20,20) width 361: "The first eight words (\"eight\" has a descender)" RenderText {TEXT} at (381,0) size 760x164 text run at (381,0) width 372: " in this sentence should" text run at (0,50) width 89: "be 12" text run at (89,50) width 661: "pt in size and text-bottom-aligned, which" text run at (0,88) width 760: "should align their bottom with the bottom of the" text run at (0,126) width 712: "lowest text (including descenders) in the line." RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (4,862) size 762x171 RenderImage {IMG} at (0,0) size 15x50 RenderText {TEXT} at (15,35) size 5x18 text run at (15,35) width 5: " " RenderInline {SPAN} at (0,0) size 760x152 RenderInline {SPAN} at (0,0) size 156x18 RenderText {TEXT} at (20,35) size 156x18 text run at (20,35) width 156: "The first four words" RenderText {TEXT} at (176,19) size 760x152 text run at (176,19) width 471: " in this sentence should be 12" text run at (647,19) width 73: "pt in" text run at (0,57) width 715: "size and baseline-aligned, which should align" text run at (0,95) width 760: "their baseline with the baseline of the rest of the" text run at (0,133) width 240: "text in the line." RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (4,1049) size 762x71 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 119x15 RenderText {TEXT} at (15,30) size 119x16 text run at (15,30) width 119: "The first four words" RenderText {TEXT} at (134,35) size 732x36 text run at (134,35) width 365: " in this sentence should have a font-size of 12" text run at (499,35) width 207: "px and a line-height of 16" text run at (706,35) width 26: "px;" text run at (0,53) width 147: "they are also 50%-" text run at (147,53) width 276: "aligned, which should raise them 8" text run at (423,53) width 269: "px relative to the natural baseline." RenderBlock {P} at (4,1136) size 762x54 RenderText {TEXT} at (0,0) size 761x54 text run at (0,0) width 627: "In the following paragraph, all images should be aligned with the top of the 14-" text run at (627,0) width 134: "point text, which" text run at (0,18) width 718: "is identical to the first section of text, whereas any size text should be aligned with the text" text run at (0,36) width 286: "baseline (which is the default value)." RenderBlock {P} at (4,1208) size 762x352 RenderText {TEXT} at (0,27) size 146x22 text run at (0,27) width 146: "This paragraph " RenderImage {IMG} at (146,27) size 9x30 RenderText {TEXT} at (155,27) size 6x22 text run at (155,27) width 6: " " RenderInline {SPAN} at (0,0) size 510x55 RenderText {TEXT} at (161,0) size 510x55 text run at (161,0) width 510: "contains many images" RenderText {TEXT} at (671,27) size 6x22 text run at (671,27) width 6: " " RenderImage {IMG} at (677,27) size 15x50 RenderText {TEXT} at (692,27) size 6x22 text run at (692,27) width 6: " " RenderInline {BIG} at (0,0) size 719x92 RenderText {TEXT} at (698,25) size 719x92 text run at (698,25) width 21: "of" text run at (0,93) width 158: "varying heights" RenderText {TEXT} at (158,95) size 6x22 text run at (158,95) width 6: " " RenderImage {IMG} at (164,95) size 3x10 RenderText {TEXT} at (167,95) size 6x22 text run at (167,95) width 6: " " RenderInline {SMALL} at (0,0) size 86x18 RenderText {TEXT} at (173,98) size 86x18 text run at (173,98) width 86: "and widths" RenderText {TEXT} at (259,95) size 6x22 text run at (259,95) width 6: " " RenderImage {IMG} at (265,95) size 6x20 RenderText {TEXT} at (271,95) size 119x22 text run at (271,95) width 119: " all of which " RenderImage {IMG} at (390,95) size 19x65 RenderText {TEXT} at (409,95) size 6x22 text run at (409,95) width 6: " " RenderInline {SPAN} at (0,0) size 322x44 RenderText {TEXT} at (415,77) size 322x44 text run at (415,77) width 322: "should be aligned" RenderText {TEXT} at (737,95) size 6x22 text run at (737,95) width 6: " " RenderImage {IMG} at (743,95) size 10x35 RenderText {TEXT} at (0,210) size 144x22 text run at (0,210) width 144: "with the top of " RenderImage {IMG} at (144,210) size 9x30 RenderText {TEXT} at (153,210) size 6x22 text run at (153,210) width 6: " " RenderInline {SPAN} at (0,0) size 513x33 RenderText {TEXT} at (159,201) size 25x33 text run at (159,201) width 25: "a " RenderInline {SPAN} at (0,0) size 307x83 RenderText {TEXT} at (184,160) size 307x83 text run at (184,160) width 130: "14-" text run at (314,160) width 177: "point" RenderText {TEXT} at (491,201) size 181x33 text run at (491,201) width 181: " text element" RenderText {TEXT} at (672,210) size 6x22 text run at (672,210) width 6: " " RenderImage {IMG} at (678,210) size 15x50 RenderText {TEXT} at (0,0) size 0x0 RenderInline {SMALL} at (0,0) size 237x18 RenderText {TEXT} at (0,265) size 237x18 text run at (0,265) width 237: "regardless of the line in which" RenderText {TEXT} at (237,262) size 6x22 text run at (237,262) width 6: " " RenderImage {IMG} at (243,262) size 4x15 RenderText {TEXT} at (247,262) size 6x22 text run at (247,262) width 6: " " RenderInline {BIG} at (0,0) size 197x24 RenderText {TEXT} at (253,260) size 197x24 text run at (253,260) width 197: "the images appear." RenderText {TEXT} at (450,262) size 6x22 text run at (450,262) width 6: " " RenderImage {IMG} at (456,262) size 27x90 RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (4,1578) size 762x36 RenderText {TEXT} at (0,0) size 722x36 text run at (0,0) width 722: "In the following paragraph, all images should be aligned with the middle of the default text," text run at (0,18) width 672: "whereas any text should be aligned with the text baseline (which is the default value)." RenderBlock {P} at (4,1630) size 762x292 RenderText {TEXT} at (0,24) size 123x18 text run at (0,24) width 123: "This paragraph " RenderImage {IMG} at (123,19) size 9x30 RenderText {TEXT} at (132,24) size 5x18 text run at (132,24) width 5: " " RenderInline {SPAN} at (0,0) size 435x47 RenderText {TEXT} at (137,0) size 435x47 text run at (137,0) width 435: "contains many images" RenderText {TEXT} at (572,24) size 5x18 text run at (572,24) width 5: " " RenderImage {IMG} at (577,9) size 15x50 RenderText {TEXT} at (592,24) size 151x18 text run at (592,24) width 151: " of varying heights " RenderImage {IMG} at (743,29) size 3x10 RenderText {TEXT} at (0,0) size 0x0 RenderInline {SMALL} at (0,0) size 86x18 RenderText {TEXT} at (0,81) size 86x18 text run at (0,81) width 86: "and widths" RenderText {TEXT} at (86,81) size 5x18 text run at (86,81) width 5: " " RenderImage {IMG} at (91,81) size 6x20 RenderText {TEXT} at (97,81) size 101x18 text run at (97,81) width 101: " all of which " RenderImage {IMG} at (198,59) size 19x65 RenderText {TEXT} at (217,81) size 149x18 text run at (217,81) width 149: " should be aligned " RenderImage {IMG} at (366,74) size 10x35 RenderText {TEXT} at (376,81) size 5x18 text run at (376,81) width 5: " " RenderInline {SPAN} at (0,0) size 285x38 RenderText {TEXT} at (381,65) size 285x38 text run at (381,65) width 285: "with the middle of" RenderText {TEXT} at (666,81) size 5x18 text run at (666,81) width 5: " " RenderImage {IMG} at (671,66) size 15x50 RenderText {TEXT} at (686,81) size 5x18 text run at (686,81) width 5: " " RenderInline {SPAN} at (0,0) size 705x114 RenderText {TEXT} at (691,73) size 14x28 text run at (691,73) width 14: "a" RenderInline {SPAN} at (0,0) size 263x71 RenderText {TEXT} at (0,124) size 263x71 text run at (0,124) width 263: "14-point" RenderText {TEXT} at (263,159) size 157x28 text run at (263,159) width 157: " text element" RenderText {TEXT} at (420,167) size 5x18 text run at (420,167) width 5: " " RenderImage {IMG} at (425,152) size 15x50 RenderText {TEXT} at (440,167) size 5x18 text run at (440,167) width 5: " " RenderInline {SMALL} at (0,0) size 237x18 RenderText {TEXT} at (445,167) size 237x18 text run at (445,167) width 237: "regardless of the line in which" RenderText {TEXT} at (682,167) size 5x18 text run at (682,167) width 5: " " RenderImage {IMG} at (687,170) size 4x15 RenderText {TEXT} at (691,167) size 5x18 text run at (691,167) width 5: " " RenderInline {BIG} at (0,0) size 729x94 RenderText {TEXT} at (696,162) size 729x94 text run at (696,162) width 33: "the" text run at (0,232) width 157: "images appear." RenderText {TEXT} at (157,237) size 5x18 text run at (157,237) width 5: " " RenderImage {IMG} at (162,202) size 27x90 RenderText {TEXT} at (0,0) size 0x0 RenderBlock {P} at (4,1938) size 762x54 RenderText {TEXT} at (0,0) size 753x54 text run at (0,0) width 753: "In the following paragraph, all elements should be aligned with the top of the tallest element on" text run at (0,18) width 396: "the line, whether that element is an image or not. " text run at (396,18) width 320: "Each fragment of text has been SPANned" text run at (0,36) width 366: "appropriately in order to cause this to happen." RenderBlock {P} at (4,2008) size 762x202 RenderInline {SPAN} at (0,0) size 118x18 RenderText {TEXT} at (0,0) size 118x18 text run at (0,0) width 118: "This paragraph" RenderText {TEXT} at (118,0) size 5x18 text run at (118,0) width 5: " " RenderImage {IMG} at (123,0) size 3x10 RenderText {TEXT} at (126,0) size 5x18 text run at (126,0) width 5: " " RenderInline {SPAN} at (0,0) size 435x47 RenderText {TEXT} at (131,0) size 435x47 text run at (131,0) width 435: "contains many images" RenderText {TEXT} at (566,0) size 5x18 text run at (566,0) width 5: " " RenderImage {IMG} at (571,0) size 3x10 RenderText {TEXT} at (574,0) size 5x18 text run at (574,0) width 5: " " RenderInline {SPAN} at (0,0) size 112x18 RenderText {TEXT} at (579,0) size 112x18 text run at (579,0) width 112: "and some text" RenderText {TEXT} at (691,0) size 5x18 text run at (691,0) width 5: " " RenderImage {IMG} at (696,0) size 3x10 RenderText {TEXT} at (699,0) size 5x18 text run at (699,0) width 5: " " RenderInline {SPAN} at (0,0) size 720x65 RenderText {TEXT} at (704,0) size 720x65 text run at (704,0) width 16: "of" text run at (0,47) width 120: "varying heights" RenderText {TEXT} at (120,47) size 5x18 text run at (120,47) width 5: " " RenderImage {IMG} at (125,47) size 3x10 RenderText {TEXT} at (128,47) size 5x18 text run at (128,47) width 5: " " RenderInline {BIG} at (0,0) size 113x24 RenderText {TEXT} at (133,47) size 113x24 text run at (133,47) width 113: "and widths" RenderText {TEXT} at (246,47) size 5x18 text run at (246,47) width 5: " " RenderImage {IMG} at (251,47) size 6x20 RenderText {TEXT} at (257,47) size 5x18 text run at (257,47) width 5: " " RenderInline {SPAN} at (0,0) size 91x18 RenderText {TEXT} at (262,47) size 91x18 text run at (262,47) width 91: "all of which" RenderText {TEXT} at (353,47) size 5x18 text run at (353,47) width 5: " " RenderImage {IMG} at (358,47) size 19x65 RenderText {TEXT} at (377,47) size 5x18 text run at (377,47) width 5: " " RenderInline {SPAN} at (0,0) size 139x18 RenderText {TEXT} at (382,47) size 139x18 text run at (382,47) width 139: "should be aligned" RenderText {TEXT} at (521,47) size 5x18 text run at (521,47) width 5: " " RenderImage {IMG} at (526,47) size 10x35 RenderText {TEXT} at (536,47) size 5x18 text run at (536,47) width 5: " " RenderInline {SPAN} at (0,0) size 729x103 RenderText {TEXT} at (541,47) size 729x103 text run at (541,47) width 188: "with the top" text run at (0,112) width 32: "of" RenderText {TEXT} at (32,112) size 5x18 text run at (32,112) width 5: " " RenderImage {IMG} at (37,112) size 15x50 RenderText {TEXT} at (52,112) size 5x18 text run at (52,112) width 5: " " RenderInline {SPAN} at (0,0) size 166x18 RenderText {TEXT} at (57,112) size 166x18 text run at (57,112) width 166: "the tallest element in" RenderText {TEXT} at (223,112) size 5x18 text run at (223,112) width 5: " " RenderImage {IMG} at (228,112) size 4x15 RenderText {TEXT} at (232,112) size 5x18 text run at (232,112) width 5: " " RenderInline {BIG} at (0,0) size 370x24 RenderText {TEXT} at (237,112) size 370x24 text run at (237,112) width 370: "whichever line the elements appear." RenderText {TEXT} at (607,112) size 5x18 text run at (607,112) width 5: " " RenderImage {IMG} at (612,112) size 27x90 RenderText {TEXT} at (0,0) size 0x0