| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
| 5 RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC] |
| 6 RenderBlock {P} at (0,0) size 784x16 | 6 RenderBlock {P} at (0,0) size 784x18 |
| 7 RenderText {#text} at (0,0) size 363x16 | 7 RenderText {#text} at (0,0) size 363x18 |
| 8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" | 8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" |
| 9 RenderBlock {PRE} at (0,32) size 784x26 | 9 RenderBlock {PRE} at (0,34) size 784x30 |
| 10 RenderText {#text} at (0,0) size 406x26 | 10 RenderText {#text} at (0,0) size 406x30 |
| 11 text run at (0,0) width 398: ".one {margin-bottom: 25px; background-co
lor: aqua;}" | 11 text run at (0,0) width 398: ".one {margin-bottom: 25px; background-co
lor: aqua;}" |
| 12 text run at (397,0) width 1: " " | 12 text run at (397,0) width 1: " " |
| 13 text run at (0,13) width 406: ".two {margin-bottom: -10px; background-
color: aqua;}" | 13 text run at (0,15) width 406: ".two {margin-bottom: -10px; background-
color: aqua;}" |
| 14 text run at (405,13) width 1: " " | 14 text run at (405,15) width 1: " " |
| 15 RenderBlock {HR} at (0,71) size 784x2 [border: (1px inset #EEEEEE)] | 15 RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #EEEEEE)] |
| 16 RenderBlock {P} at (0,89) size 784x48 [bgcolor=#808080] | 16 RenderBlock {P} at (0,95) size 784x54 [bgcolor=#808080] |
| 17 RenderText {#text} at (0,0) size 491x16 | 17 RenderText {#text} at (0,0) size 491x18 |
| 18 text run at (0,0) width 401: "This element is unstyled save for a back
ground color of gray.. " | 18 text run at (0,0) width 401: "This element is unstyled save for a back
ground color of gray.. " |
| 19 text run at (400,0) width 91: "It contains an " | 19 text run at (400,0) width 91: "It contains an " |
| 20 RenderInline {SPAN} at (0,0) size 777x32 [bgcolor=#00FFFF] | 20 RenderInline {SPAN} at (0,0) size 777x36 [bgcolor=#00FFFF] |
| 21 RenderText {#text} at (490,0) size 149x16 | 21 RenderText {#text} at (490,0) size 149x18 |
| 22 text run at (490,0) width 149: "inline element of class " | 22 text run at (490,0) width 149: "inline element of class " |
| 23 RenderInline {TT} at (0,0) size 24x13 | 23 RenderInline {TT} at (0,0) size 24x15 |
| 24 RenderText {#text} at (638,2) size 24x13 | 24 RenderText {#text} at (638,2) size 24x15 |
| 25 text run at (638,2) width 24: "one" | 25 text run at (638,2) width 24: "one" |
| 26 RenderText {#text} at (661,0) size 777x32 | 26 RenderText {#text} at (661,0) size 777x36 |
| 27 text run at (661,0) width 116: ", giving it an aqua" | 27 text run at (661,0) width 116: ", giving it an aqua" |
| 28 text run at (0,16) width 249: "background and a 25px bottom margin" | 28 text run at (0,18) width 249: "background and a 25px bottom margin" |
| 29 RenderText {#text} at (248,16) size 776x32 | 29 RenderText {#text} at (248,18) size 776x36 |
| 30 text run at (248,16) width 9: ". " | 30 text run at (248,18) width 9: ". " |
| 31 text run at (256,16) width 520: "Margins on inline elements does not a
ffect line-height calculations, so all lines in" | 31 text run at (256,18) width 520: "Margins on inline elements does not a
ffect line-height calculations, so all lines in" |
| 32 text run at (0,32) width 297: "this element should have the same line-
height." | 32 text run at (0,36) width 297: "this element should have the same line-
height." |
| 33 RenderBlock {P} at (0,153) size 784x48 [bgcolor=#808080] | 33 RenderBlock {P} at (0,165) size 784x54 [bgcolor=#808080] |
| 34 RenderText {#text} at (0,0) size 491x16 | 34 RenderText {#text} at (0,0) size 491x18 |
| 35 text run at (0,0) width 401: "This element is unstyled save for a back
ground color of gray.. " | 35 text run at (0,0) width 401: "This element is unstyled save for a back
ground color of gray.. " |
| 36 text run at (400,0) width 91: "It contains an " | 36 text run at (400,0) width 91: "It contains an " |
| 37 RenderInline {SPAN} at (0,0) size 777x32 [bgcolor=#00FFFF] | 37 RenderInline {SPAN} at (0,0) size 777x36 [bgcolor=#00FFFF] |
| 38 RenderText {#text} at (490,0) size 149x16 | 38 RenderText {#text} at (490,0) size 149x18 |
| 39 text run at (490,0) width 149: "inline element of class " | 39 text run at (490,0) width 149: "inline element of class " |
| 40 RenderInline {TT} at (0,0) size 24x13 | 40 RenderInline {TT} at (0,0) size 24x15 |
| 41 RenderText {#text} at (638,2) size 24x13 | 41 RenderText {#text} at (638,2) size 24x15 |
| 42 text run at (638,2) width 24: "two" | 42 text run at (638,2) width 24: "two" |
| 43 RenderText {#text} at (661,0) size 777x32 | 43 RenderText {#text} at (661,0) size 777x36 |
| 44 text run at (661,0) width 116: ", giving it an aqua" | 44 text run at (661,0) width 116: ", giving it an aqua" |
| 45 text run at (0,16) width 254: "background and a -10px bottom margin" | 45 text run at (0,18) width 254: "background and a -10px bottom margin" |
| 46 RenderText {#text} at (253,16) size 782x32 | 46 RenderText {#text} at (253,18) size 782x36 |
| 47 text run at (253,16) width 9: ". " | 47 text run at (253,18) width 9: ". " |
| 48 text run at (261,16) width 521: "Margins on inline elements does not a
ffect line-height calculations, so all lines in" | 48 text run at (261,18) width 521: "Margins on inline elements does not a
ffect line-height calculations, so all lines in" |
| 49 text run at (0,32) width 297: "this element should have the same line-
height." | 49 text run at (0,36) width 297: "this element should have the same line-
height." |
| 50 LayoutTable {TABLE} at (0,217) size 784x146 [border: (1px outset #808080)] | 50 LayoutTable {TABLE} at (0,235) size 784x160 [border: (1px outset #808080)] |
| 51 LayoutTableSection {TBODY} at (1,1) size 782x144 | 51 LayoutTableSection {TBODY} at (1,1) size 782x158 |
| 52 LayoutTableRow {TR} at (0,0) size 782x24 | 52 LayoutTableRow {TR} at (0,0) size 782x26 |
| 53 LayoutTableCell {TD} at (0,0) size 782x24 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 53 LayoutTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| 54 RenderInline {STRONG} at (0,0) size 163x16 | 54 RenderInline {STRONG} at (0,0) size 163x18 |
| 55 RenderText {#text} at (4,4) size 163x16 | 55 RenderText {#text} at (4,4) size 163x18 |
| 56 text run at (4,4) width 163: "TABLE Testing Section" | 56 text run at (4,4) width 163: "TABLE Testing Section" |
| 57 LayoutTableRow {TR} at (0,24) size 782x120 | 57 LayoutTableRow {TR} at (0,26) size 782x132 |
| 58 LayoutTableCell {TD} at (0,72) size 12x24 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 58 LayoutTableCell {TD} at (0,79) size 12x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| 59 RenderText {#text} at (4,4) size 4x16 | 59 RenderText {#text} at (4,4) size 4x18 |
| 60 text run at (4,4) width 4: " " | 60 text run at (4,4) width 4: " " |
| 61 LayoutTableCell {TD} at (12,24) size 770x120 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] | 61 LayoutTableCell {TD} at (12,26) size 770x132 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] |
| 62 RenderBlock {P} at (4,4) size 762x48 [bgcolor=#808080] | 62 RenderBlock {P} at (4,4) size 762x54 [bgcolor=#808080] |
| 63 RenderText {#text} at (0,0) size 491x16 | 63 RenderText {#text} at (0,0) size 491x18 |
| 64 text run at (0,0) width 401: "This element is unstyled save fo
r a background color of gray.. " | 64 text run at (0,0) width 401: "This element is unstyled save fo
r a background color of gray.. " |
| 65 text run at (400,0) width 91: "It contains an " | 65 text run at (400,0) width 91: "It contains an " |
| 66 RenderInline {SPAN} at (0,0) size 743x32 [bgcolor=#00FFFF] | 66 RenderInline {SPAN} at (0,0) size 743x36 [bgcolor=#00FFFF] |
| 67 RenderText {#text} at (490,0) size 149x16 | 67 RenderText {#text} at (490,0) size 149x18 |
| 68 text run at (490,0) width 149: "inline element of class " | 68 text run at (490,0) width 149: "inline element of class " |
| 69 RenderInline {TT} at (0,0) size 24x13 | 69 RenderInline {TT} at (0,0) size 24x15 |
| 70 RenderText {#text} at (638,2) size 24x13 | 70 RenderText {#text} at (638,2) size 24x15 |
| 71 text run at (638,2) width 24: "one" | 71 text run at (638,2) width 24: "one" |
| 72 RenderText {#text} at (661,0) size 743x32 | 72 RenderText {#text} at (661,0) size 743x36 |
| 73 text run at (661,0) width 82: ", giving it an" | 73 text run at (661,0) width 82: ", giving it an" |
| 74 text run at (0,16) width 283: "aqua background and a 25px bo
ttom margin" | 74 text run at (0,18) width 283: "aqua background and a 25px bo
ttom margin" |
| 75 RenderText {#text} at (282,16) size 760x32 | 75 RenderText {#text} at (282,18) size 760x36 |
| 76 text run at (282,16) width 9: ". " | 76 text run at (282,18) width 9: ". " |
| 77 text run at (290,16) width 470: "Margins on inline elements do
es not affect line-height calculations, so all" | 77 text run at (290,18) width 470: "Margins on inline elements do
es not affect line-height calculations, so all" |
| 78 text run at (0,32) width 348: "lines in this element should ha
ve the same line-height." | 78 text run at (0,36) width 348: "lines in this element should ha
ve the same line-height." |
| 79 RenderBlock {P} at (4,68) size 762x48 [bgcolor=#808080] | 79 RenderBlock {P} at (4,74) size 762x54 [bgcolor=#808080] |
| 80 RenderText {#text} at (0,0) size 491x16 | 80 RenderText {#text} at (0,0) size 491x18 |
| 81 text run at (0,0) width 401: "This element is unstyled save fo
r a background color of gray.. " | 81 text run at (0,0) width 401: "This element is unstyled save fo
r a background color of gray.. " |
| 82 text run at (400,0) width 91: "It contains an " | 82 text run at (400,0) width 91: "It contains an " |
| 83 RenderInline {SPAN} at (0,0) size 743x32 [bgcolor=#00FFFF] | 83 RenderInline {SPAN} at (0,0) size 743x36 [bgcolor=#00FFFF] |
| 84 RenderText {#text} at (490,0) size 149x16 | 84 RenderText {#text} at (490,0) size 149x18 |
| 85 text run at (490,0) width 149: "inline element of class " | 85 text run at (490,0) width 149: "inline element of class " |
| 86 RenderInline {TT} at (0,0) size 24x13 | 86 RenderInline {TT} at (0,0) size 24x15 |
| 87 RenderText {#text} at (638,2) size 24x13 | 87 RenderText {#text} at (638,2) size 24x15 |
| 88 text run at (638,2) width 24: "two" | 88 text run at (638,2) width 24: "two" |
| 89 RenderText {#text} at (661,0) size 743x32 | 89 RenderText {#text} at (661,0) size 743x36 |
| 90 text run at (661,0) width 82: ", giving it an" | 90 text run at (661,0) width 82: ", giving it an" |
| 91 text run at (0,16) width 288: "aqua background and a -10px b
ottom margin" | 91 text run at (0,18) width 288: "aqua background and a -10px b
ottom margin" |
| 92 RenderText {#text} at (287,16) size 745x32 | 92 RenderText {#text} at (287,18) size 745x36 |
| 93 text run at (287,16) width 9: ". " | 93 text run at (287,18) width 9: ". " |
| 94 text run at (295,16) width 450: "Margins on inline elements do
es not affect line-height calculations, so" | 94 text run at (295,18) width 450: "Margins on inline elements do
es not affect line-height calculations, so" |
| 95 text run at (0,32) width 368: "all lines in this element shoul
d have the same line-height." | 95 text run at (0,36) width 368: "all lines in this element shoul
d have the same line-height." |
| OLD | NEW |