layer at (0,0) size 785x4408
  RenderView at (0,0) size 785x600
layer at (0,0) size 785x4408
  RenderBlock {HTML} at (0,0) size 785x4408
    RenderBody {BODY} at (8,8) size 769x4392 [bgcolor=#CCCCCC]
      RenderBlock {P} at (0,0) size 769x18
        RenderText {#text} at (0,0) size 355x17
          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
      RenderBlock {PRE} at (0,34) size 769x270
        RenderText {#text} at (0,0) size 512x270
          text run at (0,0) width 160: "P {font-size: 12pt;}"
          text run at (0,15) width 216: ".one {vertical-align: sub;}"
          text run at (0,30) width 232: ".two {vertical-align: super;}"
          text run at (0,45) width 368: ".three {vertical-align: top; font-size: 12pt;}"
          text run at (0,60) width 400: ".four {vertical-align: text-top; font-size: 12pt;}"
          text run at (0,75) width 384: ".five {vertical-align: middle; font-size: 12pt;}"
          text run at (0,90) width 376: ".six {vertical-align: bottom; font-size: 12pt;}"
          text run at (0,105) width 432: ".seven {vertical-align: text-bottom; font-size: 12pt;}"
          text run at (0,120) width 408: ".eight {vertical-align: baseline; font-size: 12pt;}"
          text run at (0,135) width 512: ".nine {vertical-align: 50%; font-size: 12px; line-height: 16px;}"
          text run at (0,150) width 0: " "
          text run at (0,165) width 224: "P.example {font-size: 14pt;}"
          text run at (0,180) width 176: "BIG {font-size: 16pt;}"
          text run at (0,195) width 192: "SMALL {font-size: 12pt;}"
          text run at (0,210) width 304: ".ttopalign {vertical-align: text-top;}"
          text run at (0,225) width 256: ".topalign {vertical-align: top;}"
          text run at (0,240) width 280: ".midalign {vertical-align: middle;}"
          text run at (0,255) width 0: " "
      RenderBlock {HR} at (0,317) size 769x2 [border: (1px inset #000000)]
      RenderBlock {P} at (0,335) size 769x76
        RenderImage {IMG} at (0,0) size 15x50
        RenderInline {SPAN} at (0,0) size 126x17
          RenderText {#text} at (15,40) size 126x17
            text run at (15,40) width 126: "The first four words"
        RenderText {#text} at (141,36) size 750x39
          text run at (141,36) width 284: " in this sentence should be subscript-aligned. "
          text run at (425,36) width 325: "The font size of the superscripted text should not be"
          text run at (0,58) width 254: "different from that of the parent element."
      RenderBlock {P} at (0,427) size 769x72
        RenderImage {IMG} at (0,0) size 15x50
        RenderInline {SPAN} at (0,0) size 126x17
          RenderText {#text} at (15,30) size 126x17
            text run at (15,30) width 126: "The first four words"
        RenderText {#text} at (141,36) size 750x35
          text run at (141,36) width 296: " in this sentence should be superscript-aligned. "
          text run at (437,36) width 313: "The font size of the subscripted text should not be"
          text run at (0,54) width 254: "different from that of the parent element."
      RenderBlock {P} at (0,515) size 769x72
        RenderImage {IMG} at (0,0) size 15x50
        RenderInline {SPAN} at (0,0) size 126x17
          RenderText {#text} at (15,0) size 126x17
            text run at (15,0) width 126: "The first four words"
        RenderText {#text} at (141,36) size 765x35
          text run at (141,36) width 624: " in this sentence should be top-aligned, which will align their tops with the top of the tallest element"
          text run at (0,54) width 267: "in the line (probably the orange rectangle)."
      RenderBlock {P} at (0,603) size 769x132
        RenderImage {IMG} at (0,0) size 15x50
        RenderText {#text} at (15,36) size 4x17
          text run at (15,36) width 4: " "
        RenderInline {SPAN} at (0,0) size 754x110
          RenderText {#text} at (0,0) size 0x0
          RenderInline {SPAN} at (0,0) size 126x17
            RenderText {#text} at (19,21) size 126x17
              text run at (19,21) width 126: "The first four words"
          RenderText {#text} at (145,21) size 754x110
            text run at (145,21) width 556: " in this sentence should be text-top-aligned,"
            text run at (0,58) width 754: "which should align their tops with the top of the tallest text"
            text run at (0,95) width 136: "in the line."
        RenderText {#text} at (0,0) size 0x0
      RenderBlock {P} at (0,751) size 769x68
        RenderImage {IMG} at (0,0) size 15x50
        RenderText {#text} at (15,15) size 739x52
          text run at (15,15) width 724: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with the point"
          text run at (0,50) width 310: "defined as the text baseline plus half the x-height."
      RenderBlock {P} at (0,835) size 769x124
        RenderImage {IMG} at (0,0) size 15x50
        RenderText {#text} at (15,15) size 4x17
          text run at (15,15) width 4: " "
        RenderInline {SPAN} at (0,0) size 733x123
          RenderText {#text} at (0,0) size 0x0
          RenderInline {SPAN} at (0,0) size 126x17
            RenderText {#text} at (19,32) size 126x17
              text run at (19,32) width 126: "The first four words"
          RenderText {#text} at (145,0) size 733x123
            text run at (145,0) width 544: " in this sentence should be 12pt in size and"
            text run at (0,50) width 733: "bottom-aligned, which should align their bottom with the"
            text run at (0,87) width 517: "bottom of the lowest element in the line."
        RenderText {#text} at (0,0) size 0x0
      RenderBlock {P} at (0,975) size 769x161
        RenderImage {IMG} at (0,0) size 15x50
        RenderText {#text} at (15,15) size 4x17
          text run at (15,15) width 4: " "
        RenderInline {SPAN} at (0,0) size 745x160
          RenderText {#text} at (0,0) size 0x0
          RenderInline {SPAN} at (0,0) size 293x17
            RenderText {#text} at (19,18) size 293x17
              text run at (19,18) width 293: "The first eight words (\"eight\" has a descender)"
          RenderText {#text} at (312,0) size 745x160
            text run at (312,0) width 433: " in this sentence should be 12pt in"
            text run at (0,50) width 692: "size and text-bottom-aligned, which should align their"
            text run at (0,87) width 671: "bottom with the bottom of the lowest text (including"
            text run at (0,124) width 294: "descenders) in the line."
        RenderText {#text} at (0,0) size 0x0
      RenderBlock {P} at (0,1152) size 769x132
        RenderImage {IMG} at (0,0) size 15x50
        RenderText {#text} at (15,36) size 4x17
          text run at (15,36) width 4: " "
        RenderInline {SPAN} at (0,0) size 759x110
          RenderText {#text} at (0,0) size 0x0
          RenderInline {SPAN} at (0,0) size 126x17
            RenderText {#text} at (19,36) size 126x17
              text run at (19,36) width 126: "The first four words"
          RenderText {#text} at (145,21) size 759x110
            text run at (145,21) width 544: " in this sentence should be 12pt in size and"
            text run at (0,58) width 759: "baseline-aligned, which should align their baseline with the"
            text run at (0,95) width 522: "baseline of the rest of the text in the line."
        RenderText {#text} at (0,0) size 0x0
      RenderBlock {P} at (0,1300) size 769x72
        RenderImage {IMG} at (0,0) size 15x50
        RenderInline {SPAN} at (0,0) size 96x14
          RenderText {#text} at (15,31) size 96x14
            text run at (15,31) width 96: "The first four words"
        RenderText {#text} at (111,36) size 750x35
          text run at (111,36) width 639: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-aligned,"
          text run at (0,54) width 376: "which should raise them 8px relative to the natural baseline."
      RenderBlock {P} at (0,1388) size 769x36
        RenderText {#text} at (0,0) size 742x35
          text run at (0,0) width 742: "In the following paragraph, all images should be aligned with the top of the 14-point text, which is identical to the first"
          text run at (0,18) width 661: "section of text, whereas any size text should be aligned with the text baseline (which is the default value)."
      RenderBlock {P} at (0,1442) size 769x324
        RenderText {#text} at (0,26) size 120x21
          text run at (0,26) width 120: "This paragraph "
        RenderImage {IMG} at (120,26) size 9x30
        RenderText {#text} at (129,26) size 5x21
          text run at (129,26) width 5: " "
        RenderInline {SPAN} at (0,0) size 422x52
          RenderText {#text} at (134,1) size 422x52
            text run at (134,1) width 422: "contains many images"
        RenderText {#text} at (556,26) size 5x21
          text run at (556,26) width 5: " "
        RenderImage {IMG} at (561,26) size 15x50
        RenderText {#text} at (576,26) size 5x21
          text run at (576,26) width 5: " "
        RenderInline {BIG} at (0,0) size 156x24
          RenderText {#text} at (581,24) size 156x24
            text run at (581,24) width 156: "of varying heights"
        RenderText {#text} at (737,26) size 5x21
          text run at (737,26) width 5: " "
        RenderImage {IMG} at (742,26) size 3x10
        RenderText {#text} at (0,0) size 0x0
        RenderInline {SMALL} at (0,0) size 69x17
          RenderText {#text} at (0,125) size 69x17
            text run at (0,125) width 69: "and widths"
        RenderText {#text} at (69,122) size 5x21
          text run at (69,122) width 5: " "
        RenderImage {IMG} at (74,122) size 6x20
        RenderText {#text} at (80,122) size 101x21
          text run at (80,122) width 101: " all of which "
        RenderImage {IMG} at (181,122) size 20x65
        RenderText {#text} at (201,122) size 5x21
          text run at (201,122) width 5: " "
        RenderInline {SPAN} at (0,0) size 262x41
          RenderText {#text} at (206,106) size 262x41
            text run at (206,106) width 262: "should be aligned"
        RenderText {#text} at (468,122) size 5x21
          text run at (468,122) width 5: " "
        RenderImage {IMG} at (473,122) size 11x35
        RenderText {#text} at (484,122) size 123x21
          text run at (484,122) width 123: " with the top of "
        RenderImage {IMG} at (607,122) size 9x30
        RenderText {#text} at (616,122) size 5x21
          text run at (616,122) width 5: " "
        RenderInline {SPAN} at (0,0) size 733x142
          RenderText {#text} at (621,114) size 19x31
            text run at (621,114) width 19: "a "
          RenderInline {SPAN} at (0,0) size 733x188
            RenderText {#text} at (640,77) size 733x188
              text run at (640,77) width 93: "14-"
              text run at (0,188) width 143: "point"
          RenderText {#text} at (143,225) size 144x31
            text run at (143,225) width 144: " text element"
        RenderText {#text} at (287,233) size 5x21
          text run at (287,233) width 5: " "
        RenderImage {IMG} at (292,233) size 15x50
        RenderText {#text} at (307,233) size 5x21
          text run at (307,233) width 5: " "
        RenderInline {SMALL} at (0,0) size 189x17
          RenderText {#text} at (312,236) size 189x17
            text run at (312,236) width 189: "regardless of the line in which"
        RenderText {#text} at (501,233) size 5x21
          text run at (501,233) width 5: " "
        RenderImage {IMG} at (506,233) size 5x15
        RenderText {#text} at (511,233) size 5x21
          text run at (511,233) width 5: " "
        RenderInline {BIG} at (0,0) size 156x24
          RenderText {#text} at (516,231) size 156x24
            text run at (516,231) width 156: "the images appear."
        RenderText {#text} at (672,233) size 5x21
          text run at (672,233) width 5: " "
        RenderImage {IMG} at (677,233) size 27x90
        RenderText {#text} at (0,0) size 0x0
      RenderBlock {P} at (0,1784) size 769x37
        RenderText {#text} at (0,0) size 749x35
          text run at (0,0) width 749: "In the following paragraph, all images should be aligned with the middle of the default text, whereas any text should be"
          text run at (0,18) width 362: "aligned with the text baseline (which is the default value)."
      RenderBlock {P} at (0,1836) size 769x232
        RenderText {#text} at (0,23) size 99x17
          text run at (0,23) width 99: "This paragraph "
        RenderImage {IMG} at (99,18) size 9x30
        RenderText {#text} at (108,23) size 4x17
          text run at (108,23) width 4: " "
        RenderInline {SPAN} at (0,0) size 357x45
          RenderText {#text} at (112,1) size 357x45
            text run at (112,1) width 357: "contains many images"
        RenderText {#text} at (469,23) size 4x17
          text run at (469,23) width 4: " "
        RenderImage {IMG} at (473,8) size 15x50
        RenderText {#text} at (488,23) size 122x17
          text run at (488,23) width 122: " of varying heights "
        RenderImage {IMG} at (610,28) size 3x10
        RenderText {#text} at (613,23) size 4x17
          text run at (613,23) width 4: " "
        RenderInline {SMALL} at (0,0) size 69x17
          RenderText {#text} at (617,23) size 69x17
            text run at (617,23) width 69: "and widths"
        RenderText {#text} at (686,23) size 4x17
          text run at (686,23) width 4: " "
        RenderImage {IMG} at (690,23) size 6x20
        RenderText {#text} at (696,23) size 732x92
          text run at (696,23) width 36: " all of"
          text run at (0,98) width 43: "which "
        RenderImage {IMG} at (43,76) size 20x65
        RenderText {#text} at (63,98) size 119x17
          text run at (63,98) width 119: " should be aligned "
        RenderImage {IMG} at (182,91) size 11x35
        RenderText {#text} at (193,98) size 4x17
          text run at (193,98) width 4: " "
        RenderInline {SPAN} at (0,0) size 236x36
          RenderText {#text} at (197,83) size 236x36
            text run at (197,83) width 236: "with the middle of"
        RenderText {#text} at (433,98) size 4x17
          text run at (433,98) width 4: " "
        RenderImage {IMG} at (437,83) size 15x50
        RenderText {#text} at (452,98) size 4x17
          text run at (452,98) width 4: " "
        RenderInline {SPAN} at (0,0) size 720x104
          RenderText {#text} at (456,91) size 17x26
            text run at (456,91) width 17: "a "
          RenderInline {SPAN} at (0,0) size 204x66
            RenderText {#text} at (473,59) size 204x66
              text run at (473,59) width 204: "14-point"
          RenderText {#text} at (677,91) size 720x104
            text run at (677,91) width 43: " text"
            text run at (0,169) width 78: "element"
        RenderText {#text} at (78,176) size 4x17
          text run at (78,176) width 4: " "
        RenderImage {IMG} at (82,161) size 15x50
        RenderText {#text} at (97,176) size 4x17
          text run at (97,176) width 4: " "
        RenderInline {SMALL} at (0,0) size 189x17
          RenderText {#text} at (101,176) size 189x17
            text run at (101,176) width 189: "regardless of the line in which"
        RenderText {#text} at (290,176) size 4x17
          text run at (290,176) width 4: " "
        RenderImage {IMG} at (294,179) size 5x15
        RenderText {#text} at (299,176) size 4x17
          text run at (299,176) width 4: " "
        RenderInline {BIG} at (0,0) size 156x24
          RenderText {#text} at (303,171) size 156x24
            text run at (303,171) width 156: "the images appear."
        RenderText {#text} at (459,176) size 4x17
          text run at (459,176) width 4: " "
        RenderImage {IMG} at (463,141) size 27x90
        RenderText {#text} at (0,0) size 0x0
      RenderBlock {P} at (0,2083) size 769x37
        RenderText {#text} at (0,0) size 733x35
          text run at (0,0) width 733: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line, whether that"
          text run at (0,18) width 173: "element is an image or not. "
          text run at (173,18) width 555: "Each fragment of text has been SPANned appropriately in order to cause this to happen."
      RenderBlock {P} at (0,2135) size 769x203
        RenderInline {SPAN} at (0,0) size 95x17
          RenderText {#text} at (0,0) size 95x17
            text run at (0,0) width 95: "This paragraph"
        RenderText {#text} at (95,0) size 4x17
          text run at (95,0) width 4: " "
        RenderImage {IMG} at (99,0) size 3x10
        RenderText {#text} at (102,0) size 4x17
          text run at (102,0) width 4: " "
        RenderInline {SPAN} at (0,0) size 357x45
          RenderText {#text} at (106,1) size 357x45
            text run at (106,1) width 357: "contains many images"
        RenderText {#text} at (463,0) size 4x17
          text run at (463,0) width 4: " "
        RenderImage {IMG} at (467,0) size 3x10
        RenderText {#text} at (470,0) size 4x17
          text run at (470,0) width 4: " "
        RenderInline {SPAN} at (0,0) size 87x17
          RenderText {#text} at (474,0) size 87x17
            text run at (474,0) width 87: "and some text"
        RenderText {#text} at (561,0) size 4x17
          text run at (561,0) width 4: " "
        RenderImage {IMG} at (565,0) size 3x10
        RenderText {#text} at (568,0) size 4x17
          text run at (568,0) width 4: " "
        RenderInline {SPAN} at (0,0) size 114x17
          RenderText {#text} at (572,0) size 114x17
            text run at (572,0) width 114: "of varying heights"
        RenderText {#text} at (686,0) size 4x17
          text run at (686,0) width 4: " "
        RenderImage {IMG} at (690,0) size 3x10
        RenderText {#text} at (693,0) size 4x17
          text run at (693,0) width 4: " "
        RenderInline {BIG} at (0,0) size 728x71
          RenderText {#text} at (697,0) size 728x71
            text run at (697,0) width 31: "and"
            text run at (0,47) width 57: "widths"
        RenderText {#text} at (57,47) size 4x17
          text run at (57,47) width 4: " "
        RenderImage {IMG} at (61,47) size 6x20
        RenderText {#text} at (67,47) size 4x17
          text run at (67,47) width 4: " "
        RenderInline {SPAN} at (0,0) size 75x17
          RenderText {#text} at (71,47) size 75x17
            text run at (71,47) width 75: "all of which"
        RenderText {#text} at (146,47) size 4x17
          text run at (146,47) width 4: " "
        RenderImage {IMG} at (150,47) size 20x65
        RenderText {#text} at (170,47) size 4x17
          text run at (170,47) width 4: " "
        RenderInline {SPAN} at (0,0) size 111x17
          RenderText {#text} at (174,47) size 111x17
            text run at (174,47) width 111: "should be aligned"
        RenderText {#text} at (285,47) size 4x17
          text run at (285,47) width 4: " "
        RenderImage {IMG} at (289,47) size 11x35
        RenderText {#text} at (300,47) size 4x17
          text run at (300,47) width 4: " "
        RenderInline {SPAN} at (0,0) size 188x36
          RenderText {#text} at (304,47) size 188x36
            text run at (304,47) width 188: "with the top of"
        RenderText {#text} at (492,47) size 4x17
          text run at (492,47) width 4: " "
        RenderImage {IMG} at (496,47) size 15x50
        RenderText {#text} at (511,47) size 4x17
          text run at (511,47) width 4: " "
        RenderInline {SPAN} at (0,0) size 128x17
          RenderText {#text} at (515,47) size 128x17
            text run at (515,47) width 128: "the tallest element in"
        RenderText {#text} at (643,47) size 4x17
          text run at (643,47) width 4: " "
        RenderImage {IMG} at (647,47) size 5x15
        RenderText {#text} at (652,47) size 4x17
          text run at (652,47) width 4: " "
        RenderInline {BIG} at (0,0) size 744x89
          RenderText {#text} at (656,47) size 744x89
            text run at (656,47) width 88: "whichever"
            text run at (0,112) width 208: "line the elements appear."
        RenderText {#text} at (208,112) size 4x17
          text run at (208,112) width 4: " "
        RenderImage {IMG} at (212,112) size 27x90
        RenderText {#text} at (0,0) size 0x0
      RenderTable {TABLE} at (0,2353) size 769x2039 [border: (1px outset #808080)]
        RenderTableSection {TBODY} at (1,1) size 767x2037
          RenderTableRow {TR} at (0,0) size 767x26
            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
              RenderInline {STRONG} at (0,0) size 163x17
                RenderText {#text} at (4,4) size 163x17
                  text run at (4,4) width 163: "TABLE Testing Section"
          RenderTableRow {TR} at (0,26) size 767x2011
            RenderTableCell {TD} at (0,1018) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
              RenderText {#text} at (4,3) size 4x18
                text run at (4,4) width 4: " "
            RenderTableCell {TD} at (12,26) size 755x2011 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (4,4) size 747x76
                RenderImage {IMG} at (0,0) size 15x50
                RenderInline {SPAN} at (0,0) size 126x17
                  RenderText {#text} at (15,40) size 126x17
                    text run at (15,40) width 126: "The first four words"
                RenderText {#text} at (141,36) size 731x39
                  text run at (141,36) width 284: " in this sentence should be subscript-aligned. "
                  text run at (425,36) width 306: "The font size of the superscripted text should not"
                  text run at (0,58) width 273: "be different from that of the parent element."
              RenderBlock {P} at (4,96) size 747x72
                RenderImage {IMG} at (0,0) size 15x50
                RenderInline {SPAN} at (0,0) size 126x17
                  RenderText {#text} at (15,30) size 126x17
                    text run at (15,30) width 126: "The first four words"
                RenderText {#text} at (141,36) size 731x35
                  text run at (141,36) width 296: " in this sentence should be superscript-aligned. "
                  text run at (437,36) width 294: "The font size of the subscripted text should not"
                  text run at (0,54) width 273: "be different from that of the parent element."
              RenderBlock {P} at (4,184) size 747x72
                RenderImage {IMG} at (0,0) size 15x50
                RenderInline {SPAN} at (0,0) size 126x17
                  RenderText {#text} at (15,0) size 126x17
                    text run at (15,0) width 126: "The first four words"
                RenderText {#text} at (141,36) size 712x35
                  text run at (141,36) width 571: " in this sentence should be top-aligned, which will align their tops with the top of the tallest"
                  text run at (0,54) width 320: "element in the line (probably the orange rectangle)."
              RenderBlock {P} at (4,272) size 747x132
                RenderImage {IMG} at (0,0) size 15x50
                RenderText {#text} at (15,36) size 4x17
                  text run at (15,36) width 4: " "
                RenderInline {SPAN} at (0,0) size 701x110
                  RenderText {#text} at (0,0) size 0x0
                  RenderInline {SPAN} at (0,0) size 126x17
                    RenderText {#text} at (19,21) size 126x17
                      text run at (19,21) width 126: "The first four words"
                  RenderText {#text} at (145,21) size 701x110
                    text run at (145,21) width 556: " in this sentence should be text-top-aligned,"
                    text run at (0,58) width 698: "which should align their tops with the top of the tallest"
                    text run at (0,95) width 192: "text in the line."
                RenderText {#text} at (0,0) size 0x0
              RenderBlock {P} at (4,420) size 747x68
                RenderImage {IMG} at (0,0) size 15x50
                RenderText {#text} at (15,15) size 739x52
                  text run at (15,15) width 724: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with the point"
                  text run at (0,50) width 310: "defined as the text baseline plus half the x-height."
              RenderBlock {P} at (4,504) size 747x124
                RenderImage {IMG} at (0,0) size 15x50
                RenderText {#text} at (15,15) size 4x17
                  text run at (15,15) width 4: " "
                RenderInline {SPAN} at (0,0) size 733x123
                  RenderText {#text} at (0,0) size 0x0
                  RenderInline {SPAN} at (0,0) size 126x17
                    RenderText {#text} at (19,32) size 126x17
                      text run at (19,32) width 126: "The first four words"
                  RenderText {#text} at (145,0) size 733x123
                    text run at (145,0) width 544: " in this sentence should be 12pt in size and"
                    text run at (0,50) width 733: "bottom-aligned, which should align their bottom with the"
                    text run at (0,87) width 517: "bottom of the lowest element in the line."
                RenderText {#text} at (0,0) size 0x0
              RenderBlock {P} at (4,644) size 747x161
                RenderImage {IMG} at (0,0) size 15x50
                RenderText {#text} at (15,15) size 4x17
                  text run at (15,15) width 4: " "
                RenderInline {SPAN} at (0,0) size 745x160
                  RenderText {#text} at (0,0) size 0x0
                  RenderInline {SPAN} at (0,0) size 293x17
                    RenderText {#text} at (19,18) size 293x17
                      text run at (19,18) width 293: "The first eight words (\"eight\" has a descender)"
                  RenderText {#text} at (312,0) size 745x160
                    text run at (312,0) width 433: " in this sentence should be 12pt in"
                    text run at (0,50) width 692: "size and text-bottom-aligned, which should align their"
                    text run at (0,87) width 671: "bottom with the bottom of the lowest text (including"
                    text run at (0,124) width 294: "descenders) in the line."
                RenderText {#text} at (0,0) size 0x0
              RenderBlock {P} at (4,821) size 747x132
                RenderImage {IMG} at (0,0) size 15x50
                RenderText {#text} at (15,36) size 4x17
                  text run at (15,36) width 4: " "
                RenderInline {SPAN} at (0,0) size 712x110
                  RenderText {#text} at (0,0) size 0x0
                  RenderInline {SPAN} at (0,0) size 126x17
                    RenderText {#text} at (19,36) size 126x17
                      text run at (19,36) width 126: "The first four words"
                  RenderText {#text} at (145,21) size 712x110
                    text run at (145,21) width 544: " in this sentence should be 12pt in size and"
                    text run at (0,58) width 712: "baseline-aligned, which should align their baseline with"
                    text run at (0,95) width 569: "the baseline of the rest of the text in the line."
                RenderText {#text} at (0,0) size 0x0
              RenderBlock {P} at (4,969) size 747x72
                RenderImage {IMG} at (0,0) size 15x50
                RenderInline {SPAN} at (0,0) size 96x14
                  RenderText {#text} at (15,31) size 96x14
                    text run at (15,31) width 96: "The first four words"
                RenderText {#text} at (111,36) size 700x35
                  text run at (111,36) width 589: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-"
                  text run at (0,54) width 430: "aligned, which should raise them 8px relative to the natural baseline."
              RenderBlock {P} at (4,1057) size 747x36
                RenderText {#text} at (0,0) size 742x35
                  text run at (0,0) width 742: "In the following paragraph, all images should be aligned with the top of the 14-point text, which is identical to the first"
                  text run at (0,18) width 661: "section of text, whereas any size text should be aligned with the text baseline (which is the default value)."
              RenderBlock {P} at (4,1111) size 747x324
                RenderText {#text} at (0,26) size 120x21
                  text run at (0,26) width 120: "This paragraph "
                RenderImage {IMG} at (120,26) size 9x30
                RenderText {#text} at (129,26) size 5x21
                  text run at (129,26) width 5: " "
                RenderInline {SPAN} at (0,0) size 422x52
                  RenderText {#text} at (134,1) size 422x52
                    text run at (134,1) width 422: "contains many images"
                RenderText {#text} at (556,26) size 5x21
                  text run at (556,26) width 5: " "
                RenderImage {IMG} at (561,26) size 15x50
                RenderText {#text} at (576,26) size 5x21
                  text run at (576,26) width 5: " "
                RenderInline {BIG} at (0,0) size 156x24
                  RenderText {#text} at (581,24) size 156x24
                    text run at (581,24) width 156: "of varying heights"
                RenderText {#text} at (737,26) size 5x21
                  text run at (737,26) width 5: " "
                RenderImage {IMG} at (742,26) size 3x10
                RenderText {#text} at (0,0) size 0x0
                RenderInline {SMALL} at (0,0) size 69x17
                  RenderText {#text} at (0,125) size 69x17
                    text run at (0,125) width 69: "and widths"
                RenderText {#text} at (69,122) size 5x21
                  text run at (69,122) width 5: " "
                RenderImage {IMG} at (74,122) size 6x20
                RenderText {#text} at (80,122) size 101x21
                  text run at (80,122) width 101: " all of which "
                RenderImage {IMG} at (181,122) size 20x65
                RenderText {#text} at (201,122) size 5x21
                  text run at (201,122) width 5: " "
                RenderInline {SPAN} at (0,0) size 262x41
                  RenderText {#text} at (206,106) size 262x41
                    text run at (206,106) width 262: "should be aligned"
                RenderText {#text} at (468,122) size 5x21
                  text run at (468,122) width 5: " "
                RenderImage {IMG} at (473,122) size 11x35
                RenderText {#text} at (484,122) size 123x21
                  text run at (484,122) width 123: " with the top of "
                RenderImage {IMG} at (607,122) size 9x30
                RenderText {#text} at (616,122) size 5x21
                  text run at (616,122) width 5: " "
                RenderInline {SPAN} at (0,0) size 733x142
                  RenderText {#text} at (621,114) size 19x31
                    text run at (621,114) width 19: "a "
                  RenderInline {SPAN} at (0,0) size 733x188
                    RenderText {#text} at (640,77) size 733x188
                      text run at (640,77) width 93: "14-"
                      text run at (0,188) width 143: "point"
                  RenderText {#text} at (143,225) size 144x31
                    text run at (143,225) width 144: " text element"
                RenderText {#text} at (287,233) size 5x21
                  text run at (287,233) width 5: " "
                RenderImage {IMG} at (292,233) size 15x50
                RenderText {#text} at (307,233) size 5x21
                  text run at (307,233) width 5: " "
                RenderInline {SMALL} at (0,0) size 189x17
                  RenderText {#text} at (312,236) size 189x17
                    text run at (312,236) width 189: "regardless of the line in which"
                RenderText {#text} at (501,233) size 5x21
                  text run at (501,233) width 5: " "
                RenderImage {IMG} at (506,233) size 5x15
                RenderText {#text} at (511,233) size 5x21
                  text run at (511,233) width 5: " "
                RenderInline {BIG} at (0,0) size 156x24
                  RenderText {#text} at (516,231) size 156x24
                    text run at (516,231) width 156: "the images appear."
                RenderText {#text} at (672,233) size 5x21
                  text run at (672,233) width 5: " "
                RenderImage {IMG} at (677,233) size 27x90
                RenderText {#text} at (0,0) size 0x0
              RenderBlock {P} at (4,1453) size 747x37
                RenderText {#text} at (0,0) size 730x35
                  text run at (0,0) width 730: "In the following paragraph, all images should be aligned with the middle of the default text, whereas any text should"
                  text run at (0,18) width 381: "be aligned with the text baseline (which is the default value)."
              RenderBlock {P} at (4,1505) size 747x232
                RenderText {#text} at (0,23) size 99x17
                  text run at (0,23) width 99: "This paragraph "
                RenderImage {IMG} at (99,18) size 9x30
                RenderText {#text} at (108,23) size 4x17
                  text run at (108,23) width 4: " "
                RenderInline {SPAN} at (0,0) size 357x45
                  RenderText {#text} at (112,1) size 357x45
                    text run at (112,1) width 357: "contains many images"
                RenderText {#text} at (469,23) size 4x17
                  text run at (469,23) width 4: " "
                RenderImage {IMG} at (473,8) size 15x50
                RenderText {#text} at (488,23) size 122x17
                  text run at (488,23) width 122: " of varying heights "
                RenderImage {IMG} at (610,28) size 3x10
                RenderText {#text} at (613,23) size 4x17
                  text run at (613,23) width 4: " "
                RenderInline {SMALL} at (0,0) size 69x17
                  RenderText {#text} at (617,23) size 69x17
                    text run at (617,23) width 69: "and widths"
                RenderText {#text} at (686,23) size 4x17
                  text run at (686,23) width 4: " "
                RenderImage {IMG} at (690,23) size 6x20
                RenderText {#text} at (696,23) size 732x92
                  text run at (696,23) width 36: " all of"
                  text run at (0,98) width 43: "which "
                RenderImage {IMG} at (43,76) size 20x65
                RenderText {#text} at (63,98) size 119x17
                  text run at (63,98) width 119: " should be aligned "
                RenderImage {IMG} at (182,91) size 11x35
                RenderText {#text} at (193,98) size 4x17
                  text run at (193,98) width 4: " "
                RenderInline {SPAN} at (0,0) size 236x36
                  RenderText {#text} at (197,83) size 236x36
                    text run at (197,83) width 236: "with the middle of"
                RenderText {#text} at (433,98) size 4x17
                  text run at (433,98) width 4: " "
                RenderImage {IMG} at (437,83) size 15x50
                RenderText {#text} at (452,98) size 4x17
                  text run at (452,98) width 4: " "
                RenderInline {SPAN} at (0,0) size 720x104
                  RenderText {#text} at (456,91) size 17x26
                    text run at (456,91) width 17: "a "
                  RenderInline {SPAN} at (0,0) size 204x66
                    RenderText {#text} at (473,59) size 204x66
                      text run at (473,59) width 204: "14-point"
                  RenderText {#text} at (677,91) size 720x104
                    text run at (677,91) width 43: " text"
                    text run at (0,169) width 78: "element"
                RenderText {#text} at (78,176) size 4x17
                  text run at (78,176) width 4: " "
                RenderImage {IMG} at (82,161) size 15x50
                RenderText {#text} at (97,176) size 4x17
                  text run at (97,176) width 4: " "
                RenderInline {SMALL} at (0,0) size 189x17
                  RenderText {#text} at (101,176) size 189x17
                    text run at (101,176) width 189: "regardless of the line in which"
                RenderText {#text} at (290,176) size 4x17
                  text run at (290,176) width 4: " "
                RenderImage {IMG} at (294,179) size 5x15
                RenderText {#text} at (299,176) size 4x17
                  text run at (299,176) width 4: " "
                RenderInline {BIG} at (0,0) size 156x24
                  RenderText {#text} at (303,171) size 156x24
                    text run at (303,171) width 156: "the images appear."
                RenderText {#text} at (459,176) size 4x17
                  text run at (459,176) width 4: " "
                RenderImage {IMG} at (463,141) size 27x90
                RenderText {#text} at (0,0) size 0x0
              RenderBlock {P} at (4,1752) size 747x37
                RenderText {#text} at (0,0) size 733x35
                  text run at (0,0) width 733: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line, whether that"
                  text run at (0,18) width 173: "element is an image or not. "
                  text run at (173,18) width 555: "Each fragment of text has been SPANned appropriately in order to cause this to happen."
              RenderBlock {P} at (4,1804) size 747x203
                RenderInline {SPAN} at (0,0) size 95x17
                  RenderText {#text} at (0,0) size 95x17
                    text run at (0,0) width 95: "This paragraph"
                RenderText {#text} at (95,0) size 4x17
                  text run at (95,0) width 4: " "
                RenderImage {IMG} at (99,0) size 3x10
                RenderText {#text} at (102,0) size 4x17
                  text run at (102,0) width 4: " "
                RenderInline {SPAN} at (0,0) size 357x45
                  RenderText {#text} at (106,1) size 357x45
                    text run at (106,1) width 357: "contains many images"
                RenderText {#text} at (463,0) size 4x17
                  text run at (463,0) width 4: " "
                RenderImage {IMG} at (467,0) size 3x10
                RenderText {#text} at (470,0) size 4x17
                  text run at (470,0) width 4: " "
                RenderInline {SPAN} at (0,0) size 87x17
                  RenderText {#text} at (474,0) size 87x17
                    text run at (474,0) width 87: "and some text"
                RenderText {#text} at (561,0) size 4x17
                  text run at (561,0) width 4: " "
                RenderImage {IMG} at (565,0) size 3x10
                RenderText {#text} at (568,0) size 4x17
                  text run at (568,0) width 4: " "
                RenderInline {SPAN} at (0,0) size 114x17
                  RenderText {#text} at (572,0) size 114x17
                    text run at (572,0) width 114: "of varying heights"
                RenderText {#text} at (686,0) size 4x17
                  text run at (686,0) width 4: " "
                RenderImage {IMG} at (690,0) size 3x10
                RenderText {#text} at (693,0) size 4x17
                  text run at (693,0) width 4: " "
                RenderInline {BIG} at (0,0) size 728x71
                  RenderText {#text} at (697,0) size 728x71
                    text run at (697,0) width 31: "and"
                    text run at (0,47) width 57: "widths"
                RenderText {#text} at (57,47) size 4x17
                  text run at (57,47) width 4: " "
                RenderImage {IMG} at (61,47) size 6x20
                RenderText {#text} at (67,47) size 4x17
                  text run at (67,47) width 4: " "
                RenderInline {SPAN} at (0,0) size 75x17
                  RenderText {#text} at (71,47) size 75x17
                    text run at (71,47) width 75: "all of which"
                RenderText {#text} at (146,47) size 4x17
                  text run at (146,47) width 4: " "
                RenderImage {IMG} at (150,47) size 20x65
                RenderText {#text} at (170,47) size 4x17
                  text run at (170,47) width 4: " "
                RenderInline {SPAN} at (0,0) size 111x17
                  RenderText {#text} at (174,47) size 111x17
                    text run at (174,47) width 111: "should be aligned"
                RenderText {#text} at (285,47) size 4x17
                  text run at (285,47) width 4: " "
                RenderImage {IMG} at (289,47) size 11x35
                RenderText {#text} at (300,47) size 4x17
                  text run at (300,47) width 4: " "
                RenderInline {SPAN} at (0,0) size 188x36
                  RenderText {#text} at (304,47) size 188x36
                    text run at (304,47) width 188: "with the top of"
                RenderText {#text} at (492,47) size 4x17
                  text run at (492,47) width 4: " "
                RenderImage {IMG} at (496,47) size 15x50
                RenderText {#text} at (511,47) size 4x17
                  text run at (511,47) width 4: " "
                RenderInline {SPAN} at (0,0) size 128x17
                  RenderText {#text} at (515,47) size 128x17
                    text run at (515,47) width 128: "the tallest element in"
                RenderText {#text} at (643,47) size 4x17
                  text run at (643,47) width 4: " "
                RenderImage {IMG} at (647,47) size 5x15
                RenderText {#text} at (652,47) size 4x17
                  text run at (652,47) width 4: " "
                RenderInline {BIG} at (0,0) size 744x89
                  RenderText {#text} at (656,47) size 744x89
                    text run at (656,47) width 88: "whichever"
                    text run at (0,112) width 208: "line the elements appear."
                RenderText {#text} at (208,112) size 4x17
                  text run at (208,112) width 4: " "
                RenderImage {IMG} at (212,112) size 27x90
                RenderText {#text} at (0,0) size 0x0