-layer at (0,0) size 785x780
+layer at (0,0) size 785x787
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x779
- RenderBlock {HTML} at (0,0) size 785x779.33
- RenderBody {BODY} at (8,8) size 769x763.33 [bgcolor=#CCCCCC]
+layer at (0,0) size 785x786
+ RenderBlock {HTML} at (0,0) size 785x786.33
+ RenderBody {BODY} at (8,8) size 769x770.33 [bgcolor=#CCCCCC]
RenderBlock {P} at (0,0) size 769x18
RenderText {#text} at (0,0) size 363x17
text run at (0,0) width 363: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 769x105
- RenderText {#text} at (0,0) size 547x105
- text run at (0,0) width 203: "P.one {line-height: 200%;}"
- text run at (202,0) width 1: " "
- text run at (0,15) width 539: "SPAN.two {border-style: solid; border-width: 10px; border-color: red;"
- text run at (538,15) width 1: " "
- text run at (0,30) width 297: " padding: 2pt; margin: 30pt;}"
- text run at (296,30) width 1: " "
- text run at (0,45) width 352: "P.three {font-size: 10pt; line-height: 12pt;}"
- text run at (351,45) width 1: " "
- text run at (0,60) width 547: "SPAN.four {border-style: solid; border-width: 12px; border-color: red;"
- text run at (546,60) width 1: " "
- text run at (0,75) width 188: " padding: 2pt;}"
- text run at (187,75) width 1: " "
- text run at (0,90) width 0: " "
- RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #EEEEEE)]
- RenderBlock {P} at (0,170) size 769x192
+ RenderBlock {PRE} at (0,34) size 769x112
+ RenderText {#text} at (0,0) size 560x112
+ text run at (0,0) width 208: "P.one {line-height: 200%;}"
+ text run at (208,0) width 0: " "
+ text run at (0,16) width 552: "SPAN.two {border-style: solid; border-width: 10px; border-color: red;"
+ text run at (552,16) width 0: " "
+ text run at (0,32) width 304: " padding: 2pt; margin: 30pt;}"
+ text run at (304,32) width 0: " "
+ text run at (0,48) width 360: "P.three {font-size: 10pt; line-height: 12pt;}"
+ text run at (360,48) width 0: " "
+ text run at (0,64) width 560: "SPAN.four {border-style: solid; border-width: 12px; border-color: red;"
+ text run at (560,64) width 0: " "
+ text run at (0,80) width 192: " padding: 2pt;}"
+ text run at (192,80) width 0: " "
+ text run at (0,96) width 0: " "
+ RenderBlock {HR} at (0,159) size 769x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {P} at (0,177) size 769x192
RenderText {#text} at (0,7) size 191x17
text run at (0,7) width 191: "This is a paragraph that has a "
RenderInline {SPAN} at (0,0) size 766x171 [border: (10px solid #FF0000)]
text run at (648,135) width 5: " "
text run at (652,135) width 107: "The line spacing"
text run at (0,167) width 358: "in the whole paragraph should be 200% of the font size."
- RenderBlock {P} at (0,378) size 769x64
- RenderText {#text} at (0,0) size 159x15
- text run at (0,0) width 159: "This is a paragraph that has a "
- RenderInline {SPAN} at (0,0) size 755x93 [border: (12px solid #FF0000)]
- RenderText {#text} at (172,0) size 755x63
- text run at (172,0) width 548: "very long span in it, and the span has a 12px red border separated from the span by 2pt of padding (the"
- text run at (0,16) width 755: "difference between the line-height and the font-size), which should overlap with the lines of text above and below the span, since the padding"
+ RenderBlock {P} at (0,385) size 769x64
+ RenderText {#text} at (0,0) size 160x15
+ text run at (0,0) width 160: "This is a paragraph that has a "
+ RenderInline {SPAN} at (0,0) size 757x93 [border: (12px solid #FF0000)]
+ RenderText {#text} at (174,0) size 757x63
+ text run at (174,0) width 547: "very long span in it, and the span has a 12px red border separated from the span by 2pt of padding (the"
+ text run at (0,16) width 752: "difference between the line-height and the font-size), which should overlap with the lines of text above and below the span, since the padding"
text run at (0,32) width 237: "and border should not effect the line height. "
- text run at (236,32) width 517: "The span's border should have vertical lines only at the beginning and end of the whole span, not"
- text run at (0,48) width 68: "on each line."
- RenderText {#text} at (81,48) size 411x15
- text run at (81,48) width 5: " "
- text run at (85,48) width 407: "The line spacing in the whole paragraph should be 12pt, with font-size 10pt."
- RenderTable {TABLE} at (0,455.33) size 769x308 [border: (1px outset #808080)]
+ text run at (237,32) width 520: "The span's border should have vertical lines only at the beginning and end of the whole span, not"
+ text run at (0,48) width 67: "on each line."
+ RenderText {#text} at (81,48) size 405x15
+ text run at (81,48) width 3: " "
+ text run at (84,48) width 402: "The line spacing in the whole paragraph should be 12pt, with font-size 10pt."
+ RenderTable {TABLE} at (0,462.33) size 769x308 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 767x306
RenderTableRow {TR} at (0,0) size 767x26
RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
text run at (86,167) width 5: " "
text run at (90,167) width 468: "The line spacing in the whole paragraph should be 200% of the font size."
RenderBlock {P} at (4,212) size 747x64
- RenderText {#text} at (0,0) size 159x15
- text run at (0,0) width 159: "This is a paragraph that has a "
- RenderInline {SPAN} at (0,0) size 720x93 [border: (12px solid #FF0000)]
- RenderText {#text} at (172,0) size 720x63
- text run at (172,0) width 548: "very long span in it, and the span has a 12px red border separated from the span by 2pt of padding (the"
- text run at (0,16) width 709: "difference between the line-height and the font-size), which should overlap with the lines of text above and below the span, since the"
- text run at (0,32) width 283: "padding and border should not effect the line height. "
- text run at (282,32) width 430: "The span's border should have vertical lines only at the beginning and end of the"
- text run at (0,48) width 156: "whole span, not on each line."
- RenderText {#text} at (169,48) size 410x15
- text run at (169,48) width 4: " "
- text run at (172,48) width 407: "The line spacing in the whole paragraph should be 12pt, with font-size 10pt."
+ RenderText {#text} at (0,0) size 160x15
+ text run at (0,0) width 160: "This is a paragraph that has a "
+ RenderInline {SPAN} at (0,0) size 721x93 [border: (12px solid #FF0000)]
+ RenderText {#text} at (174,0) size 721x63
+ text run at (174,0) width 547: "very long span in it, and the span has a 12px red border separated from the span by 2pt of padding (the"
+ text run at (0,16) width 705: "difference between the line-height and the font-size), which should overlap with the lines of text above and below the span, since the"
+ text run at (0,32) width 284: "padding and border should not effect the line height. "
+ text run at (284,32) width 432: "The span's border should have vertical lines only at the beginning and end of the"
+ text run at (0,48) width 155: "whole span, not on each line."
+ RenderText {#text} at (169,48) size 405x15
+ text run at (169,48) width 3: " "
+ text run at (172,48) width 402: "The line spacing in the whole paragraph should be 12pt, with font-size 10pt."