line_height-expected.txt [plain text]
layer at (0,0) size 800x2623
RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x2623
RenderBlock {HTML} at (0,0) size 800x2623
RenderBody {BODY} at (8,8) size 784x2607 [bgcolor=#CCCCCC]
RenderBlock {P} at (0,0) size 784x18
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "The style declarations which apply to the text below are:"
RenderBlock {PRE} at (0,34) size 784x210
RenderText {TEXT} at (0,0) size 400x210
text run at (0,0) width 176: ".one {line-height: 0.5"
text run at (176,0) width 136: "in; font-size: 12"
text run at (312,0) width 32: "px;}"
text run at (0,15) width 160: ".two {line-height: 2"
text run at (160,15) width 136: "cm; font-size: 12"
text run at (296,15) width 32: "px;}"
text run at (0,30) width 184: ".three {line-height: 20"
text run at (184,30) width 136: "mm; font-size: 12"
text run at (320,30) width 32: "px;}"
text run at (0,45) width 176: ".four {line-height: 24"
text run at (176,45) width 136: "pt; font-size: 12"
text run at (312,45) width 32: "px;}"
text run at (0,60) width 168: ".five {line-height: 2"
text run at (168,60) width 136: "pc; font-size: 12"
text run at (304,60) width 32: "px;}"
text run at (0,75) width 160: ".six {line-height: 2"
text run at (160,75) width 136: "em; font-size: 12"
text run at (296,75) width 32: "px;}"
text run at (0,90) width 176: ".seven {line-height: 3"
text run at (176,90) width 136: "ex; font-size: 12"
text run at (312,90) width 32: "px;}"
text run at (0,105) width 320: ".eight {line-height: 200%; font-size: 12"
text run at (320,105) width 32: "px;}"
text run at (0,120) width 288: ".nine {line-height: 2; font-size: 12"
text run at (288,120) width 32: "px;}"
text run at (0,135) width 168: ".ten {line-height: 50"
text run at (168,135) width 136: "px; font-size: 12"
text run at (304,135) width 32: "px;}"
text run at (0,150) width 192: ".eleven {line-height: -1"
text run at (192,150) width 136: "em; font-size: 12"
text run at (328,150) width 32: "px;}"
text run at (0,165) width 368: "TABLE .ten {line-height: normal; font-size: 12"
text run at (368,165) width 32: "px;}"
text run at (0,180) width 248: "DIV {background-color: silver;}"
text run at (0,195) width 304: "SPAN.color {background-color: silver;}"
RenderBlock {HR} at (0,257) size 784x2 [border: (1px inset #000000)]
RenderBlock {P} at (0,271) size 784x48
RenderText {TEXT} at (0,17) size 507x48
text run at (0,17) width 507: "This sentence should have a line-height of half an inch, which should cause extra spacing between the lines."
RenderBlock {P} at (0,331) size 784x75
RenderText {TEXT} at (0,30) size 526x75
text run at (0,30) width 526: "This sentence should have a line-height of two centimeters, which should cause extra spacing between the lines."
RenderBlock {P} at (0,418) size 784x75
RenderText {TEXT} at (0,30) size 539x75
text run at (0,30) width 539: "This sentence should have a line-height of twenty millimeters, which should cause extra spacing between the lines."
RenderBlock {P} at (0,505) size 784x32
RenderText {TEXT} at (0,9) size 540x32
text run at (0,9) width 540: "This sentence should have a line-height of twenty-four points, which should cause extra spacing between the lines."
RenderBlock {P} at (0,549) size 784x32
RenderText {TEXT} at (0,9) size 497x32
text run at (0,9) width 497: "This sentence should have a line-height of two picas, which should cause extra spacing between the lines."
RenderBlock {P} at (0,593) size 784x24
RenderText {TEXT} at (0,5) size 487x24
text run at (0,5) width 487: "This sentence should have a line-height of two em, which should cause extra spacing between the lines."
RenderBlock {P} at (0,629) size 784x18
RenderText {TEXT} at (0,2) size 489x18
text run at (0,2) width 489: "This sentence should have a line-height of three ex, which should cause extra spacing between the lines."
RenderBlock {P} at (0,659) size 784x24
RenderText {TEXT} at (0,5) size 537x24
text run at (0,5) width 537: "This sentence should have a line-height of twice the font size, which should cause extra spacing between the lines."
RenderBlock {DIV} at (0,695) size 784x168 [bgcolor=#C0C0C0]
RenderBlock (anonymous) at (0,0) size 784x24
RenderText {TEXT} at (0,5) size 592x24
text run at (0,5) width 592: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
RenderBlock {P} at (0,48) size 784x72
RenderText {TEXT} at (0,-2) size 763x72
text run at (0,-2) width 717: "This sentence should have a line-height of twice the DIV's font size, or 28"
text run at (717,-2) width 31: "px;"
text run at (0,22) width 763: "this should not cause extra spacing between the lines, since the line-height and"
text run at (0,46) width 364: "font-size should have the same value."
RenderBlock (anonymous) at (0,144) size 784x24
RenderText {TEXT} at (0,5) size 606x24
text run at (0,5) width 606: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
RenderBlock {P} at (0,875) size 784x24
RenderText {TEXT} at (0,5) size 537x24
text run at (0,5) width 537: "This sentence should have a line-height of twice the font size, which should cause extra spacing between the lines."
RenderBlock {DIV} at (0,911) size 784x240 [bgcolor=#C0C0C0]
RenderBlock (anonymous) at (0,0) size 784x24
RenderText {TEXT} at (0,5) size 592x24
text run at (0,5) width 592: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
RenderBlock {P} at (0,48) size 784x144
RenderText {TEXT} at (0,10) size 749x144
text run at (0,10) width 749: "This sentence should have a line-height of twice the font size, which is 200%"
text run at (0,58) width 742: "normal thanks to an inline style; this should cause extra spacing between the"
text run at (0,106) width 308: "lines, as the font-size will be 28"
text run at (308,106) width 316: "px and the line-height will be 56"
text run at (624,106) width 30: "px."
RenderBlock (anonymous) at (0,216) size 784x24
RenderText {TEXT} at (0,5) size 606x24
text run at (0,5) width 606: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
RenderBlock {P} at (0,1163) size 784x100
RenderText {TEXT} at (0,18) size 774x100
text run at (0,18) width 592: "This paragraph should have a line-height of 50 pixels in the first section, which should cause extra spacing between the lines. "
text run at (592,18) width 182: "In the second section (within the table)"
text run at (0,68) width 152: "its line-height should be normal."
RenderBlock {P} at (0,1275) size 784x14
RenderText {TEXT} at (0,0) size 504x14
text run at (0,0) width 504: "This sentence should have a normal line-height, because negative values are not permitted for this property."
RenderBlock {P} at (0,1301) size 784x150
RenderInline {SPAN} at (0,0) size 758x89 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,30) size 758x150
text run at (0,30) width 758: "This sentence should have a line-height of two centimeters, which should cause extra spacing between the lines. The text has a background color of silver, but no"
text run at (0,105) width 663: "padding or border. The background color has been set on an inline element and should therefore only cover the text, not the interline spacing."
RenderText {TEXT} at (0,0) size 0x0
RenderTable {TABLE} at (0,1463) size 784x1144 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x1142
RenderTableRow {TR} at (0,0) size 0x0
RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
RenderTableCell {TD} at (0,571) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
RenderTableCell {TD} at (12,26) size 770x1116 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x48
RenderText {TEXT} at (0,17) size 507x48
text run at (0,17) width 507: "This sentence should have a line-height of half an inch, which should cause extra spacing between the lines."
RenderBlock {P} at (4,64) size 762x75
RenderText {TEXT} at (0,30) size 526x75
text run at (0,30) width 526: "This sentence should have a line-height of two centimeters, which should cause extra spacing between the lines."
RenderBlock {P} at (4,151) size 762x75
RenderText {TEXT} at (0,30) size 539x75
text run at (0,30) width 539: "This sentence should have a line-height of twenty millimeters, which should cause extra spacing between the lines."
RenderBlock {P} at (4,238) size 762x32
RenderText {TEXT} at (0,9) size 540x32
text run at (0,9) width 540: "This sentence should have a line-height of twenty-four points, which should cause extra spacing between the lines."
RenderBlock {P} at (4,282) size 762x32
RenderText {TEXT} at (0,9) size 497x32
text run at (0,9) width 497: "This sentence should have a line-height of two picas, which should cause extra spacing between the lines."
RenderBlock {P} at (4,326) size 762x24
RenderText {TEXT} at (0,5) size 487x24
text run at (0,5) width 487: "This sentence should have a line-height of two em, which should cause extra spacing between the lines."
RenderBlock {P} at (4,362) size 762x18
RenderText {TEXT} at (0,2) size 489x18
text run at (0,2) width 489: "This sentence should have a line-height of three ex, which should cause extra spacing between the lines."
RenderBlock {P} at (4,392) size 762x24
RenderText {TEXT} at (0,5) size 537x24
text run at (0,5) width 537: "This sentence should have a line-height of twice the font size, which should cause extra spacing between the lines."
RenderBlock {DIV} at (4,428) size 762x168 [bgcolor=#C0C0C0]
RenderBlock (anonymous) at (0,0) size 762x24
RenderText {TEXT} at (0,5) size 592x24
text run at (0,5) width 592: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
RenderBlock {P} at (0,48) size 762x72
RenderText {TEXT} at (0,-2) size 748x72
text run at (0,-2) width 717: "This sentence should have a line-height of twice the DIV's font size, or 28"
text run at (717,-2) width 31: "px;"
text run at (0,22) width 722: "this should not cause extra spacing between the lines, since the line-height"
text run at (0,46) width 405: "and font-size should have the same value."
RenderBlock (anonymous) at (0,144) size 762x24
RenderText {TEXT} at (0,5) size 606x24
text run at (0,5) width 606: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
RenderBlock {P} at (4,608) size 762x24
RenderText {TEXT} at (0,5) size 537x24
text run at (0,5) width 537: "This sentence should have a line-height of twice the font size, which should cause extra spacing between the lines."
RenderBlock {DIV} at (4,644) size 762x240 [bgcolor=#C0C0C0]
RenderBlock (anonymous) at (0,0) size 762x24
RenderText {TEXT} at (0,5) size 592x24
text run at (0,5) width 592: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
RenderBlock {P} at (0,48) size 762x144
RenderText {TEXT} at (0,10) size 749x144
text run at (0,10) width 749: "This sentence should have a line-height of twice the font size, which is 200%"
text run at (0,58) width 742: "normal thanks to an inline style; this should cause extra spacing between the"
text run at (0,106) width 308: "lines, as the font-size will be 28"
text run at (308,106) width 316: "px and the line-height will be 56"
text run at (624,106) width 30: "px."
RenderBlock (anonymous) at (0,216) size 762x24
RenderText {TEXT} at (0,5) size 606x24
text run at (0,5) width 606: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
RenderBlock {P} at (4,896) size 762x28
RenderText {TEXT} at (0,0) size 745x28
text run at (0,0) width 592: "This paragraph should have a line-height of 50 pixels in the first section, which should cause extra spacing between the lines. "
text run at (592,0) width 153: "In the second section (within the"
text run at (0,14) width 181: "table) its line-height should be normal."
RenderBlock {P} at (4,936) size 762x14
RenderText {TEXT} at (0,0) size 504x14
text run at (0,0) width 504: "This sentence should have a normal line-height, because negative values are not permitted for this property."
RenderBlock {P} at (4,962) size 762x150
RenderInline {SPAN} at (0,0) size 758x89 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,30) size 758x150
text run at (0,30) width 758: "This sentence should have a line-height of two centimeters, which should cause extra spacing between the lines. The text has a background color of silver, but no"
text run at (0,105) width 663: "padding or border. The background color has been set on an inline element and should therefore only cover the text, not the interline spacing."
RenderText {TEXT} at (0,0) size 0x0