| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 RenderView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x600 | |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | |
| 5 RenderBody {BODY} at (8,16) size 784x568 | |
| 6 LayoutTable {TABLE} at (16,0) size 752x76 [border: (1px outset #808080)] | |
| 7 LayoutTableSection {TBODY} at (1,1) size 750x74 | |
| 8 LayoutTableRow {TR} at (0,2) size 750x24 | |
| 9 LayoutTableCell {TH} at (2,2) size 175x24 [border: (1px inset #80808
0)] [r=0 c=0 rs=1 cs=1] | |
| 10 RenderText {#text} at (46,2) size 83x19 | |
| 11 text run at (46,2) width 83: "Header One" | |
| 12 LayoutTableCell {TH} at (179,2) size 268x24 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] | |
| 13 RenderText {#text} at (93,2) size 82x19 | |
| 14 text run at (93,2) width 82: "Header Two" | |
| 15 LayoutTableCell {TH} at (449,2) size 299x24 [border: (1px inset #808
080)] [r=0 c=2 rs=1 cs=1] | |
| 16 RenderText {#text} at (102,2) size 95x19 | |
| 17 text run at (102,2) width 95: "Header Three" | |
| 18 LayoutTableRow {TR} at (0,28) size 750x44 | |
| 19 LayoutTableCell {TD} at (2,28) size 175x44 [border: (1px inset #8080
80)] [r=1 c=0 rs=1 cs=1] | |
| 20 RenderText {#text} at (2,2) size 155x39 | |
| 21 text run at (2,2) width 110: "This table uses the" | |
| 22 text run at (2,22) width 155: "separated borders model." | |
| 23 LayoutTableCell {TD} at (179,28) size 268x44 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] | |
| 24 RenderText {#text} at (2,2) size 234x39 | |
| 25 text run at (2,2) width 234: "This means that elements within th
e cell" | |
| 26 text run at (2,22) width 174: "have border-spacing of 1em." | |
| 27 LayoutTableCell {TD} at (449,28) size 299x44 [border: (1px inset #80
8080)] [r=1 c=2 rs=1 cs=1] | |
| 28 RenderText {#text} at (2,2) size 268x39 | |
| 29 text run at (2,2) width 198: "The borders on the header cells, " | |
| 30 text run at (200,2) width 70: "on all sides," | |
| 31 text run at (2,22) width 187: "should be medium solid purple." | |
| OLD | NEW |