| 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 (20,0) size 764x16 | 6 RenderBlock {P} at (20,0) size 764x18 |
| 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 784x52 | 9 RenderBlock {PRE} at (0,34) size 784x60 |
| 10 RenderText {#text} at (0,0) size 305x52 | 10 RenderText {#text} at (0,0) size 305x60 |
| 11 text run at (0,0) width 172: "P {margin-left: 20px;}" | 11 text run at (0,0) width 172: "P {margin-left: 20px;}" |
| 12 text run at (171,0) width 1: " " | 12 text run at (171,0) width 1: " " |
| 13 text run at (0,13) width 305: ".one {border-left: purple double 10px;}
" | 13 text run at (0,15) width 305: ".one {border-left: purple double 10px;}
" |
| 14 text run at (304,13) width 1: " " | 14 text run at (304,15) width 1: " " |
| 15 text run at (0,26) width 297: ".two {border-left: purple thin solid;}" | 15 text run at (0,30) width 297: ".two {border-left: purple thin solid;}" |
| 16 text run at (296,26) width 1: " " | 16 text run at (296,30) width 1: " " |
| 17 text run at (0,39) width 0: " " | 17 text run at (0,45) width 0: " " |
| 18 RenderBlock {HR} at (0,97) size 784x2 [border: (1px inset #EEEEEE)] | 18 RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #EEEEEE)] |
| 19 RenderBlock {P} at (20,115) size 764x48 [bgcolor=#C0C0C0] | 19 RenderBlock {P} at (20,125) size 764x54 [bgcolor=#C0C0C0] |
| 20 RenderText {#text} at (0,0) size 760x32 | 20 RenderText {#text} at (0,0) size 760x36 |
| 21 text run at (0,0) width 760: "This paragraph has a background color of
silver and a 20-pixel left margin, and it contains inline elements with classes
" | 21 text run at (0,0) width 760: "This paragraph has a background color of
silver and a 20-pixel left margin, and it contains inline elements with classes
" |
| 22 text run at (0,16) width 18: "of " | 22 text run at (0,18) width 18: "of " |
| 23 RenderInline {SPAN} at (0,0) size 69x16 [border: none (10px double #8000
80)] | 23 RenderInline {SPAN} at (0,0) size 69x18 [border: none (10px double #8000
80)] |
| 24 RenderText {#text} at (27,16) size 59x16 | 24 RenderText {#text} at (27,18) size 59x18 |
| 25 text run at (27,16) width 59: "class one" | 25 text run at (27,18) width 59: "class one" |
| 26 RenderText {#text} at (85,16) size 396x16 | 26 RenderText {#text} at (85,18) size 396x18 |
| 27 text run at (85,16) width 396: ", which should have a 10-pixel purple
double left border; and " | 27 text run at (85,18) width 396: ", which should have a 10-pixel purple
double left border; and " |
| 28 RenderInline {SPAN} at (0,0) size 62x16 [border: none (1px solid #800080
)] | 28 RenderInline {SPAN} at (0,0) size 62x18 [border: none (1px solid #800080
)] |
| 29 RenderText {#text} at (481,16) size 61x16 | 29 RenderText {#text} at (481,18) size 61x18 |
| 30 text run at (481,16) width 61: "class two" | 30 text run at (481,18) width 61: "class two" |
| 31 RenderText {#text} at (541,16) size 745x32 | 31 RenderText {#text} at (541,18) size 745x36 |
| 32 text run at (541,16) width 204: ", which should have a thin solid" | 32 text run at (541,18) width 204: ", which should have a thin solid" |
| 33 text run at (0,32) width 120: "purple left border. " | 33 text run at (0,36) width 120: "purple left border. " |
| 34 text run at (119,32) width 439: "The line-height of the parent element
should not change on any line." | 34 text run at (119,36) width 439: "The line-height of the parent element
should not change on any line." |
| 35 LayoutTable {TABLE} at (0,179) size 784x82 [border: (1px outset #808080)] | 35 LayoutTable {TABLE} at (0,195) size 784x90 [border: (1px outset #808080)] |
| 36 LayoutTableSection {TBODY} at (1,1) size 782x80 | 36 LayoutTableSection {TBODY} at (1,1) size 782x88 |
| 37 LayoutTableRow {TR} at (0,0) size 782x24 | 37 LayoutTableRow {TR} at (0,0) size 782x26 |
| 38 LayoutTableCell {TD} at (0,0) size 782x24 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 38 LayoutTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| 39 RenderInline {STRONG} at (0,0) size 163x16 | 39 RenderInline {STRONG} at (0,0) size 163x18 |
| 40 RenderText {#text} at (4,4) size 163x16 | 40 RenderText {#text} at (4,4) size 163x18 |
| 41 text run at (4,4) width 163: "TABLE Testing Section" | 41 text run at (4,4) width 163: "TABLE Testing Section" |
| 42 LayoutTableRow {TR} at (0,24) size 782x56 | 42 LayoutTableRow {TR} at (0,26) size 782x62 |
| 43 LayoutTableCell {TD} at (0,40) size 12x24 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 43 LayoutTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| 44 RenderText {#text} at (4,4) size 4x16 | 44 RenderText {#text} at (4,4) size 4x18 |
| 45 text run at (4,4) width 4: " " | 45 text run at (4,4) width 4: " " |
| 46 LayoutTableCell {TD} at (12,24) size 770x56 [border: (1px inset #808
080)] [r=1 c=1 rs=1 cs=1] | 46 LayoutTableCell {TD} at (12,26) size 770x62 [border: (1px inset #808
080)] [r=1 c=1 rs=1 cs=1] |
| 47 RenderBlock {P} at (24,4) size 742x48 [bgcolor=#C0C0C0] | 47 RenderBlock {P} at (24,4) size 742x54 [bgcolor=#C0C0C0] |
| 48 RenderText {#text} at (0,0) size 712x32 | 48 RenderText {#text} at (0,0) size 712x36 |
| 49 text run at (0,0) width 712: "This paragraph has a background
color of silver and a 20-pixel left margin, and it contains inline elements with
" | 49 text run at (0,0) width 712: "This paragraph has a background
color of silver and a 20-pixel left margin, and it contains inline elements with
" |
| 50 text run at (0,16) width 66: "classes of " | 50 text run at (0,18) width 66: "classes of " |
| 51 RenderInline {SPAN} at (0,0) size 69x16 [border: none (10px doub
le #800080)] | 51 RenderInline {SPAN} at (0,0) size 69x18 [border: none (10px doub
le #800080)] |
| 52 RenderText {#text} at (75,16) size 59x16 | 52 RenderText {#text} at (75,18) size 59x18 |
| 53 text run at (75,16) width 59: "class one" | 53 text run at (75,18) width 59: "class one" |
| 54 RenderText {#text} at (133,16) size 397x16 | 54 RenderText {#text} at (133,18) size 397x18 |
| 55 text run at (133,16) width 397: ", which should have a 10-pixe
l purple double left border; and " | 55 text run at (133,18) width 397: ", which should have a 10-pixe
l purple double left border; and " |
| 56 RenderInline {SPAN} at (0,0) size 61x16 [border: none (1px solid
#800080)] | 56 RenderInline {SPAN} at (0,0) size 61x18 [border: none (1px solid
#800080)] |
| 57 RenderText {#text} at (530,16) size 60x16 | 57 RenderText {#text} at (530,18) size 60x18 |
| 58 text run at (530,16) width 60: "class two" | 58 text run at (530,18) width 60: "class two" |
| 59 RenderText {#text} at (589,16) size 729x32 | 59 RenderText {#text} at (589,18) size 729x36 |
| 60 text run at (589,16) width 140: ", which should have a" | 60 text run at (589,18) width 140: ", which should have a" |
| 61 text run at (0,32) width 184: "thin solid purple left border.
" | 61 text run at (0,36) width 184: "thin solid purple left border.
" |
| 62 text run at (183,32) width 439: "The line-height of the parent
element should not change on any line." | 62 text run at (183,36) width 439: "The line-height of the parent
element should not change on any line." |
| OLD | NEW |