| layer at (0,0) size 785x4502 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x4502 |
| RenderBlock {HTML} at (0,0) size 785x4502 |
| RenderBody {BODY} at (8,8) size 769x4486 [bgcolor=#CCCCCC] |
| RenderBlock {P} at (0,0) size 769x20 |
| RenderText {#text} at (0,0) size 337x19 |
| text run at (0,0) width 337: "The style declarations which apply to the text below are:" |
| RenderBlock {PRE} at (0,36) size 769x288 |
| RenderText {#text} at (0,0) size 512x288 |
| text run at (0,0) width 160: "P {font-size: 12pt;}" |
| 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 368: ".three {vertical-align: top; font-size: 12pt;}" |
| text run at (0,64) width 400: ".four {vertical-align: text-top; font-size: 12pt;}" |
| text run at (0,80) width 384: ".five {vertical-align: middle; font-size: 12pt;}" |
| text run at (0,96) width 376: ".six {vertical-align: bottom; font-size: 12pt;}" |
| text run at (0,112) width 432: ".seven {vertical-align: text-bottom; font-size: 12pt;}" |
| text run at (0,128) width 408: ".eight {vertical-align: baseline; font-size: 12pt;}" |
| text run at (0,144) width 512: ".nine {vertical-align: 50%; font-size: 12px; line-height: 16px;}" |
| text run at (0,160) width 0: " " |
| text run at (0,176) width 224: "P.example {font-size: 14pt;}" |
| text run at (0,192) width 176: "BIG {font-size: 16pt;}" |
| text run at (0,208) width 192: "SMALL {font-size: 12pt;}" |
| 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;}" |
| text run at (0,272) width 0: " " |
| RenderBlock {HR} at (0,337) size 769x2 [border: (1px inset #000000)] |
| RenderBlock {P} at (0,355) size 769x79 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderInline {SPAN} at (0,0) size 119x19 |
| RenderText {#text} at (15,39) size 119x19 |
| text run at (15,39) width 119: "The first four words" |
| RenderText {#text} at (134,35) size 767x43 |
| text run at (134,35) width 270: " in this sentence should be subscript-aligned. " |
| text run at (404,35) width 363: "The font size of the superscripted text should not be different" |
| text run at (0,59) width 188: "from that of the parent element." |
| RenderBlock {P} at (0,450) size 769x75 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderInline {SPAN} at (0,0) size 119x19 |
| RenderText {#text} at (15,29) size 119x19 |
| text run at (15,29) width 119: "The first four words" |
| RenderText {#text} at (134,35) size 767x39 |
| text run at (134,35) width 282: " in this sentence should be superscript-aligned. " |
| text run at (416,35) width 351: "The font size of the subscripted text should not be different" |
| text run at (0,55) width 188: "from that of the parent element." |
| RenderBlock {P} at (0,541) size 769x75 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderInline {SPAN} at (0,0) size 119x19 |
| RenderText {#text} at (15,0) size 119x19 |
| text run at (15,0) width 119: "The first four words" |
| RenderText {#text} at (134,35) size 757x39 |
| text run at (134,35) width 623: " in this sentence should be top-aligned, which will align their tops with the top of the tallest element in the" |
| text run at (0,55) width 217: "line (probably the orange rectangle)." |
| RenderBlock {P} at (0,632) size 769x133 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,35) size 4x19 |
| text run at (15,35) width 4: " " |
| RenderInline {SPAN} at (0,0) size 764x110 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SPAN} at (0,0) size 119x19 |
| RenderText {#text} at (19,22) size 119x19 |
| text run at (19,22) width 119: "The first four words" |
| RenderText {#text} at (138,22) size 764x110 |
| text run at (138,22) width 626: " in this sentence should be text-top-aligned, which" |
| text run at (0,59) width 733: "should align their tops with the top of the tallest text in the" |
| text run at (0,96) width 55: "line." |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,781) size 769x70 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,13) size 756x56 |
| text run at (15,13) width 741: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with the point defined as" |
| text run at (0,50) width 227: "the text baseline plus half the x-height." |
| RenderBlock {P} at (0,867) size 769x124 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,13) size 4x19 |
| text run at (15,13) width 4: " " |
| RenderInline {SPAN} at (0,0) size 716x123 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SPAN} at (0,0) size 119x19 |
| RenderText {#text} at (19,30) size 119x19 |
| text run at (19,30) width 119: "The first four words" |
| RenderText {#text} at (138,0) size 716x123 |
| text run at (138,0) width 532: " in this sentence should be 12pt in size and" |
| text run at (0,50) width 716: "bottom-aligned, which should align their bottom with the" |
| text run at (0,87) width 506: "bottom of the lowest element in the line." |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,1007) size 769x161 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,13) size 4x19 |
| text run at (15,13) width 4: " " |
| RenderInline {SPAN} at (0,0) size 718x160 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SPAN} at (0,0) size 276x19 |
| RenderText {#text} at (19,16) size 276x19 |
| text run at (19,16) width 276: "The first eight words (\"eight\" has a descender)" |
| RenderText {#text} at (295,0) size 718x160 |
| text run at (295,0) width 423: " in this sentence should be 12pt in" |
| text run at (0,50) width 675: "size and text-bottom-aligned, which should align their" |
| text run at (0,87) width 657: "bottom with the bottom of the lowest text (including" |
| text run at (0,124) width 288: "descenders) in the line." |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,1184) size 769x133 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,35) size 4x19 |
| text run at (15,35) width 4: " " |
| RenderInline {SPAN} at (0,0) size 742x110 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SPAN} at (0,0) size 119x19 |
| RenderText {#text} at (19,35) size 119x19 |
| text run at (19,35) width 119: "The first four words" |
| RenderText {#text} at (138,22) size 742x110 |
| text run at (138,22) width 532: " in this sentence should be 12pt in size and" |
| text run at (0,59) width 742: "baseline-aligned, which should align their baseline with the" |
| text run at (0,96) width 511: "baseline of the rest of the text in the line." |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,1333) size 769x75 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderInline {SPAN} at (0,0) size 98x15 |
| RenderText {#text} at (15,30) size 98x15 |
| text run at (15,30) width 98: "The first four words" |
| RenderText {#text} at (113,35) size 760x39 |
| text run at (113,35) width 647: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-aligned, which" |
| text run at (0,55) width 316: "should raise them 8px relative to the natural baseline." |
| RenderBlock {P} at (0,1424) size 769x40 |
| RenderText {#text} at (0,0) size 761x39 |
| text run at (0,0) width 761: "In the following paragraph, all images should be aligned with the top of the 14-point text, which is identical to the first section of" |
| text run at (0,20) width 561: "text, whereas any size text should be aligned with the text baseline (which is the default value)." |
| RenderBlock {P} at (0,1482) size 769x329 |
| RenderText {#text} at (0,27) size 117x21 |
| text run at (0,27) width 117: "This paragraph " |
| RenderImage {IMG} at (117,27) size 9x30 |
| RenderText {#text} at (126,27) size 5x21 |
| text run at (126,27) width 5: " " |
| RenderInline {SPAN} at (0,0) size 413x53 |
| RenderText {#text} at (131,1) size 413x53 |
| text run at (131,1) width 413: "contains many images" |
| RenderText {#text} at (544,27) size 5x21 |
| text run at (544,27) width 5: " " |
| RenderImage {IMG} at (549,27) size 15x50 |
| RenderText {#text} at (564,27) size 5x21 |
| text run at (564,27) width 5: " " |
| RenderInline {BIG} at (0,0) size 148x23 |
| RenderText {#text} at (569,25) size 148x23 |
| text run at (569,25) width 148: "of varying heights" |
| RenderText {#text} at (717,27) size 5x21 |
| text run at (717,27) width 5: " " |
| RenderImage {IMG} at (722,27) size 3x10 |
| RenderText {#text} at (725,27) size 5x21 |
| text run at (725,27) width 5: " " |
| RenderInline {SMALL} at (0,0) size 752x117 |
| RenderText {#text} at (730,28) size 752x117 |
| text run at (730,28) width 22: "and" |
| text run at (0,126) width 39: "widths" |
| RenderText {#text} at (39,125) size 5x21 |
| text run at (39,125) width 5: " " |
| RenderImage {IMG} at (44,125) size 6x20 |
| RenderText {#text} at (50,125) size 96x21 |
| text run at (50,125) width 96: " all of which " |
| RenderImage {IMG} at (146,125) size 20x65 |
| RenderText {#text} at (166,125) size 5x21 |
| text run at (166,125) width 5: " " |
| RenderInline {SPAN} at (0,0) size 254x42 |
| RenderText {#text} at (171,108) size 254x42 |
| text run at (171,108) width 254: "should be aligned" |
| RenderText {#text} at (425,125) size 5x21 |
| text run at (425,125) width 5: " " |
| RenderImage {IMG} at (430,125) size 11x35 |
| RenderText {#text} at (441,125) size 119x21 |
| text run at (441,125) width 119: " with the top of " |
| RenderImage {IMG} at (560,125) size 9x30 |
| RenderText {#text} at (569,125) size 5x21 |
| text run at (569,125) width 5: " " |
| RenderInline {SPAN} at (0,0) size 686x146 |
| RenderText {#text} at (574,115) size 19x33 |
| text run at (574,115) width 19: "a " |
| RenderInline {SPAN} at (0,0) size 686x193 |
| RenderText {#text} at (593,78) size 686x193 |
| text run at (593,78) width 93: "14-" |
| text run at (0,191) width 142: "point" |
| RenderText {#text} at (142,228) size 142x33 |
| text run at (142,228) width 142: " text element" |
| RenderText {#text} at (284,238) size 5x21 |
| text run at (284,238) width 5: " " |
| RenderImage {IMG} at (289,238) size 15x50 |
| RenderText {#text} at (304,238) size 5x21 |
| text run at (304,238) width 5: " " |
| RenderInline {SMALL} at (0,0) size 176x19 |
| RenderText {#text} at (309,239) size 176x19 |
| text run at (309,239) width 176: "regardless of the line in which" |
| RenderText {#text} at (485,238) size 5x21 |
| text run at (485,238) width 5: " " |
| RenderImage {IMG} at (490,238) size 5x15 |
| RenderText {#text} at (495,238) size 5x21 |
| text run at (495,238) width 5: " " |
| RenderInline {BIG} at (0,0) size 152x23 |
| RenderText {#text} at (500,236) size 152x23 |
| text run at (500,236) width 152: "the images appear." |
| RenderText {#text} at (652,238) size 5x21 |
| text run at (652,238) width 5: " " |
| RenderImage {IMG} at (657,238) size 27x90 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,1829) size 769x41 |
| RenderText {#text} at (0,0) size 751x39 |
| text run at (0,0) width 751: "In the following paragraph, all images should be aligned with the middle of the default text, whereas any text should be aligned" |
| text run at (0,20) width 292: "with the text baseline (which is the default value)." |
| RenderBlock {P} at (0,1885) size 769x234 |
| RenderText {#text} at (0,22) size 94x19 |
| text run at (0,22) width 94: "This paragraph " |
| RenderImage {IMG} at (94,19) size 9x30 |
| RenderText {#text} at (103,22) size 4x19 |
| text run at (103,22) width 4: " " |
| RenderInline {SPAN} at (0,0) size 352x46 |
| RenderText {#text} at (107,1) size 352x46 |
| text run at (107,1) width 352: "contains many images" |
| RenderText {#text} at (459,22) size 4x19 |
| text run at (459,22) width 4: " " |
| RenderImage {IMG} at (463,9) size 15x50 |
| RenderText {#text} at (478,22) size 112x19 |
| text run at (478,22) width 112: " of varying heights " |
| RenderImage {IMG} at (590,29) size 3x10 |
| RenderText {#text} at (593,22) size 4x19 |
| text run at (593,22) width 4: " " |
| RenderInline {SMALL} at (0,0) size 65x19 |
| RenderText {#text} at (597,22) size 65x19 |
| text run at (597,22) width 65: "and widths" |
| RenderText {#text} at (662,22) size 4x19 |
| text run at (662,22) width 4: " " |
| RenderImage {IMG} at (666,24) size 6x20 |
| RenderText {#text} at (672,22) size 76x19 |
| text run at (672,22) width 76: " all of which " |
| RenderImage {IMG} at (748,1) size 20x65 |
| RenderText {#text} at (0,106) size 108x19 |
| text run at (0,106) width 108: "should be aligned " |
| RenderImage {IMG} at (108,100) size 11x35 |
| RenderText {#text} at (119,106) size 4x19 |
| text run at (119,106) width 4: " " |
| RenderInline {SPAN} at (0,0) size 231x36 |
| RenderText {#text} at (123,93) size 231x36 |
| text run at (123,93) width 231: "with the middle of" |
| RenderText {#text} at (354,106) size 4x19 |
| text run at (354,106) width 4: " " |
| RenderImage {IMG} at (358,93) size 15x50 |
| RenderText {#text} at (373,106) size 4x19 |
| text run at (373,106) width 4: " " |
| RenderInline {SPAN} at (0,0) size 345x27 |
| RenderText {#text} at (377,100) size 17x27 |
| text run at (377,100) width 17: "a " |
| RenderInline {SPAN} at (0,0) size 203x68 |
| RenderText {#text} at (394,67) size 203x68 |
| text run at (394,67) width 203: "14-point" |
| RenderText {#text} at (597,100) size 125x27 |
| text run at (597,100) width 125: " text element" |
| RenderText {#text} at (722,106) size 4x19 |
| text run at (722,106) width 4: " " |
| RenderImage {IMG} at (726,93) size 15x50 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SMALL} at (0,0) size 176x19 |
| RenderText {#text} at (0,176) size 176x19 |
| text run at (0,176) width 176: "regardless of the line in which" |
| RenderText {#text} at (176,176) size 4x19 |
| text run at (176,176) width 4: " " |
| RenderImage {IMG} at (180,180) size 5x15 |
| RenderText {#text} at (185,176) size 4x19 |
| text run at (185,176) width 4: " " |
| RenderInline {BIG} at (0,0) size 152x23 |
| RenderText {#text} at (189,173) size 152x23 |
| text run at (189,173) width 152: "the images appear." |
| RenderText {#text} at (341,176) size 4x19 |
| text run at (341,176) width 4: " " |
| RenderImage {IMG} at (345,143) size 27x90 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,2134) size 769x41 |
| RenderText {#text} at (0,0) size 753x39 |
| text run at (0,0) width 753: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line, whether that element is" |
| text run at (0,20) width 101: "an image or not. " |
| text run at (101,20) width 533: "Each fragment of text has been SPANned appropriately in order to cause this to happen." |
| RenderBlock {P} at (0,2190) size 769x204 |
| RenderInline {SPAN} at (0,0) size 90x19 |
| RenderText {#text} at (0,0) size 90x19 |
| text run at (0,0) width 90: "This paragraph" |
| RenderText {#text} at (90,0) size 4x19 |
| text run at (90,0) width 4: " " |
| RenderImage {IMG} at (94,0) size 3x10 |
| RenderText {#text} at (97,0) size 4x19 |
| text run at (97,0) width 4: " " |
| RenderInline {SPAN} at (0,0) size 352x46 |
| RenderText {#text} at (101,1) size 352x46 |
| text run at (101,1) width 352: "contains many images" |
| RenderText {#text} at (453,0) size 4x19 |
| text run at (453,0) width 4: " " |
| RenderImage {IMG} at (457,0) size 3x10 |
| RenderText {#text} at (460,0) size 4x19 |
| text run at (460,0) width 4: " " |
| RenderInline {SPAN} at (0,0) size 84x19 |
| RenderText {#text} at (464,0) size 84x19 |
| text run at (464,0) width 84: "and some text" |
| RenderText {#text} at (548,0) size 4x19 |
| text run at (548,0) width 4: " " |
| RenderImage {IMG} at (552,0) size 3x10 |
| RenderText {#text} at (555,0) size 4x19 |
| text run at (555,0) width 4: " " |
| RenderInline {SPAN} at (0,0) size 104x19 |
| RenderText {#text} at (559,0) size 104x19 |
| text run at (559,0) width 104: "of varying heights" |
| RenderText {#text} at (663,0) size 4x19 |
| text run at (663,0) width 4: " " |
| RenderImage {IMG} at (667,0) size 3x10 |
| RenderText {#text} at (670,0) size 4x19 |
| text run at (670,0) width 4: " " |
| RenderInline {BIG} at (0,0) size 89x23 |
| RenderText {#text} at (674,0) size 89x23 |
| text run at (674,0) width 89: "and widths" |
| RenderText {#text} at (763,0) size 4x19 |
| text run at (763,0) width 4: " " |
| RenderImage {IMG} at (0,48) size 6x20 |
| RenderText {#text} at (6,48) size 4x19 |
| text run at (6,48) width 4: " " |
| RenderInline {SPAN} at (0,0) size 68x19 |
| RenderText {#text} at (10,48) size 68x19 |
| text run at (10,48) width 68: "all of which" |
| RenderText {#text} at (78,48) size 4x19 |
| text run at (78,48) width 4: " " |
| RenderImage {IMG} at (82,48) size 20x65 |
| RenderText {#text} at (102,48) size 4x19 |
| text run at (102,48) width 4: " " |
| RenderInline {SPAN} at (0,0) size 104x19 |
| RenderText {#text} at (106,48) size 104x19 |
| text run at (106,48) width 104: "should be aligned" |
| RenderText {#text} at (210,48) size 4x19 |
| text run at (210,48) width 4: " " |
| RenderImage {IMG} at (214,48) size 11x35 |
| RenderText {#text} at (225,48) size 4x19 |
| text run at (225,48) width 4: " " |
| RenderInline {SPAN} at (0,0) size 185x36 |
| RenderText {#text} at (229,48) size 185x36 |
| text run at (229,48) width 185: "with the top of" |
| RenderText {#text} at (414,48) size 4x19 |
| text run at (414,48) width 4: " " |
| RenderImage {IMG} at (418,48) size 15x50 |
| RenderText {#text} at (433,48) size 4x19 |
| text run at (433,48) width 4: " " |
| RenderInline {SPAN} at (0,0) size 120x19 |
| RenderText {#text} at (437,48) size 120x19 |
| text run at (437,48) width 120: "the tallest element in" |
| RenderText {#text} at (557,48) size 4x19 |
| text run at (557,48) width 4: " " |
| RenderImage {IMG} at (561,48) size 5x15 |
| RenderText {#text} at (566,48) size 4x19 |
| text run at (566,48) width 4: " " |
| RenderInline {BIG} at (0,0) size 721x88 |
| RenderText {#text} at (570,48) size 721x88 |
| text run at (570,48) width 151: "whichever line the" |
| text run at (0,113) width 137: "elements appear." |
| RenderText {#text} at (137,113) size 4x19 |
| text run at (137,113) width 4: " " |
| RenderImage {IMG} at (141,113) size 27x90 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTable {TABLE} at (0,2409) size 769x2077 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 767x2075 |
| RenderTableRow {TR} at (0,0) size 767x28 |
| RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| RenderInline {STRONG} at (0,0) size 159x19 |
| RenderText {#text} at (4,4) size 159x19 |
| text run at (4,4) width 159: "TABLE Testing Section" |
| RenderTableRow {TR} at (0,28) size 767x2047 |
| RenderTableCell {TD} at (0,1037) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (4,3) size 4x20 |
| text run at (4,4) width 4: " " |
| RenderTableCell {TD} at (12,28) size 755x2047 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] |
| RenderBlock {P} at (4,4) size 747x79 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderInline {SPAN} at (0,0) size 119x19 |
| RenderText {#text} at (15,39) size 119x19 |
| text run at (15,39) width 119: "The first four words" |
| RenderText {#text} at (134,35) size 714x43 |
| text run at (134,35) width 270: " in this sentence should be subscript-aligned. " |
| text run at (404,35) width 310: "The font size of the superscripted text should not be" |
| text run at (0,59) width 241: "different from that of the parent element." |
| RenderBlock {P} at (4,99) size 747x75 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderInline {SPAN} at (0,0) size 119x19 |
| RenderText {#text} at (15,29) size 119x19 |
| text run at (15,29) width 119: "The first four words" |
| RenderText {#text} at (134,35) size 714x39 |
| text run at (134,35) width 282: " in this sentence should be superscript-aligned. " |
| text run at (416,35) width 298: "The font size of the subscripted text should not be" |
| text run at (0,55) width 241: "different from that of the parent element." |
| RenderBlock {P} at (4,190) size 747x75 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderInline {SPAN} at (0,0) size 119x19 |
| RenderText {#text} at (15,0) size 119x19 |
| text run at (15,0) width 119: "The first four words" |
| RenderText {#text} at (134,35) size 735x39 |
| text run at (134,35) width 601: " in this sentence should be top-aligned, which will align their tops with the top of the tallest element in" |
| text run at (0,55) width 239: "the line (probably the orange rectangle)." |
| RenderBlock {P} at (4,281) size 747x133 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,35) size 4x19 |
| text run at (15,35) width 4: " " |
| RenderInline {SPAN} at (0,0) size 739x110 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SPAN} at (0,0) size 119x19 |
| RenderText {#text} at (19,22) size 119x19 |
| text run at (19,22) width 119: "The first four words" |
| RenderText {#text} at (138,22) size 739x110 |
| text run at (138,22) width 542: " in this sentence should be text-top-aligned," |
| text run at (0,59) width 739: "which should align their tops with the top of the tallest text" |
| text run at (0,96) width 133: "in the line." |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (4,430) size 747x70 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,13) size 739x56 |
| text run at (15,13) width 724: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with the point defined" |
| text run at (0,50) width 244: "as the text baseline plus half the x-height." |
| RenderBlock {P} at (4,516) size 747x124 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,13) size 4x19 |
| text run at (15,13) width 4: " " |
| RenderInline {SPAN} at (0,0) size 716x123 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SPAN} at (0,0) size 119x19 |
| RenderText {#text} at (19,30) size 119x19 |
| text run at (19,30) width 119: "The first four words" |
| RenderText {#text} at (138,0) size 716x123 |
| text run at (138,0) width 532: " in this sentence should be 12pt in size and" |
| text run at (0,50) width 716: "bottom-aligned, which should align their bottom with the" |
| text run at (0,87) width 506: "bottom of the lowest element in the line." |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (4,656) size 747x161 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,13) size 4x19 |
| text run at (15,13) width 4: " " |
| RenderInline {SPAN} at (0,0) size 718x160 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SPAN} at (0,0) size 276x19 |
| RenderText {#text} at (19,16) size 276x19 |
| text run at (19,16) width 276: "The first eight words (\"eight\" has a descender)" |
| RenderText {#text} at (295,0) size 718x160 |
| text run at (295,0) width 423: " in this sentence should be 12pt in" |
| text run at (0,50) width 675: "size and text-bottom-aligned, which should align their" |
| text run at (0,87) width 657: "bottom with the bottom of the lowest text (including" |
| text run at (0,124) width 288: "descenders) in the line." |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (4,833) size 747x133 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderText {#text} at (15,35) size 4x19 |
| text run at (15,35) width 4: " " |
| RenderInline {SPAN} at (0,0) size 742x110 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SPAN} at (0,0) size 119x19 |
| RenderText {#text} at (19,35) size 119x19 |
| text run at (19,35) width 119: "The first four words" |
| RenderText {#text} at (138,22) size 742x110 |
| text run at (138,22) width 532: " in this sentence should be 12pt in size and" |
| text run at (0,59) width 742: "baseline-aligned, which should align their baseline with the" |
| text run at (0,96) width 511: "baseline of the rest of the text in the line." |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (4,982) size 747x75 |
| RenderImage {IMG} at (0,0) size 15x50 |
| RenderInline {SPAN} at (0,0) size 98x15 |
| RenderText {#text} at (15,30) size 98x15 |
| text run at (15,30) width 98: "The first four words" |
| RenderText {#text} at (113,35) size 721x39 |
| text run at (113,35) width 608: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-aligned," |
| text run at (0,55) width 355: "which should raise them 8px relative to the natural baseline." |
| RenderBlock {P} at (4,1073) size 747x40 |
| RenderText {#text} at (0,0) size 745x39 |
| 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 to the first section" |
| text run at (0,20) width 577: "of text, whereas any size text should be aligned with the text baseline (which is the default value)." |
| RenderBlock {P} at (4,1131) size 747x329 |
| RenderText {#text} at (0,27) size 117x21 |
| text run at (0,27) width 117: "This paragraph " |
| RenderImage {IMG} at (117,27) size 9x30 |
| RenderText {#text} at (126,27) size 5x21 |
| text run at (126,27) width 5: " " |
| RenderInline {SPAN} at (0,0) size 413x53 |
| RenderText {#text} at (131,1) size 413x53 |
| text run at (131,1) width 413: "contains many images" |
| RenderText {#text} at (544,27) size 5x21 |
| text run at (544,27) width 5: " " |
| RenderImage {IMG} at (549,27) size 15x50 |
| RenderText {#text} at (564,27) size 5x21 |
| text run at (564,27) width 5: " " |
| RenderInline {BIG} at (0,0) size 148x23 |
| RenderText {#text} at (569,25) size 148x23 |
| text run at (569,25) width 148: "of varying heights" |
| RenderText {#text} at (717,27) size 5x21 |
| text run at (717,27) width 5: " " |
| RenderImage {IMG} at (722,27) size 3x10 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderInline {SMALL} at (0,0) size 65x19 |
| RenderText {#text} at (0,126) size 65x19 |
| text run at (0,126) width 65: "and widths" |
| RenderText {#text} at (65,125) size 5x21 |
| text run at (65,125) width 5: " " |
| RenderImage {IMG} at (70,125) size 6x20 |
| RenderText {#text} at (76,125) size 96x21 |
| text run at (76,125) width 96: " all of which " |
| RenderImage {IMG} at (172,125) size 20x65 |
| RenderText {#text} at (192,125) size 5x21 |
| text run at (192,125) width 5: " " |
| RenderInline {SPAN} at (0,0) size 254x42 |
| RenderText {#text} at (197,108) size 254x42 |
| text run at (197,108) width 254: "should be aligned" |
| RenderText {#text} at (451,125) size 5x21 |
| text run at (451,125) width 5: " " |
| RenderImage {IMG} at (456,125) size 11x35 |
| RenderText {#text} at (467,125) size 119x21 |
| text run at (467,125) width 119: " with the top of " |
| RenderImage {IMG} at (586,125) size 9x30 |
| RenderText {#text} at (595,125) size 5x21 |
| text run at (595,125) width 5: " " |
| RenderInline {SPAN} at (0,0) size 712x146 |
| RenderText {#text} at (600,115) size 19x33 |
| text run at (600,115) width 19: "a " |
| RenderInline {SPAN} at (0,0) size 712x193 |
| RenderText {#text} at (619,78) size 712x193 |
| text run at (619,78) width 93: "14-" |
| text run at (0,191) width 142: "point" |
| RenderText {#text} at (142,228) size 142x33 |
| text run at (142,228) width 142: " text element" |
| RenderText {#text} at (284,238) size 5x21 |
| text run at (284,238) width 5: " " |
| RenderImage {IMG} at (289,238) size 15x50 |
| RenderText {#text} at (304,238) size 5x21 |
| text run at (304,238) width 5: " " |
| RenderInline {SMALL} at (0,0) size 176x19 |
| RenderText {#text} at (309,239) size 176x19 |
| text run at (309,239) width 176: "regardless of the line in which" |
| RenderText {#text} at (485,238) size 5x21 |
| text run at (485,238) width 5: " " |
| RenderImage {IMG} at (490,238) size 5x15 |
| RenderText {#text} at (495,238) size 5x21 |
| text run at (495,238) width 5: " " |
| RenderInline {BIG} at (0,0) size 152x23 |
| RenderText {#text} at (500,236) size 152x23 |
| text run at (500,236) width 152: "the images appear." |
| RenderText {#text} at (652,238) size 5x21 |
| text run at (652,238) width 5: " " |
| RenderImage {IMG} at (657,238) size 27x90 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (4,1478) size 747x41 |
| RenderText {#text} at (0,0) size 705x39 |
| text run at (0,0) width 705: "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,20) width 338: "aligned with the text baseline (which is the default value)." |
| RenderBlock {P} at (4,1534) size 747x234 |
| RenderText {#text} at (0,22) size 94x19 |
| text run at (0,22) width 94: "This paragraph " |
| RenderImage {IMG} at (94,19) size 9x30 |
| RenderText {#text} at (103,22) size 4x19 |
| text run at (103,22) width 4: " " |
| RenderInline {SPAN} at (0,0) size 352x46 |
| RenderText {#text} at (107,1) size 352x46 |
| text run at (107,1) width 352: "contains many images" |
| RenderText {#text} at (459,22) size 4x19 |
| text run at (459,22) width 4: " " |
| RenderImage {IMG} at (463,9) size 15x50 |
| RenderText {#text} at (478,22) size 112x19 |
| text run at (478,22) width 112: " of varying heights " |
| RenderImage {IMG} at (590,29) size 3x10 |
| RenderText {#text} at (593,22) size 4x19 |
| text run at (593,22) width 4: " " |
| RenderInline {SMALL} at (0,0) size 65x19 |
| RenderText {#text} at (597,22) size 65x19 |
| text run at (597,22) width 65: "and widths" |
| RenderText {#text} at (662,22) size 4x19 |
| text run at (662,22) width 4: " " |
| RenderImage {IMG} at (666,24) size 6x20 |
| RenderText {#text} at (672,22) size 72x19 |
| text run at (672,22) width 72: " all of which" |
| RenderImage {IMG} at (0,78) size 20x65 |
| RenderText {#text} at (20,99) size 112x19 |
| text run at (20,99) width 112: " should be aligned " |
| RenderImage {IMG} at (132,93) size 11x35 |
| RenderText {#text} at (143,99) size 4x19 |
| text run at (143,99) width 4: " " |
| RenderInline {SPAN} at (0,0) size 231x36 |
| RenderText {#text} at (147,86) size 231x36 |
| text run at (147,86) width 231: "with the middle of" |
| RenderText {#text} at (378,99) size 4x19 |
| text run at (378,99) width 4: " " |
| RenderImage {IMG} at (382,86) size 15x50 |
| RenderText {#text} at (397,99) size 4x19 |
| text run at (397,99) width 4: " " |
| RenderInline {SPAN} at (0,0) size 345x27 |
| RenderText {#text} at (401,93) size 17x27 |
| text run at (401,93) width 17: "a " |
| RenderInline {SPAN} at (0,0) size 203x68 |
| RenderText {#text} at (418,60) size 203x68 |
| text run at (418,60) width 203: "14-point" |
| RenderText {#text} at (621,93) size 125x27 |
| text run at (621,93) width 125: " text element" |
| RenderText {#text} at (0,0) size 0x0 |
| RenderImage {IMG} at (0,163) size 15x50 |
| RenderText {#text} at (15,176) size 4x19 |
| text run at (15,176) width 4: " " |
| RenderInline {SMALL} at (0,0) size 176x19 |
| RenderText {#text} at (19,176) size 176x19 |
| text run at (19,176) width 176: "regardless of the line in which" |
| RenderText {#text} at (195,176) size 4x19 |
| text run at (195,176) width 4: " " |
| RenderImage {IMG} at (199,180) size 5x15 |
| RenderText {#text} at (204,176) size 4x19 |
| text run at (204,176) width 4: " " |
| RenderInline {BIG} at (0,0) size 152x23 |
| RenderText {#text} at (208,173) size 152x23 |
| text run at (208,173) width 152: "the images appear." |
| RenderText {#text} at (360,176) size 4x19 |
| text run at (360,176) width 4: " " |
| RenderImage {IMG} at (364,143) size 27x90 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (4,1783) size 747x41 |
| RenderText {#text} at (0,0) size 740x39 |
| text run at (0,0) width 740: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line, whether that element" |
| text run at (0,20) width 114: "is an image or not. " |
| text run at (114,20) width 533: "Each fragment of text has been SPANned appropriately in order to cause this to happen." |
| RenderBlock {P} at (4,1839) size 747x204 |
| RenderInline {SPAN} at (0,0) size 90x19 |
| RenderText {#text} at (0,0) size 90x19 |
| text run at (0,0) width 90: "This paragraph" |
| RenderText {#text} at (90,0) size 4x19 |
| text run at (90,0) width 4: " " |
| RenderImage {IMG} at (94,0) size 3x10 |
| RenderText {#text} at (97,0) size 4x19 |
| text run at (97,0) width 4: " " |
| RenderInline {SPAN} at (0,0) size 352x46 |
| RenderText {#text} at (101,1) size 352x46 |
| text run at (101,1) width 352: "contains many images" |
| RenderText {#text} at (453,0) size 4x19 |
| text run at (453,0) width 4: " " |
| RenderImage {IMG} at (457,0) size 3x10 |
| RenderText {#text} at (460,0) size 4x19 |
| text run at (460,0) width 4: " " |
| RenderInline {SPAN} at (0,0) size 84x19 |
| RenderText {#text} at (464,0) size 84x19 |
| text run at (464,0) width 84: "and some text" |
| RenderText {#text} at (548,0) size 4x19 |
| text run at (548,0) width 4: " " |
| RenderImage {IMG} at (552,0) size 3x10 |
| RenderText {#text} at (555,0) size 4x19 |
| text run at (555,0) width 4: " " |
| RenderInline {SPAN} at (0,0) size 104x19 |
| RenderText {#text} at (559,0) size 104x19 |
| text run at (559,0) width 104: "of varying heights" |
| RenderText {#text} at (663,0) size 4x19 |
| text run at (663,0) width 4: " " |
| RenderImage {IMG} at (667,0) size 3x10 |
| RenderText {#text} at (670,0) size 4x19 |
| text run at (670,0) width 4: " " |
| RenderInline {BIG} at (0,0) size 703x71 |
| RenderText {#text} at (674,0) size 703x71 |
| text run at (674,0) width 29: "and" |
| text run at (0,48) width 55: "widths" |
| RenderText {#text} at (55,48) size 4x19 |
| text run at (55,48) width 4: " " |
| RenderImage {IMG} at (59,48) size 6x20 |
| RenderText {#text} at (65,48) size 4x19 |
| text run at (65,48) width 4: " " |
| RenderInline {SPAN} at (0,0) size 68x19 |
| RenderText {#text} at (69,48) size 68x19 |
| text run at (69,48) width 68: "all of which" |
| RenderText {#text} at (137,48) size 4x19 |
| text run at (137,48) width 4: " " |
| RenderImage {IMG} at (141,48) size 20x65 |
| RenderText {#text} at (161,48) size 4x19 |
| text run at (161,48) width 4: " " |
| RenderInline {SPAN} at (0,0) size 104x19 |
| RenderText {#text} at (165,48) size 104x19 |
| text run at (165,48) width 104: "should be aligned" |
| RenderText {#text} at (269,48) size 4x19 |
| text run at (269,48) width 4: " " |
| RenderImage {IMG} at (273,48) size 11x35 |
| RenderText {#text} at (284,48) size 4x19 |
| text run at (284,48) width 4: " " |
| RenderInline {SPAN} at (0,0) size 185x36 |
| RenderText {#text} at (288,48) size 185x36 |
| text run at (288,48) width 185: "with the top of" |
| RenderText {#text} at (473,48) size 4x19 |
| text run at (473,48) width 4: " " |
| RenderImage {IMG} at (477,48) size 15x50 |
| RenderText {#text} at (492,48) size 4x19 |
| text run at (492,48) width 4: " " |
| RenderInline {SPAN} at (0,0) size 120x19 |
| RenderText {#text} at (496,48) size 120x19 |
| text run at (496,48) width 120: "the tallest element in" |
| RenderText {#text} at (616,48) size 4x19 |
| text run at (616,48) width 4: " " |
| RenderImage {IMG} at (620,48) size 5x15 |
| RenderText {#text} at (625,48) size 4x19 |
| text run at (625,48) width 4: " " |
| RenderInline {BIG} at (0,0) size 714x88 |
| RenderText {#text} at (629,48) size 714x88 |
| text run at (629,48) width 85: "whichever" |
| text run at (0,113) width 203: "line the elements appear." |
| RenderText {#text} at (203,113) size 4x19 |
| text run at (203,113) width 4: " " |
| RenderImage {IMG} at (207,113) size 27x90 |
| RenderText {#text} at (0,0) size 0x0 |
