-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: " "
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