layer at (0,0) size 784x4846 RenderView at (0,0) size 784x600 layer at (0,0) size 784x4846 RenderBlock {HTML} at (0,0) size 784x4846 RenderBody {BODY} at (8,8) size 768x4830 [bgcolor=#CCCCCC] RenderBlock {P} at (0,0) size 768x21 RenderText {#text} at (0,0) size 395x21 text run at (0,0) width 395: "The style declarations which apply to the text below are:" RenderBlock {PRE} at (0,37) size 768x306 RenderText {#text} at (0,0) size 348x306 text run at (0,0) width 108: "P {font-size: 12pt;}" text run at (108,0) width 0: " " text run at (0,17) width 143: ".one {vertical-align: sub;}" text run at (143,17) width 0: " " text run at (0,34) width 153: ".two {vertical-align: super;}" text run at (153,34) width 0: " " text run at (0,51) width 239: ".three {vertical-align: top; font-size: 12pt;}" text run at (239,51) width 0: " " text run at (0,68) width 258: ".four {vertical-align: text-top; font-size: 12pt;}" text run at (258,68) width 0: " " text run at (0,85) width 251: ".five {vertical-align: middle; font-size: 12pt;}" text run at (251,85) width 0: " " text run at (0,102) width 249: ".six {vertical-align: bottom; font-size: 12pt;}" text run at (249,102) width 0: " " text run at (0,119) width 293: ".seven {vertical-align: text-bottom; font-size: 12pt;}" text run at (293,119) width 0: " " text run at (0,136) width 268: ".eight {vertical-align: baseline; font-size: 12pt;}" text run at (268,136) width 0: " " text run at (0,153) width 348: ".nine {vertical-align: 50%; font-size: 12px; line-height: 16px;}" text run at (348,153) width 0: " " text run at (0,170) width 0: " " text run at (0,187) width 161: "P.example {font-size: 14pt;}" text run at (161,187) width 0: " " text run at (0,204) width 122: "BIG {font-size: 16pt;}" text run at (122,204) width 0: " " text run at (0,221) width 142: "SMALL {font-size: 12pt;}" text run at (142,221) width 0: " " text run at (0,238) width 194: ".ttopalign {vertical-align: text-top;}" text run at (194,238) width 0: " " text run at (0,255) width 164: ".topalign {vertical-align: top;}" text run at (164,255) width 0: " " text run at (0,272) width 187: ".midalign {vertical-align: middle;}" text run at (187,272) width 0: " " text run at (0,289) width 0: " " RenderBlock {HR} at (0,356) size 768x2 [border: (1px inset #000000)] RenderBlock {P} at (0,374) size 768x80 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 135x21 RenderText {#text} at (15,38) size 135x21 text run at (15,38) width 135: "The first four words" RenderText {#text} at (150,34) size 736x46 text run at (150,34) width 323: " in this sentence should be subscript-aligned. " text run at (473,34) width 263: "The font size of the superscripted text" text run at (0,59) width 379: "should not be different from that of the parent element." RenderBlock {P} at (0,470) size 768x76 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 135x21 RenderText {#text} at (15,28) size 135x21 text run at (15,28) width 135: "The first four words" RenderText {#text} at (150,34) size 736x42 text run at (150,34) width 337: " in this sentence should be superscript-aligned. " text run at (487,34) width 249: "The font size of the subscripted text" text run at (0,55) width 379: "should not be different from that of the parent element." RenderBlock {P} at (0,562) size 768x76 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 135x21 RenderText {#text} at (15,0) size 135x21 text run at (15,0) width 135: "The first four words" RenderText {#text} at (150,34) size 737x42 text run at (150,34) width 587: " in this sentence should be top-aligned, which will align their tops with the top of the" text run at (0,55) width 406: "tallest element in the line (probably the orange rectangle)." RenderBlock {P} at (0,654) size 768x142 RenderImage {IMG} at (0,0) size 15x50 RenderText {#text} at (15,34) size 4x21 text run at (15,34) width 4: " " RenderInline {SPAN} at (0,0) size 737x123 RenderText {#text} at (0,0) size 0x0 RenderInline {SPAN} at (0,0) size 135x21 RenderText {#text} at (19,19) size 135x21 text run at (19,19) width 135: "The first four words" RenderText {#text} at (154,19) size 737x123 text run at (154,19) width 510: " in this sentence should be text-top-" text run at (0,60) width 737: "aligned, which should align their tops with the top of" text run at (0,101) width 355: "the tallest text in the line." RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (0,812) size 768x71 RenderImage {IMG} at (0,0) size 15x50 RenderText {#text} at (15,13) size 758x58 text run at (15,13) width 743: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with" text run at (0,50) width 414: "the point defined as the text baseline plus half the x-height." RenderBlock {P} at (0,899) size 768x132 RenderImage {IMG} at (0,0) size 15x50 RenderText {#text} at (15,15) size 4x21 text run at (15,15) width 4: " " RenderInline {SPAN} at (0,0) size 738x132 RenderText {#text} at (0,0) size 0x0 RenderInline {SPAN} at (0,0) size 135x21 RenderText {#text} at (19,29) size 135x21 text run at (19,29) width 135: "The first four words" RenderText {#text} at (154,0) size 738x132 text run at (154,0) width 554: " in this sentence should be 12pt in size" text run at (0,50) width 738: "and bottom-aligned, which should align their bottom" text run at (0,91) width 689: "with the bottom of the lowest element in the line." RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (0,1047) size 768x173 RenderImage {IMG} at (0,0) size 15x50 RenderText {#text} at (15,15) size 4x21 text run at (15,15) width 4: " " RenderInline {SPAN} at (0,0) size 727x173 RenderText {#text} at (0,0) size 0x0 RenderInline {SPAN} at (0,0) size 326x21 RenderText {#text} at (19,20) size 326x21 text run at (19,20) width 326: "The first eight words (\"eight\" has a descender)" RenderText {#text} at (345,0) size 727x173 text run at (345,0) width 382: " in this sentence should be" text run at (0,50) width 716: "12pt in size and text-bottom-aligned, which should" text run at (0,91) width 727: "align their bottom with the bottom of the lowest text" text run at (0,132) width 481: "(including descenders) in the line." RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (0,1236) size 768x183 RenderImage {IMG} at (0,0) size 15x50 RenderText {#text} at (15,34) size 4x21 text run at (15,34) width 4: " " RenderInline {SPAN} at (0,0) size 761x164 RenderText {#text} at (0,0) size 0x0 RenderInline {SPAN} at (0,0) size 135x21 RenderText {#text} at (19,34) size 135x21 text run at (19,34) width 135: "The first four words" RenderText {#text} at (154,19) size 761x164 text run at (154,19) width 554: " in this sentence should be 12pt in size" text run at (0,60) width 651: "and baseline-aligned, which should align their" text run at (0,101) width 761: "baseline with the baseline of the rest of the text in the" text run at (0,142) width 59: "line." RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (0,1435) size 768x76 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 103x16 RenderText {#text} at (15,30) size 103x16 text run at (15,30) width 103: "The first four words" RenderText {#text} at (118,34) size 735x42 text run at (118,34) width 617: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also" text run at (0,55) width 521: "50%-aligned, which should raise them 8px relative to the natural baseline." RenderBlock {P} at (0,1527) size 768x63 RenderText {#text} at (0,0) size 762x63 text run at (0,0) width 762: "In the following paragraph, all images should be aligned with the top of the 14-point text, which is identical to" text run at (0,21) width 742: "the first section of text, whereas any size text should be aligned with the text baseline (which is the default" text run at (0,42) width 48: "value)." RenderBlock {P} at (0,1608) size 768x348 RenderText {#text} at (0,26) size 136x25 text run at (0,26) width 136: "This paragraph " RenderImage {IMG} at (136,26) size 9x30 RenderText {#text} at (145,26) size 5x25 text run at (145,26) width 5: " " RenderInline {SPAN} at (0,0) size 467x59 RenderText {#text} at (150,0) size 467x59 text run at (150,0) width 467: "contains many images" RenderText {#text} at (617,26) size 5x25 text run at (617,26) width 5: " " RenderImage {IMG} at (622,26) size 15x50 RenderText {#text} at (637,26) size 5x25 text run at (637,26) width 5: " " RenderInline {BIG} at (0,0) size 736x94 RenderText {#text} at (642,24) size 736x94 text run at (642,24) width 94: "of varying" text run at (0,91) width 70: "heights" RenderText {#text} at (70,93) size 5x25 text run at (70,93) width 5: " " RenderImage {IMG} at (75,93) size 3x10 RenderText {#text} at (78,93) size 5x25 text run at (78,93) width 5: " " RenderInline {SMALL} at (0,0) size 77x21 RenderText {#text} at (83,96) size 77x21 text run at (83,96) width 77: "and widths" RenderText {#text} at (160,93) size 5x25 text run at (160,93) width 5: " " RenderImage {IMG} at (165,93) size 6x20 RenderText {#text} at (171,93) size 105x25 text run at (171,93) width 105: " all of which " RenderImage {IMG} at (276,93) size 20x65 RenderText {#text} at (296,93) size 5x25 text run at (296,93) width 5: " " RenderInline {SPAN} at (0,0) size 294x47 RenderText {#text} at (301,76) size 294x47 text run at (301,76) width 294: "should be aligned" RenderText {#text} at (595,93) size 5x25 text run at (595,93) width 5: " " RenderImage {IMG} at (600,93) size 11x35 RenderText {#text} at (611,93) size 129x25 text run at (611,93) width 129: " with the top of " RenderImage {IMG} at (740,93) size 9x30 RenderText {#text} at (0,0) size 0x0 RenderInline {SPAN} at (0,0) size 440x35 RenderText {#text} at (0,198) size 24x35 text run at (0,198) width 24: "a " RenderInline {SPAN} at (0,0) size 253x87 RenderText {#text} at (24,158) size 253x87 text run at (24,158) width 253: "14-point" RenderText {#text} at (277,198) size 163x35 text run at (277,198) width 163: " text element" RenderText {#text} at (440,206) size 5x25 text run at (440,206) width 5: " " RenderImage {IMG} at (445,206) size 15x50 RenderText {#text} at (460,206) size 5x25 text run at (460,206) width 5: " " RenderInline {SMALL} at (0,0) size 211x21 RenderText {#text} at (465,209) size 211x21 text run at (465,209) width 211: "regardless of the line in which" RenderText {#text} at (676,206) size 5x25 text run at (676,206) width 5: " " RenderImage {IMG} at (681,206) size 5x15 RenderText {#text} at (686,206) size 5x25 text run at (686,206) width 5: " " RenderInline {BIG} at (0,0) size 721x79 RenderText {#text} at (691,204) size 721x79 text run at (691,204) width 30: "the" text run at (0,256) width 149: "images appear." RenderText {#text} at (149,258) size 5x25 text run at (149,258) width 5: " " RenderImage {IMG} at (154,258) size 27x90 RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (0,1974) size 768x42 RenderText {#text} at (0,0) size 759x42 text run at (0,0) width 759: "In the following paragraph, all images should be aligned with the middle of the default text, whereas any text" text run at (0,21) width 477: "should be aligned with the text baseline (which is the default value)." RenderBlock {P} at (0,2032) size 768x237 RenderText {#text} at (0,23) size 112x21 text run at (0,23) width 112: "This paragraph " RenderImage {IMG} at (112,20) size 9x30 RenderText {#text} at (121,23) size 4x21 text run at (121,23) width 4: " " RenderInline {SPAN} at (0,0) size 395x51 RenderText {#text} at (125,0) size 395x51 text run at (125,0) width 395: "contains many images" RenderText {#text} at (520,23) size 4x21 text run at (520,23) width 4: " " RenderImage {IMG} at (524,10) size 15x50 RenderText {#text} at (539,23) size 133x21 text run at (539,23) width 133: " of varying heights " RenderImage {IMG} at (672,30) size 3x10 RenderText {#text} at (675,23) size 4x21 text run at (675,23) width 4: " " RenderInline {SMALL} at (0,0) size 77x21 RenderText {#text} at (679,23) size 77x21 text run at (679,23) width 77: "and widths" RenderText {#text} at (756,23) size 4x21 text run at (756,23) width 4: " " RenderImage {IMG} at (760,25) size 6x20 RenderText {#text} at (0,102) size 84x21 text run at (0,102) width 84: "all of which " RenderImage {IMG} at (84,82) size 20x65 RenderText {#text} at (104,102) size 135x21 text run at (104,102) width 135: " should be aligned " RenderImage {IMG} at (239,97) size 11x35 RenderText {#text} at (250,102) size 4x21 text run at (250,102) width 4: " " RenderInline {SPAN} at (0,0) size 251x41 RenderText {#text} at (254,87) size 251x41 text run at (254,87) width 251: "with the middle of" RenderText {#text} at (505,102) size 4x21 text run at (505,102) width 4: " " RenderImage {IMG} at (509,89) size 15x50 RenderText {#text} at (524,102) size 4x21 text run at (524,102) width 4: " " RenderInline {SPAN} at (0,0) size 763x108 RenderText {#text} at (528,95) size 20x30 text run at (528,95) width 20: "a " RenderInline {SPAN} at (0,0) size 215x76 RenderText {#text} at (548,60) size 215x76 text run at (548,60) width 215: "14-point" RenderText {#text} at (0,173) size 130x30 text run at (0,173) width 130: "text element" RenderText {#text} at (130,180) size 4x21 text run at (130,180) width 4: " " RenderImage {IMG} at (134,167) size 15x50 RenderText {#text} at (149,180) size 4x21 text run at (149,180) width 4: " " RenderInline {SMALL} at (0,0) size 211x21 RenderText {#text} at (153,180) size 211x21 text run at (153,180) width 211: "regardless of the line in which" RenderText {#text} at (364,180) size 4x21 text run at (364,180) width 4: " " RenderImage {IMG} at (368,185) size 5x15 RenderText {#text} at (373,180) size 4x21 text run at (373,180) width 4: " " RenderInline {BIG} at (0,0) size 185x27 RenderText {#text} at (377,175) size 185x27 text run at (377,175) width 185: "the images appear." RenderText {#text} at (562,180) size 4x21 text run at (562,180) width 4: " " RenderImage {IMG} at (566,147) size 27x90 RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (0,2285) size 768x63 RenderText {#text} at (0,0) size 753x63 text run at (0,0) width 726: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line," text run at (0,21) width 286: "whether that element is an image or not. " text run at (286,21) width 467: "Each fragment of text has been SPANned appropriately in order to" text run at (0,42) width 151: "cause this to happen." RenderBlock {P} at (0,2364) size 768x206 RenderInline {SPAN} at (0,0) size 108x21 RenderText {#text} at (0,0) size 108x21 text run at (0,0) width 108: "This paragraph" RenderText {#text} at (108,0) size 4x21 text run at (108,0) width 4: " " RenderImage {IMG} at (112,0) size 3x10 RenderText {#text} at (115,0) size 4x21 text run at (115,0) width 4: " " RenderInline {SPAN} at (0,0) size 395x51 RenderText {#text} at (119,0) size 395x51 text run at (119,0) width 395: "contains many images" RenderText {#text} at (514,0) size 4x21 text run at (514,0) width 4: " " RenderImage {IMG} at (518,0) size 3x10 RenderText {#text} at (521,0) size 4x21 text run at (521,0) width 4: " " RenderInline {SPAN} at (0,0) size 99x21 RenderText {#text} at (525,0) size 99x21 text run at (525,0) width 99: "and some text" RenderText {#text} at (624,0) size 4x21 text run at (624,0) width 4: " " RenderImage {IMG} at (628,0) size 3x10 RenderText {#text} at (631,0) size 4x21 text run at (631,0) width 4: " " RenderInline {SPAN} at (0,0) size 125x21 RenderText {#text} at (635,0) size 125x21 text run at (635,0) width 125: "of varying heights" RenderText {#text} at (760,0) size 4x21 text run at (760,0) width 4: " " RenderImage {IMG} at (764,0) size 3x10 RenderText {#text} at (0,0) size 0x0 RenderInline {BIG} at (0,0) size 103x27 RenderText {#text} at (0,51) size 103x27 text run at (0,51) width 103: "and widths" RenderText {#text} at (103,51) size 4x21 text run at (103,51) width 4: " " RenderImage {IMG} at (107,51) size 6x20 RenderText {#text} at (113,51) size 4x21 text run at (113,51) width 4: " " RenderInline {SPAN} at (0,0) size 80x21 RenderText {#text} at (117,51) size 80x21 text run at (117,51) width 80: "all of which" RenderText {#text} at (197,51) size 4x21 text run at (197,51) width 4: " " RenderImage {IMG} at (201,51) size 20x65 RenderText {#text} at (221,51) size 4x21 text run at (221,51) width 4: " " RenderInline {SPAN} at (0,0) size 127x21 RenderText {#text} at (225,51) size 127x21 text run at (225,51) width 127: "should be aligned" RenderText {#text} at (352,51) size 4x21 text run at (352,51) width 4: " " RenderImage {IMG} at (356,51) size 11x35 RenderText {#text} at (367,51) size 4x21 text run at (367,51) width 4: " " RenderInline {SPAN} at (0,0) size 201x41 RenderText {#text} at (371,51) size 201x41 text run at (371,51) width 201: "with the top of" RenderText {#text} at (572,51) size 4x21 text run at (572,51) width 4: " " RenderImage {IMG} at (576,51) size 15x50 RenderText {#text} at (591,51) size 4x21 text run at (591,51) width 4: " " RenderInline {SPAN} at (0,0) size 146x21 RenderText {#text} at (595,51) size 146x21 text run at (595,51) width 146: "the tallest element in" RenderText {#text} at (741,51) size 4x21 text run at (741,51) width 4: " " RenderImage {IMG} at (745,51) size 5x15 RenderText {#text} at (0,0) size 0x0 RenderInline {BIG} at (0,0) size 346x27 RenderText {#text} at (0,116) size 346x27 text run at (0,116) width 346: "whichever line the elements appear." RenderText {#text} at (346,116) size 4x21 text run at (346,116) width 4: " " RenderImage {IMG} at (350,116) size 27x90 RenderText {#text} at (0,0) size 0x0 RenderTable {TABLE} at (0,2586) size 768x2244 [border: (1px outset #808080)] RenderTableSection {TBODY} at (1,1) size 766x2242 RenderTableRow {TR} at (0,0) size 766x29 RenderTableCell {TD} at (0,0) size 766x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] RenderInline {STRONG} at (0,0) size 178x21 RenderText {#text} at (4,4) size 178x21 text run at (4,4) width 178: "TABLE Testing Section" RenderTableRow {TR} at (0,29) size 766x2213 RenderTableCell {TD} at (0,1121) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] RenderText {#text} at (4,4) size 4x21 text run at (4,4) width 4: " " RenderTableCell {TD} at (12,29) size 754x2213 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] RenderBlock {P} at (4,4) size 746x80 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 135x21 RenderText {#text} at (15,38) size 135x21 text run at (15,38) width 135: "The first four words" RenderText {#text} at (150,34) size 736x46 text run at (150,34) width 323: " in this sentence should be subscript-aligned. " text run at (473,34) width 263: "The font size of the superscripted text" text run at (0,59) width 379: "should not be different from that of the parent element." RenderBlock {P} at (4,100) size 746x76 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 135x21 RenderText {#text} at (15,28) size 135x21 text run at (15,28) width 135: "The first four words" RenderText {#text} at (150,34) size 736x42 text run at (150,34) width 337: " in this sentence should be superscript-aligned. " text run at (487,34) width 249: "The font size of the subscripted text" text run at (0,55) width 379: "should not be different from that of the parent element." RenderBlock {P} at (4,192) size 746x76 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 135x21 RenderText {#text} at (15,0) size 135x21 text run at (15,0) width 135: "The first four words" RenderText {#text} at (150,34) size 737x42 text run at (150,34) width 587: " in this sentence should be top-aligned, which will align their tops with the top of the" text run at (0,55) width 406: "tallest element in the line (probably the orange rectangle)." RenderBlock {P} at (4,284) size 746x142 RenderImage {IMG} at (0,0) size 15x50 RenderText {#text} at (15,34) size 4x21 text run at (15,34) width 4: " " RenderInline {SPAN} at (0,0) size 737x123 RenderText {#text} at (0,0) size 0x0 RenderInline {SPAN} at (0,0) size 135x21 RenderText {#text} at (19,19) size 135x21 text run at (19,19) width 135: "The first four words" RenderText {#text} at (154,19) size 737x123 text run at (154,19) width 510: " in this sentence should be text-top-" text run at (0,60) width 737: "aligned, which should align their tops with the top of" text run at (0,101) width 355: "the tallest text in the line." RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (4,442) size 746x71 RenderImage {IMG} at (0,0) size 15x50 RenderText {#text} at (15,13) size 725x58 text run at (15,13) width 710: " The image at the beginning of this sentence should be middle-aligned, which should align its middle" text run at (0,50) width 447: "with the point defined as the text baseline plus half the x-height." RenderBlock {P} at (4,529) size 746x132 RenderImage {IMG} at (0,0) size 15x50 RenderText {#text} at (15,15) size 4x21 text run at (15,15) width 4: " " RenderInline {SPAN} at (0,0) size 738x132 RenderText {#text} at (0,0) size 0x0 RenderInline {SPAN} at (0,0) size 135x21 RenderText {#text} at (19,29) size 135x21 text run at (19,29) width 135: "The first four words" RenderText {#text} at (154,0) size 738x132 text run at (154,0) width 554: " in this sentence should be 12pt in size" text run at (0,50) width 738: "and bottom-aligned, which should align their bottom" text run at (0,91) width 689: "with the bottom of the lowest element in the line." RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (4,677) size 746x173 RenderImage {IMG} at (0,0) size 15x50 RenderText {#text} at (15,15) size 4x21 text run at (15,15) width 4: " " RenderInline {SPAN} at (0,0) size 727x173 RenderText {#text} at (0,0) size 0x0 RenderInline {SPAN} at (0,0) size 326x21 RenderText {#text} at (19,20) size 326x21 text run at (19,20) width 326: "The first eight words (\"eight\" has a descender)" RenderText {#text} at (345,0) size 727x173 text run at (345,0) width 382: " in this sentence should be" text run at (0,50) width 716: "12pt in size and text-bottom-aligned, which should" text run at (0,91) width 727: "align their bottom with the bottom of the lowest text" text run at (0,132) width 481: "(including descenders) in the line." RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (4,866) size 746x183 RenderImage {IMG} at (0,0) size 15x50 RenderText {#text} at (15,34) size 4x21 text run at (15,34) width 4: " " RenderInline {SPAN} at (0,0) size 708x164 RenderText {#text} at (0,0) size 0x0 RenderInline {SPAN} at (0,0) size 135x21 RenderText {#text} at (19,34) size 135x21 text run at (19,34) width 135: "The first four words" RenderText {#text} at (154,19) size 708x164 text run at (154,19) width 554: " in this sentence should be 12pt in size" text run at (0,60) width 651: "and baseline-aligned, which should align their" text run at (0,101) width 707: "baseline with the baseline of the rest of the text in" text run at (0,142) width 113: "the line." RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (4,1065) size 746x76 RenderImage {IMG} at (0,0) size 15x50 RenderInline {SPAN} at (0,0) size 103x16 RenderText {#text} at (15,30) size 103x16 text run at (15,30) width 103: "The first four words" RenderText {#text} at (118,34) size 735x42 text run at (118,34) width 617: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also" text run at (0,55) width 521: "50%-aligned, which should raise them 8px relative to the natural baseline." RenderBlock {P} at (4,1157) size 746x63 RenderText {#text} at (0,0) size 745x63 text run at (0,0) width 745: "In the following paragraph, all images should be aligned with the top of the 14-point text, which is identical" text run at (0,21) width 707: "to the first section of text, whereas any size text should be aligned with the text baseline (which is the" text run at (0,42) width 100: "default value)." RenderBlock {P} at (4,1238) size 746x348 RenderText {#text} at (0,26) size 136x25 text run at (0,26) width 136: "This paragraph " RenderImage {IMG} at (136,26) size 9x30 RenderText {#text} at (145,26) size 5x25 text run at (145,26) width 5: " " RenderInline {SPAN} at (0,0) size 467x59 RenderText {#text} at (150,0) size 467x59 text run at (150,0) width 467: "contains many images" RenderText {#text} at (617,26) size 5x25 text run at (617,26) width 5: " " RenderImage {IMG} at (622,26) size 15x50 RenderText {#text} at (637,26) size 5x25 text run at (637,26) width 5: " " RenderInline {BIG} at (0,0) size 736x94 RenderText {#text} at (642,24) size 736x94 text run at (642,24) width 94: "of varying" text run at (0,91) width 70: "heights" RenderText {#text} at (70,93) size 5x25 text run at (70,93) width 5: " " RenderImage {IMG} at (75,93) size 3x10 RenderText {#text} at (78,93) size 5x25 text run at (78,93) width 5: " " RenderInline {SMALL} at (0,0) size 77x21 RenderText {#text} at (83,96) size 77x21 text run at (83,96) width 77: "and widths" RenderText {#text} at (160,93) size 5x25 text run at (160,93) width 5: " " RenderImage {IMG} at (165,93) size 6x20 RenderText {#text} at (171,93) size 105x25 text run at (171,93) width 105: " all of which " RenderImage {IMG} at (276,93) size 20x65 RenderText {#text} at (296,93) size 5x25 text run at (296,93) width 5: " " RenderInline {SPAN} at (0,0) size 294x47 RenderText {#text} at (301,76) size 294x47 text run at (301,76) width 294: "should be aligned" RenderText {#text} at (595,93) size 5x25 text run at (595,93) width 5: " " RenderImage {IMG} at (600,93) size 11x35 RenderText {#text} at (611,93) size 129x25 text run at (611,93) width 129: " with the top of " RenderImage {IMG} at (0,206) size 9x30 RenderText {#text} at (9,206) size 5x25 text run at (9,206) width 5: " " RenderInline {SPAN} at (0,0) size 440x35 RenderText {#text} at (14,198) size 24x35 text run at (14,198) width 24: "a " RenderInline {SPAN} at (0,0) size 253x87 RenderText {#text} at (38,158) size 253x87 text run at (38,158) width 253: "14-point" RenderText {#text} at (291,198) size 163x35 text run at (291,198) width 163: " text element" RenderText {#text} at (454,206) size 5x25 text run at (454,206) width 5: " " RenderImage {IMG} at (459,206) size 15x50 RenderText {#text} at (474,206) size 5x25 text run at (474,206) width 5: " " RenderInline {SMALL} at (0,0) size 211x21 RenderText {#text} at (479,209) size 211x21 text run at (479,209) width 211: "regardless of the line in which" RenderText {#text} at (690,206) size 5x25 text run at (690,206) width 5: " " RenderImage {IMG} at (695,206) size 5x15 RenderText {#text} at (700,206) size 5x25 text run at (700,206) width 5: " " RenderInline {BIG} at (0,0) size 735x79 RenderText {#text} at (705,204) size 735x79 text run at (705,204) width 30: "the" text run at (0,256) width 149: "images appear." RenderText {#text} at (149,258) size 5x25 text run at (149,258) width 5: " " RenderImage {IMG} at (154,258) size 27x90 RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (4,1604) size 746x42 RenderText {#text} at (0,0) size 730x42 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 run at (0,21) width 506: "text should be aligned with the text baseline (which is the default value)." RenderBlock {P} at (4,1662) size 746x246 RenderText {#text} at (0,23) size 112x21 text run at (0,23) width 112: "This paragraph " RenderImage {IMG} at (112,20) size 9x30 RenderText {#text} at (121,23) size 4x21 text run at (121,23) width 4: " " RenderInline {SPAN} at (0,0) size 395x51 RenderText {#text} at (125,0) size 395x51 text run at (125,0) width 395: "contains many images" RenderText {#text} at (520,23) size 4x21 text run at (520,23) width 4: " " RenderImage {IMG} at (524,10) size 15x50 RenderText {#text} at (539,23) size 133x21 text run at (539,23) width 133: " of varying heights " RenderImage {IMG} at (672,30) size 3x10 RenderText {#text} at (675,23) size 4x21 text run at (675,23) width 4: " " RenderInline {SMALL} at (0,0) size 706x100 RenderText {#text} at (679,23) size 706x100 text run at (679,23) width 27: "and" text run at (0,102) width 46: "widths" RenderText {#text} at (46,102) size 4x21 text run at (46,102) width 4: " " RenderImage {IMG} at (50,104) size 6x20 RenderText {#text} at (56,102) size 88x21 text run at (56,102) width 88: " all of which " RenderImage {IMG} at (144,82) size 20x65 RenderText {#text} at (164,102) size 135x21 text run at (164,102) width 135: " should be aligned " RenderImage {IMG} at (299,97) size 11x35 RenderText {#text} at (310,102) size 4x21 text run at (310,102) width 4: " " RenderInline {SPAN} at (0,0) size 251x41 RenderText {#text} at (314,87) size 251x41 text run at (314,87) width 251: "with the middle of" RenderText {#text} at (565,102) size 4x21 text run at (565,102) width 4: " " RenderImage {IMG} at (569,89) size 15x50 RenderText {#text} at (584,102) size 4x21 text run at (584,102) width 4: " " RenderInline {SPAN} at (0,0) size 694x117 RenderText {#text} at (588,95) size 20x30 text run at (588,95) width 20: "a " RenderInline {SPAN} at (0,0) size 694x163 RenderText {#text} at (608,60) size 694x163 text run at (608,60) width 86: "14-" text run at (0,147) width 129: "point" RenderText {#text} at (129,182) size 137x30 text run at (129,182) width 137: " text element" RenderText {#text} at (266,189) size 4x21 text run at (266,189) width 4: " " RenderImage {IMG} at (270,176) size 15x50 RenderText {#text} at (285,189) size 4x21 text run at (285,189) width 4: " " RenderInline {SMALL} at (0,0) size 211x21 RenderText {#text} at (289,189) size 211x21 text run at (289,189) width 211: "regardless of the line in which" RenderText {#text} at (500,189) size 4x21 text run at (500,189) width 4: " " RenderImage {IMG} at (504,194) size 5x15 RenderText {#text} at (509,189) size 4x21 text run at (509,189) width 4: " " RenderInline {BIG} at (0,0) size 185x27 RenderText {#text} at (513,184) size 185x27 text run at (513,184) width 185: "the images appear." RenderText {#text} at (698,189) size 4x21 text run at (698,189) width 4: " " RenderImage {IMG} at (702,156) size 27x90 RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (4,1924) size 746x63 RenderText {#text} at (0,0) size 736x63 text run at (0,0) width 726: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line," text run at (0,21) width 286: "whether that element is an image or not. " text run at (286,21) width 450: "Each fragment of text has been SPANned appropriately in order" text run at (0,42) width 168: "to cause this to happen." RenderBlock {P} at (4,2003) size 746x206 RenderInline {SPAN} at (0,0) size 108x21 RenderText {#text} at (0,0) size 108x21 text run at (0,0) width 108: "This paragraph" RenderText {#text} at (108,0) size 4x21 text run at (108,0) width 4: " " RenderImage {IMG} at (112,0) size 3x10 RenderText {#text} at (115,0) size 4x21 text run at (115,0) width 4: " " RenderInline {SPAN} at (0,0) size 395x51 RenderText {#text} at (119,0) size 395x51 text run at (119,0) width 395: "contains many images" RenderText {#text} at (514,0) size 4x21 text run at (514,0) width 4: " " RenderImage {IMG} at (518,0) size 3x10 RenderText {#text} at (521,0) size 4x21 text run at (521,0) width 4: " " RenderInline {SPAN} at (0,0) size 99x21 RenderText {#text} at (525,0) size 99x21 text run at (525,0) width 99: "and some text" RenderText {#text} at (624,0) size 4x21 text run at (624,0) width 4: " " RenderImage {IMG} at (628,0) size 3x10 RenderText {#text} at (631,0) size 4x21 text run at (631,0) width 4: " " RenderInline {SPAN} at (0,0) size 704x72 RenderText {#text} at (635,0) size 704x72 text run at (635,0) width 69: "of varying" text run at (0,51) width 52: "heights" RenderText {#text} at (52,51) size 4x21 text run at (52,51) width 4: " " RenderImage {IMG} at (56,51) size 3x10 RenderText {#text} at (59,51) size 4x21 text run at (59,51) width 4: " " RenderInline {BIG} at (0,0) size 103x27 RenderText {#text} at (63,51) size 103x27 text run at (63,51) width 103: "and widths" RenderText {#text} at (166,51) size 4x21 text run at (166,51) width 4: " " RenderImage {IMG} at (170,51) size 6x20 RenderText {#text} at (176,51) size 4x21 text run at (176,51) width 4: " " RenderInline {SPAN} at (0,0) size 80x21 RenderText {#text} at (180,51) size 80x21 text run at (180,51) width 80: "all of which" RenderText {#text} at (260,51) size 4x21 text run at (260,51) width 4: " " RenderImage {IMG} at (264,51) size 20x65 RenderText {#text} at (284,51) size 4x21 text run at (284,51) width 4: " " RenderInline {SPAN} at (0,0) size 127x21 RenderText {#text} at (288,51) size 127x21 text run at (288,51) width 127: "should be aligned" RenderText {#text} at (415,51) size 4x21 text run at (415,51) width 4: " " RenderImage {IMG} at (419,51) size 11x35 RenderText {#text} at (430,51) size 4x21 text run at (430,51) width 4: " " RenderInline {SPAN} at (0,0) size 201x41 RenderText {#text} at (434,51) size 201x41 text run at (434,51) width 201: "with the top of" RenderText {#text} at (635,51) size 4x21 text run at (635,51) width 4: " " RenderImage {IMG} at (639,51) size 15x50 RenderText {#text} at (654,51) size 4x21 text run at (654,51) width 4: " " RenderInline {SPAN} at (0,0) size 726x86 RenderText {#text} at (658,51) size 726x86 text run at (658,51) width 68: "the tallest" text run at (0,116) width 74: "element in" RenderText {#text} at (74,116) size 4x21 text run at (74,116) width 4: " " RenderImage {IMG} at (78,116) size 5x15 RenderText {#text} at (83,116) size 4x21 text run at (83,116) width 4: " " RenderInline {BIG} at (0,0) size 346x27 RenderText {#text} at (87,116) size 346x27 text run at (87,116) width 346: "whichever line the elements appear." RenderText {#text} at (433,116) size 4x21 text run at (433,116) width 4: " " RenderImage {IMG} at (437,116) size 27x90 RenderText {#text} at (0,0) size 0x0