tizen beta release
[framework/web/webkit-efl.git] / LayoutTests / platform / qt / css1 / text_properties / vertical_align-expected.txt
index 90e1e73..6789673 100755 (executable)
@@ -1,12 +1,12 @@
-layer at (0,0) size 784x4803
+layer at (0,0) size 784x4846
   RenderView at (0,0) size 784x600
-layer at (0,0) size 784x4803
-  RenderBlock {HTML} at (0,0) size 784x4803
-    RenderBody {BODY} at (8,8) size 768x4787 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 768x22
-        RenderText {#text} at (0,0) size 380x22
-          text run at (0,0) width 380: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,38) size 768x306
+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: " "
@@ -42,676 +42,683 @@ layer at (0,0) size 784x4803
           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,357) size 768x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,375) size 768x82
+      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 137x22
-          RenderText {#text} at (15,38) size 137x22
-            text run at (15,38) width 137: "The first four words"
-        RenderText {#text} at (152,34) size 757x48
-          text run at (152,34) width 303: " in this sentence should be subscript-aligned. "
-          text run at (455,34) width 302: "The font size of the superscripted text should"
-          text run at (0,60) width 323: "not be different from that of the parent element."
-      RenderBlock {P} at (0,473) size 768x78
+        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 137x22
-          RenderText {#text} at (15,28) size 137x22
-            text run at (15,28) width 137: "The first four words"
-        RenderText {#text} at (152,34) size 757x44
-          text run at (152,34) width 317: " in this sentence should be superscript-aligned. "
-          text run at (469,34) width 288: "The font size of the subscripted text should"
-          text run at (0,56) width 323: "not be different from that of the parent element."
-      RenderBlock {P} at (0,567) size 768x78
+        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 137x22
-          RenderText {#text} at (15,0) size 137x22
-            text run at (15,0) width 137: "The first four words"
-        RenderText {#text} at (152,34) size 759x44
-          text run at (152,34) width 607: " in this sentence should be top-aligned, which will align their tops with the top of the tallest"
-          text run at (0,56) width 344: "element in the line (probably the orange rectangle)."
-      RenderBlock {P} at (0,661) size 768x145
+        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 4x22
+        RenderText {#text} at (15,34) size 4x21
           text run at (15,34) width 4: " "
-        RenderInline {SPAN} at (0,0) size 746x126
+        RenderInline {SPAN} at (0,0) size 737x123
           RenderText {#text} at (0,0) size 0x0
-          RenderInline {SPAN} at (0,0) size 137x22
-            RenderText {#text} at (19,19) size 137x22
-              text run at (19,19) width 137: "The first four words"
-          RenderText {#text} at (156,19) size 746x126
-            text run at (156,19) width 590: " in this sentence should be text-top-aligned,"
-            text run at (0,61) width 745: "which should align their tops with the top of the tallest"
-            text run at (0,103) width 204: "text in the line."
+          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,822) size 768x72
+      RenderBlock {P} at (0,812) size 768x71
         RenderImage {IMG} at (0,0) size 15x50
-        RenderText {#text} at (15,12) size 745x60
-          text run at (15,12) width 730: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with the"
-          text run at (0,50) width 369: "point defined as the text baseline plus half the x-height."
-      RenderBlock {P} at (0,910) size 768x134
+        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 4x22
+        RenderText {#text} at (15,15) size 4x21
           text run at (15,15) width 4: " "
-        RenderInline {SPAN} at (0,0) size 733x134
+        RenderInline {SPAN} at (0,0) size 738x132
           RenderText {#text} at (0,0) size 0x0
-          RenderInline {SPAN} at (0,0) size 137x22
-            RenderText {#text} at (19,28) size 137x22
-              text run at (19,28) width 137: "The first four words"
-          RenderText {#text} at (156,0) size 733x134
-            text run at (156,0) width 576: " in this sentence should be 12pt in size and"
-            text run at (0,50) width 733: "bottom-aligned, which should align their bottom with"
-            text run at (0,92) width 596: "the bottom of the lowest element in the line."
+          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,1060) size 768x176
+      RenderBlock {P} at (0,1047) size 768x173
         RenderImage {IMG} at (0,0) size 15x50
-        RenderText {#text} at (15,15) size 4x22
+        RenderText {#text} at (15,15) size 4x21
           text run at (15,15) width 4: " "
-        RenderInline {SPAN} at (0,0) size 760x176
+        RenderInline {SPAN} at (0,0) size 727x173
           RenderText {#text} at (0,0) size 0x0
-          RenderInline {SPAN} at (0,0) size 317x22
-            RenderText {#text} at (19,20) size 317x22
-              text run at (19,20) width 317: "The first eight words (\"eight\" has a descender)"
-          RenderText {#text} at (336,0) size 760x176
-            text run at (336,0) width 424: " in this sentence should be 12pt"
-            text run at (0,50) width 698: "in size and text-bottom-aligned, which should align"
-            text run at (0,92) width 639: "their bottom with the bottom of the lowest text"
-            text run at (0,134) width 459: "(including descenders) in the line."
+          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,1252) size 768x145
+      RenderBlock {P} at (0,1236) size 768x183
         RenderImage {IMG} at (0,0) size 15x50
-        RenderText {#text} at (15,34) size 4x22
+        RenderText {#text} at (15,34) size 4x21
           text run at (15,34) width 4: " "
-        RenderInline {SPAN} at (0,0) size 755x126
+        RenderInline {SPAN} at (0,0) size 761x164
           RenderText {#text} at (0,0) size 0x0
-          RenderInline {SPAN} at (0,0) size 137x22
-            RenderText {#text} at (19,34) size 137x22
-              text run at (19,34) width 137: "The first four words"
-          RenderText {#text} at (156,19) size 755x126
-            text run at (156,19) width 576: " in this sentence should be 12pt in size and"
-            text run at (0,61) width 755: "baseline-aligned, which should align their baseline with"
-            text run at (0,103) width 604: "the baseline of the rest of the text in the line."
+          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,1413) size 768x78
+      RenderBlock {P} at (0,1435) size 768x76
         RenderImage {IMG} at (0,0) size 15x50
-        RenderInline {SPAN} at (0,0) size 104x17
-          RenderText {#text} at (15,30) size 104x17
-            text run at (15,30) width 104: "The first four words"
-        RenderText {#text} at (119,34) size 742x44
-          text run at (119,34) width 623: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-"
-          text run at (0,56) width 462: "aligned, which should raise them 8px relative to the natural baseline."
-      RenderBlock {P} at (0,1507) size 768x44
-        RenderText {#text} at (0,0) size 761x44
-          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"
-          text run at (0,22) width 730: "first section of text, whereas any size text should be aligned with the text baseline (which is the default value)."
-      RenderBlock {P} at (0,1569) size 768x350
-        RenderText {#text} at (0,27) size 135x26
-          text run at (0,27) width 135: "This paragraph "
-        RenderImage {IMG} at (135,27) size 9x30
-        RenderText {#text} at (144,27) size 5x26
-          text run at (144,27) width 5: " "
-        RenderInline {SPAN} at (0,0) size 444x63
-          RenderText {#text} at (149,0) size 444x63
-            text run at (149,0) width 444: "contains many images"
-        RenderText {#text} at (593,27) size 5x26
-          text run at (593,27) width 5: " "
-        RenderImage {IMG} at (598,27) size 15x50
-        RenderText {#text} at (613,27) size 5x26
-          text run at (613,27) width 5: " "
-        RenderInline {BIG} at (0,0) size 712x96
-          RenderText {#text} at (618,25) size 712x96
-            text run at (618,25) width 94: "of varying"
-            text run at (0,92) width 65: "heights"
-        RenderText {#text} at (65,94) size 5x26
-          text run at (65,94) width 5: " "
-        RenderImage {IMG} at (70,94) size 3x10
-        RenderText {#text} at (73,94) size 5x26
-          text run at (73,94) width 5: " "
-        RenderInline {SMALL} at (0,0) size 75x22
-          RenderText {#text} at (78,97) size 75x22
-            text run at (78,97) width 75: "and widths"
-        RenderText {#text} at (153,94) size 5x26
-          text run at (153,94) width 5: " "
-        RenderImage {IMG} at (158,94) size 6x20
-        RenderText {#text} at (164,94) size 105x26
-          text run at (164,94) width 105: " all of which "
-        RenderImage {IMG} at (269,94) size 19x65
-        RenderText {#text} at (288,94) size 5x26
-          text run at (288,94) width 5: " "
-        RenderInline {SPAN} at (0,0) size 277x49
-          RenderText {#text} at (293,77) size 277x49
-            text run at (293,77) width 277: "should be aligned"
-        RenderText {#text} at (570,94) size 5x26
-          text run at (570,94) width 5: " "
-        RenderImage {IMG} at (575,94) size 10x35
-        RenderText {#text} at (585,94) size 129x26
-          text run at (585,94) width 129: " with the top of "
-        RenderImage {IMG} at (714,94) size 9x30
-        RenderText {#text} at (723,94) size 5x26
-          text run at (723,94) width 5: " "
-        RenderInline {SPAN} at (0,0) size 742x151
-          RenderText {#text} at (728,86) size 14x37
-            text run at (728,86) width 14: "a"
-          RenderInline {SPAN} at (0,0) size 248x92
-            RenderText {#text} at (0,159) size 248x92
-              text run at (0,159) width 248: "14-point"
-          RenderText {#text} at (248,200) size 150x37
-            text run at (248,200) width 150: " text element"
-        RenderText {#text} at (398,208) size 5x26
-          text run at (398,208) width 5: " "
-        RenderImage {IMG} at (403,208) size 15x50
-        RenderText {#text} at (418,208) size 5x26
-          text run at (418,208) width 5: " "
-        RenderInline {SMALL} at (0,0) size 201x22
-          RenderText {#text} at (423,211) size 201x22
-            text run at (423,211) width 201: "regardless of the line in which"
-        RenderText {#text} at (624,208) size 5x26
-          text run at (624,208) width 5: " "
-        RenderImage {IMG} at (629,208) size 4x15
-        RenderText {#text} at (633,208) size 5x26
-          text run at (633,208) width 5: " "
-        RenderInline {BIG} at (0,0) size 734x81
-          RenderText {#text} at (638,206) size 734x81
-            text run at (638,206) width 96: "the images"
-            text run at (0,258) width 69: "appear."
-        RenderText {#text} at (69,260) size 5x26
-          text run at (69,260) width 5: " "
-        RenderImage {IMG} at (74,260) size 27x90
+        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
-      RenderBlock {P} at (0,1937) size 768x44
-        RenderText {#text} at (0,0) size 732x44
-          text run at (0,0) width 732: "In the following paragraph, all images should be aligned with the middle of the default text, whereas any text"
-          text run at (0,22) width 453: "should be aligned with the text baseline (which is the default value)."
-      RenderBlock {P} at (0,1997) size 768x239
-        RenderText {#text} at (0,23) size 111x22
-          text run at (0,23) width 111: "This paragraph "
-        RenderImage {IMG} at (111,21) size 9x30
-        RenderText {#text} at (120,23) size 4x22
-          text run at (120,23) width 4: " "
-        RenderInline {SPAN} at (0,0) size 375x53
-          RenderText {#text} at (124,0) size 375x53
-            text run at (124,0) width 375: "contains many images"
-        RenderText {#text} at (499,23) size 4x22
-          text run at (499,23) width 4: " "
-        RenderImage {IMG} at (503,11) size 15x50
-        RenderText {#text} at (518,23) size 129x22
-          text run at (518,23) width 129: " of varying heights "
-        RenderImage {IMG} at (647,31) size 3x10
-        RenderText {#text} at (650,23) size 4x22
-          text run at (650,23) width 4: " "
-        RenderInline {SMALL} at (0,0) size 75x22
-          RenderText {#text} at (654,23) size 75x22
-            text run at (654,23) width 75: "and widths"
-        RenderText {#text} at (729,23) size 4x22
-          text run at (729,23) width 4: " "
-        RenderImage {IMG} at (733,26) size 6x20
-        RenderText {#text} at (739,23) size 759x102
-          text run at (739,23) width 20: " all"
-          text run at (0,103) width 62: "of which "
-        RenderImage {IMG} at (62,84) size 19x65
-        RenderText {#text} at (81,103) size 126x22
-          text run at (81,103) width 126: " should be aligned "
-        RenderImage {IMG} at (207,99) size 10x35
-        RenderText {#text} at (217,103) size 4x22
-          text run at (217,103) width 4: " "
-        RenderInline {SPAN} at (0,0) size 250x42
-          RenderText {#text} at (221,88) size 250x42
-            text run at (221,88) width 250: "with the middle of"
-        RenderText {#text} at (471,103) size 4x22
-          text run at (471,103) width 4: " "
-        RenderImage {IMG} at (475,91) size 15x50
-        RenderText {#text} at (490,103) size 4x22
-          text run at (490,103) width 4: " "
-        RenderInline {SPAN} at (0,0) size 725x111
-          RenderText {#text} at (494,95) size 18x33
-            text run at (494,95) width 18: "a "
-          RenderInline {SPAN} at (0,0) size 213x79
-            RenderText {#text} at (512,61) size 213x79
-              text run at (512,61) width 213: "14-point"
-          RenderText {#text} at (0,173) size 126x33
-            text run at (0,173) width 126: "text element"
-        RenderText {#text} at (126,181) size 4x22
-          text run at (126,181) width 4: " "
-        RenderImage {IMG} at (130,169) size 15x50
-        RenderText {#text} at (145,181) size 4x22
-          text run at (145,181) width 4: " "
-        RenderInline {SMALL} at (0,0) size 201x22
-          RenderText {#text} at (149,181) size 201x22
-            text run at (149,181) width 201: "regardless of the line in which"
-        RenderText {#text} at (350,181) size 4x22
-          text run at (350,181) width 4: " "
-        RenderImage {IMG} at (354,187) size 4x15
-        RenderText {#text} at (358,181) size 4x22
-          text run at (358,181) width 4: " "
-        RenderInline {BIG} at (0,0) size 170x29
-          RenderText {#text} at (362,176) size 170x29
-            text run at (362,176) width 170: "the images appear."
-        RenderText {#text} at (532,181) size 4x22
-          text run at (532,181) width 4: " "
-        RenderImage {IMG} at (536,149) size 27x90
+        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,2252) size 768x66
-        RenderText {#text} at (0,0) size 756x66
-          text run at (0,0) width 755: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line, whether"
-          text run at (0,22) width 215: "that element is an image or not. "
-          text run at (215,22) width 541: "Each fragment of text has been SPANned appropriately in order to cause this to"
-          text run at (0,44) width 55: "happen."
-      RenderBlock {P} at (0,2334) size 768x208
-        RenderInline {SPAN} at (0,0) size 107x22
-          RenderText {#text} at (0,0) size 107x22
-            text run at (0,0) width 107: "This paragraph"
-        RenderText {#text} at (107,0) size 4x22
-          text run at (107,0) width 4: " "
-        RenderImage {IMG} at (111,0) size 3x10
-        RenderText {#text} at (114,0) size 4x22
-          text run at (114,0) width 4: " "
-        RenderInline {SPAN} at (0,0) size 375x53
-          RenderText {#text} at (118,0) size 375x53
-            text run at (118,0) width 375: "contains many images"
-        RenderText {#text} at (493,0) size 4x22
-          text run at (493,0) width 4: " "
-        RenderImage {IMG} at (497,0) size 3x10
-        RenderText {#text} at (500,0) size 4x22
-          text run at (500,0) width 4: " "
-        RenderInline {SPAN} at (0,0) size 93x22
-          RenderText {#text} at (504,0) size 93x22
-            text run at (504,0) width 93: "and some text"
-        RenderText {#text} at (597,0) size 4x22
-          text run at (597,0) width 4: " "
-        RenderImage {IMG} at (601,0) size 3x10
-        RenderText {#text} at (604,0) size 4x22
-          text run at (604,0) width 4: " "
-        RenderInline {SPAN} at (0,0) size 121x22
-          RenderText {#text} at (608,0) size 121x22
-            text run at (608,0) width 121: "of varying heights"
-        RenderText {#text} at (729,0) size 4x22
-          text run at (729,0) width 4: " "
-        RenderImage {IMG} at (733,0) size 3x10
+      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
-        RenderInline {BIG} at (0,0) size 100x29
-          RenderText {#text} at (0,53) size 100x29
-            text run at (0,53) width 100: "and widths"
-        RenderText {#text} at (100,53) size 4x22
-          text run at (100,53) width 4: " "
-        RenderImage {IMG} at (104,53) size 6x20
-        RenderText {#text} at (110,53) size 4x22
-          text run at (110,53) width 4: " "
-        RenderInline {SPAN} at (0,0) size 78x22
-          RenderText {#text} at (114,53) size 78x22
-            text run at (114,53) width 78: "all of which"
-        RenderText {#text} at (192,53) size 4x22
-          text run at (192,53) width 4: " "
-        RenderImage {IMG} at (196,53) size 19x65
-        RenderText {#text} at (215,53) size 4x22
-          text run at (215,53) width 4: " "
-        RenderInline {SPAN} at (0,0) size 118x22
-          RenderText {#text} at (219,53) size 118x22
-            text run at (219,53) width 118: "should be aligned"
-        RenderText {#text} at (337,53) size 4x22
-          text run at (337,53) width 4: " "
-        RenderImage {IMG} at (341,53) size 10x35
-        RenderText {#text} at (351,53) size 4x22
-          text run at (351,53) width 4: " "
-        RenderInline {SPAN} at (0,0) size 200x42
-          RenderText {#text} at (355,53) size 200x42
-            text run at (355,53) width 200: "with the top of"
-        RenderText {#text} at (555,53) size 4x22
-          text run at (555,53) width 4: " "
-        RenderImage {IMG} at (559,53) size 15x50
-        RenderText {#text} at (574,53) size 4x22
-          text run at (574,53) width 4: " "
-        RenderInline {SPAN} at (0,0) size 137x22
-          RenderText {#text} at (578,53) size 137x22
-            text run at (578,53) width 137: "the tallest element in"
-        RenderText {#text} at (715,53) size 4x22
-          text run at (715,53) width 4: " "
-        RenderImage {IMG} at (719,53) size 4x15
+      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 320x29
-          RenderText {#text} at (0,118) size 320x29
-            text run at (0,118) width 320: "whichever line the elements appear."
-        RenderText {#text} at (320,118) size 4x22
-          text run at (320,118) width 4: " "
-        RenderImage {IMG} at (324,118) size 27x90
+        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
-      RenderTable {TABLE} at (0,2558) size 768x2229 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 766x2227
-          RenderTableRow {TR} at (0,0) size 766x30
-            RenderTableCell {TD} at (0,0) size 766x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 163x22
-                RenderText {#text} at (4,4) size 163x22
-                  text run at (4,4) width 163: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,30) size 766x2197
-            RenderTableCell {TD} at (0,1113) size 12x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x22
+        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,30) size 754x2197 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 746x82
+            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 137x22
-                  RenderText {#text} at (15,38) size 137x22
-                    text run at (15,38) width 137: "The first four words"
-                RenderText {#text} at (152,34) size 708x48
-                  text run at (152,34) width 303: " in this sentence should be subscript-aligned. "
-                  text run at (455,34) width 253: "The font size of the superscripted text"
-                  text run at (0,60) width 372: "should not be different from that of the parent element."
-              RenderBlock {P} at (4,102) size 746x78
+                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 137x22
-                  RenderText {#text} at (15,28) size 137x22
-                    text run at (15,28) width 137: "The first four words"
-                RenderText {#text} at (152,34) size 708x44
-                  text run at (152,34) width 317: " in this sentence should be superscript-aligned. "
-                  text run at (469,34) width 239: "The font size of the subscripted text"
-                  text run at (0,56) width 372: "should not be different from that of the parent element."
-              RenderBlock {P} at (4,196) size 746x78
+                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 137x22
-                  RenderText {#text} at (15,0) size 137x22
-                    text run at (15,0) width 137: "The first four words"
-                RenderText {#text} at (152,34) size 716x44
-                  text run at (152,34) width 564: " in this sentence should be top-aligned, which will align their tops with the top of the"
-                  text run at (0,56) width 387: "tallest element in the line (probably the orange rectangle)."
-              RenderBlock {P} at (4,290) size 746x145
+                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 4x22
+                RenderText {#text} at (15,34) size 4x21
                   text run at (15,34) width 4: " "
-                RenderInline {SPAN} at (0,0) size 746x126
+                RenderInline {SPAN} at (0,0) size 737x123
                   RenderText {#text} at (0,0) size 0x0
-                  RenderInline {SPAN} at (0,0) size 137x22
-                    RenderText {#text} at (19,19) size 137x22
-                      text run at (19,19) width 137: "The first four words"
-                  RenderText {#text} at (156,19) size 746x126
-                    text run at (156,19) width 590: " in this sentence should be text-top-aligned,"
-                    text run at (0,61) width 745: "which should align their tops with the top of the tallest"
-                    text run at (0,103) width 204: "text in the line."
+                  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,451) size 746x72
+              RenderBlock {P} at (4,442) size 746x71
                 RenderImage {IMG} at (0,0) size 15x50
-                RenderText {#text} at (15,12) size 745x60
-                  text run at (15,12) width 730: " The image at the beginning of this sentence should be middle-aligned, which should align its middle with the"
-                  text run at (0,50) width 369: "point defined as the text baseline plus half the x-height."
-              RenderBlock {P} at (4,539) size 746x134
+                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 4x22
+                RenderText {#text} at (15,15) size 4x21
                   text run at (15,15) width 4: " "
-                RenderInline {SPAN} at (0,0) size 733x134
+                RenderInline {SPAN} at (0,0) size 738x132
                   RenderText {#text} at (0,0) size 0x0
-                  RenderInline {SPAN} at (0,0) size 137x22
-                    RenderText {#text} at (19,28) size 137x22
-                      text run at (19,28) width 137: "The first four words"
-                  RenderText {#text} at (156,0) size 733x134
-                    text run at (156,0) width 576: " in this sentence should be 12pt in size and"
-                    text run at (0,50) width 733: "bottom-aligned, which should align their bottom with"
-                    text run at (0,92) width 596: "the bottom of the lowest element in the line."
+                  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,689) size 746x176
+              RenderBlock {P} at (4,677) size 746x173
                 RenderImage {IMG} at (0,0) size 15x50
-                RenderText {#text} at (15,15) size 4x22
+                RenderText {#text} at (15,15) size 4x21
                   text run at (15,15) width 4: " "
-                RenderInline {SPAN} at (0,0) size 715x176
+                RenderInline {SPAN} at (0,0) size 727x173
                   RenderText {#text} at (0,0) size 0x0
-                  RenderInline {SPAN} at (0,0) size 317x22
-                    RenderText {#text} at (19,20) size 317x22
-                      text run at (19,20) width 317: "The first eight words (\"eight\" has a descender)"
-                  RenderText {#text} at (336,0) size 715x176
-                    text run at (336,0) width 355: " in this sentence should be"
-                    text run at (0,50) width 691: "12pt in size and text-bottom-aligned, which should"
-                    text run at (0,92) width 715: "align their bottom with the bottom of the lowest text"
-                    text run at (0,134) width 459: "(including descenders) in the line."
+                  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,881) size 746x145
+              RenderBlock {P} at (4,866) size 746x183
                 RenderImage {IMG} at (0,0) size 15x50
-                RenderText {#text} at (15,34) size 4x22
+                RenderText {#text} at (15,34) size 4x21
                   text run at (15,34) width 4: " "
-                RenderInline {SPAN} at (0,0) size 732x126
+                RenderInline {SPAN} at (0,0) size 708x164
                   RenderText {#text} at (0,0) size 0x0
-                  RenderInline {SPAN} at (0,0) size 137x22
-                    RenderText {#text} at (19,34) size 137x22
-                      text run at (19,34) width 137: "The first four words"
-                  RenderText {#text} at (156,19) size 732x126
-                    text run at (156,19) width 576: " in this sentence should be 12pt in size and"
-                    text run at (0,61) width 686: "baseline-aligned, which should align their baseline"
-                    text run at (0,103) width 673: "with the baseline of the rest of the text in the line."
+                  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,1042) size 746x78
+              RenderBlock {P} at (4,1065) size 746x76
                 RenderImage {IMG} at (0,0) size 15x50
-                RenderInline {SPAN} at (0,0) size 104x17
-                  RenderText {#text} at (15,30) size 104x17
-                    text run at (15,30) width 104: "The first four words"
-                RenderText {#text} at (119,34) size 742x44
-                  text run at (119,34) width 623: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-"
-                  text run at (0,56) width 462: "aligned, which should raise them 8px relative to the natural baseline."
-              RenderBlock {P} at (4,1136) size 746x66
-                RenderText {#text} at (0,0) size 736x66
-                  text run at (0,0) width 736: "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,22) width 706: "the first section of text, whereas any size text should be aligned with the text baseline (which is the default"
-                  text run at (0,44) width 45: "value)."
-              RenderBlock {P} at (4,1220) size 746x350
-                RenderText {#text} at (0,27) size 135x26
-                  text run at (0,27) width 135: "This paragraph "
-                RenderImage {IMG} at (135,27) size 9x30
-                RenderText {#text} at (144,27) size 5x26
-                  text run at (144,27) width 5: " "
-                RenderInline {SPAN} at (0,0) size 444x63
-                  RenderText {#text} at (149,0) size 444x63
-                    text run at (149,0) width 444: "contains many images"
-                RenderText {#text} at (593,27) size 5x26
-                  text run at (593,27) width 5: " "
-                RenderImage {IMG} at (598,27) size 15x50
-                RenderText {#text} at (613,27) size 5x26
-                  text run at (613,27) width 5: " "
-                RenderInline {BIG} at (0,0) size 712x96
-                  RenderText {#text} at (618,25) size 712x96
-                    text run at (618,25) width 94: "of varying"
-                    text run at (0,92) width 65: "heights"
-                RenderText {#text} at (65,94) size 5x26
-                  text run at (65,94) width 5: " "
-                RenderImage {IMG} at (70,94) size 3x10
-                RenderText {#text} at (73,94) size 5x26
-                  text run at (73,94) width 5: " "
-                RenderInline {SMALL} at (0,0) size 75x22
-                  RenderText {#text} at (78,97) size 75x22
-                    text run at (78,97) width 75: "and widths"
-                RenderText {#text} at (153,94) size 5x26
-                  text run at (153,94) width 5: " "
-                RenderImage {IMG} at (158,94) size 6x20
-                RenderText {#text} at (164,94) size 105x26
-                  text run at (164,94) width 105: " all of which "
-                RenderImage {IMG} at (269,94) size 19x65
-                RenderText {#text} at (288,94) size 5x26
-                  text run at (288,94) width 5: " "
-                RenderInline {SPAN} at (0,0) size 277x49
-                  RenderText {#text} at (293,77) size 277x49
-                    text run at (293,77) width 277: "should be aligned"
-                RenderText {#text} at (570,94) size 5x26
-                  text run at (570,94) width 5: " "
-                RenderImage {IMG} at (575,94) size 10x35
-                RenderText {#text} at (585,94) size 129x26
-                  text run at (585,94) width 129: " with the top of "
-                RenderImage {IMG} at (714,94) size 9x30
-                RenderText {#text} at (723,94) size 5x26
-                  text run at (723,94) width 5: " "
-                RenderInline {SPAN} at (0,0) size 742x151
-                  RenderText {#text} at (728,86) size 14x37
-                    text run at (728,86) width 14: "a"
-                  RenderInline {SPAN} at (0,0) size 248x92
-                    RenderText {#text} at (0,159) size 248x92
-                      text run at (0,159) width 248: "14-point"
-                  RenderText {#text} at (248,200) size 150x37
-                    text run at (248,200) width 150: " text element"
-                RenderText {#text} at (398,208) size 5x26
-                  text run at (398,208) width 5: " "
-                RenderImage {IMG} at (403,208) size 15x50
-                RenderText {#text} at (418,208) size 5x26
-                  text run at (418,208) width 5: " "
-                RenderInline {SMALL} at (0,0) size 201x22
-                  RenderText {#text} at (423,211) size 201x22
-                    text run at (423,211) width 201: "regardless of the line in which"
-                RenderText {#text} at (624,208) size 5x26
-                  text run at (624,208) width 5: " "
-                RenderImage {IMG} at (629,208) size 4x15
-                RenderText {#text} at (633,208) size 5x26
-                  text run at (633,208) width 5: " "
-                RenderInline {BIG} at (0,0) size 734x81
-                  RenderText {#text} at (638,206) size 734x81
-                    text run at (638,206) width 96: "the images"
-                    text run at (0,258) width 69: "appear."
-                RenderText {#text} at (69,260) size 5x26
-                  text run at (69,260) width 5: " "
-                RenderImage {IMG} at (74,260) size 27x90
-                RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,1588) size 746x44
-                RenderText {#text} at (0,0) size 732x44
-                  text run at (0,0) width 732: "In the following paragraph, all images should be aligned with the middle of the default text, whereas any text"
-                  text run at (0,22) width 453: "should be aligned with the text baseline (which is the default value)."
-              RenderBlock {P} at (4,1648) size 746x239
-                RenderText {#text} at (0,23) size 111x22
-                  text run at (0,23) width 111: "This paragraph "
-                RenderImage {IMG} at (111,21) size 9x30
-                RenderText {#text} at (120,23) size 4x22
-                  text run at (120,23) width 4: " "
-                RenderInline {SPAN} at (0,0) size 375x53
-                  RenderText {#text} at (124,0) size 375x53
-                    text run at (124,0) width 375: "contains many images"
-                RenderText {#text} at (499,23) size 4x22
-                  text run at (499,23) width 4: " "
-                RenderImage {IMG} at (503,11) size 15x50
-                RenderText {#text} at (518,23) size 129x22
-                  text run at (518,23) width 129: " of varying heights "
-                RenderImage {IMG} at (647,31) size 3x10
-                RenderText {#text} at (650,23) size 4x22
-                  text run at (650,23) width 4: " "
-                RenderInline {SMALL} at (0,0) size 75x22
-                  RenderText {#text} at (654,23) size 75x22
-                    text run at (654,23) width 75: "and widths"
-                RenderText {#text} at (729,23) size 4x22
-                  text run at (729,23) width 4: " "
-                RenderImage {IMG} at (733,26) size 6x20
-                RenderText {#text} at (0,103) size 82x22
-                  text run at (0,103) width 82: "all of which "
-                RenderImage {IMG} at (82,84) size 19x65
-                RenderText {#text} at (101,103) size 126x22
-                  text run at (101,103) width 126: " should be aligned "
-                RenderImage {IMG} at (227,99) size 10x35
-                RenderText {#text} at (237,103) size 4x22
-                  text run at (237,103) width 4: " "
-                RenderInline {SPAN} at (0,0) size 250x42
-                  RenderText {#text} at (241,88) size 250x42
-                    text run at (241,88) width 250: "with the middle of"
-                RenderText {#text} at (491,103) size 4x22
-                  text run at (491,103) width 4: " "
-                RenderImage {IMG} at (495,91) size 15x50
-                RenderText {#text} at (510,103) size 4x22
-                  text run at (510,103) width 4: " "
-                RenderInline {SPAN} at (0,0) size 745x111
-                  RenderText {#text} at (514,95) size 18x33
-                    text run at (514,95) width 18: "a "
-                  RenderInline {SPAN} at (0,0) size 213x79
-                    RenderText {#text} at (532,61) size 213x79
-                      text run at (532,61) width 213: "14-point"
-                  RenderText {#text} at (0,173) size 126x33
-                    text run at (0,173) width 126: "text element"
-                RenderText {#text} at (126,181) size 4x22
-                  text run at (126,181) width 4: " "
-                RenderImage {IMG} at (130,169) size 15x50
-                RenderText {#text} at (145,181) size 4x22
-                  text run at (145,181) width 4: " "
-                RenderInline {SMALL} at (0,0) size 201x22
-                  RenderText {#text} at (149,181) size 201x22
-                    text run at (149,181) width 201: "regardless of the line in which"
-                RenderText {#text} at (350,181) size 4x22
-                  text run at (350,181) width 4: " "
-                RenderImage {IMG} at (354,187) size 4x15
-                RenderText {#text} at (358,181) size 4x22
-                  text run at (358,181) width 4: " "
-                RenderInline {BIG} at (0,0) size 170x29
-                  RenderText {#text} at (362,176) size 170x29
-                    text run at (362,176) width 170: "the images appear."
-                RenderText {#text} at (532,181) size 4x22
-                  text run at (532,181) width 4: " "
-                RenderImage {IMG} at (536,149) size 27x90
-                RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,1903) size 746x66
-                RenderText {#text} at (0,0) size 730x66
-                  text run at (0,0) width 695: "In the following paragraph, all elements should be aligned with the top of the tallest element on the line,"
-                  text run at (0,22) width 275: "whether that element is an image or not. "
-                  text run at (275,22) width 455: "Each fragment of text has been SPANned appropriately in order to"
-                  text run at (0,44) width 141: "cause this to happen."
-              RenderBlock {P} at (4,1985) size 746x208
-                RenderInline {SPAN} at (0,0) size 107x22
-                  RenderText {#text} at (0,0) size 107x22
-                    text run at (0,0) width 107: "This paragraph"
-                RenderText {#text} at (107,0) size 4x22
-                  text run at (107,0) width 4: " "
-                RenderImage {IMG} at (111,0) size 3x10
-                RenderText {#text} at (114,0) size 4x22
-                  text run at (114,0) width 4: " "
-                RenderInline {SPAN} at (0,0) size 375x53
-                  RenderText {#text} at (118,0) size 375x53
-                    text run at (118,0) width 375: "contains many images"
-                RenderText {#text} at (493,0) size 4x22
-                  text run at (493,0) width 4: " "
-                RenderImage {IMG} at (497,0) size 3x10
-                RenderText {#text} at (500,0) size 4x22
-                  text run at (500,0) width 4: " "
-                RenderInline {SPAN} at (0,0) size 93x22
-                  RenderText {#text} at (504,0) size 93x22
-                    text run at (504,0) width 93: "and some text"
-                RenderText {#text} at (597,0) size 4x22
-                  text run at (597,0) width 4: " "
-                RenderImage {IMG} at (601,0) size 3x10
-                RenderText {#text} at (604,0) size 4x22
-                  text run at (604,0) width 4: " "
-                RenderInline {SPAN} at (0,0) size 121x22
-                  RenderText {#text} at (608,0) size 121x22
-                    text run at (608,0) width 121: "of varying heights"
-                RenderText {#text} at (729,0) size 4x22
-                  text run at (729,0) width 4: " "
-                RenderImage {IMG} at (733,0) size 3x10
+                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
-                RenderInline {BIG} at (0,0) size 100x29
-                  RenderText {#text} at (0,53) size 100x29
-                    text run at (0,53) width 100: "and widths"
-                RenderText {#text} at (100,53) size 4x22
-                  text run at (100,53) width 4: " "
-                RenderImage {IMG} at (104,53) size 6x20
-                RenderText {#text} at (110,53) size 4x22
-                  text run at (110,53) width 4: " "
-                RenderInline {SPAN} at (0,0) size 78x22
-                  RenderText {#text} at (114,53) size 78x22
-                    text run at (114,53) width 78: "all of which"
-                RenderText {#text} at (192,53) size 4x22
-                  text run at (192,53) width 4: " "
-                RenderImage {IMG} at (196,53) size 19x65
-                RenderText {#text} at (215,53) size 4x22
-                  text run at (215,53) width 4: " "
-                RenderInline {SPAN} at (0,0) size 118x22
-                  RenderText {#text} at (219,53) size 118x22
-                    text run at (219,53) width 118: "should be aligned"
-                RenderText {#text} at (337,53) size 4x22
-                  text run at (337,53) width 4: " "
-                RenderImage {IMG} at (341,53) size 10x35
-                RenderText {#text} at (351,53) size 4x22
-                  text run at (351,53) width 4: " "
-                RenderInline {SPAN} at (0,0) size 200x42
-                  RenderText {#text} at (355,53) size 200x42
-                    text run at (355,53) width 200: "with the top of"
-                RenderText {#text} at (555,53) size 4x22
-                  text run at (555,53) width 4: " "
-                RenderImage {IMG} at (559,53) size 15x50
-                RenderText {#text} at (574,53) size 4x22
-                  text run at (574,53) width 4: " "
-                RenderInline {SPAN} at (0,0) size 137x22
-                  RenderText {#text} at (578,53) size 137x22
-                    text run at (578,53) width 137: "the tallest element in"
-                RenderText {#text} at (715,53) size 4x22
-                  text run at (715,53) width 4: " "
-                RenderImage {IMG} at (719,53) size 4x15
+              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
-                RenderInline {BIG} at (0,0) size 320x29
-                  RenderText {#text} at (0,118) size 320x29
-                    text run at (0,118) width 320: "whichever line the elements appear."
-                RenderText {#text} at (320,118) size 4x22
-                  text run at (320,118) width 4: " "
-                RenderImage {IMG} at (324,118) size 27x90
+              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