| 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 800x320 | 3 layer at (0,0) size 800x320 |
| 4 RenderBlock {html} at (0,0) size 800x320 | 4 RenderBlock {html} at (0,0) size 800x320 |
| 5 RenderBody {body} at (8,16) size 784x296 | 5 RenderBody {body} at (8,16) size 784x296 |
| 6 RenderBlock {p} at (0,0) size 784x18 | 6 RenderBlock {p} at (0,0) size 784x18 |
| 7 RenderText {#text} at (0,0) size 191x18 | 7 RenderText {#text} at (0,0) size 191x18 |
| 8 text run at (0,0) width 191: "THEAD VALIGN=MIDDLE" | 8 text run at (0,0) width 191: "THEAD VALIGN=MIDDLE" |
| 9 LayoutTable {table} at (0,34) size 627x262 [border: (1px outset #808080)] | 9 LayoutTable {table} at (0,34) size 627x262 [border: (1px outset #808080)] |
| 10 LayoutTableSection {thead} at (1,1) size 625x212 | 10 LayoutTableSection {thead} at (1,1) size 625x212 |
| 11 LayoutTableRow {tr} at (0,2) size 625x208 | 11 LayoutTableRow {tr} at (0,2) size 625x208 |
| 12 LayoutTableCell {td} at (2,2) size 204x208 [border: (1px inset #8080
80)] [r=0 c=0 rs=1 cs=1] | 12 LayoutTableCell {td} at (2,2) size 204x208 [border: (1px inset #8080
80)] [r=0 c=0 rs=1 cs=1] |
| 13 RenderImage {img} at (2,2) size 200x200 | 13 LayoutImage {img} at (2,2) size 200x200 |
| 14 LayoutTableCell {td} at (208,95) size 415x22 [border: (1px inset #80
8080)] [r=0 c=1 rs=1 cs=1] | 14 LayoutTableCell {td} at (208,95) size 415x22 [border: (1px inset #80
8080)] [r=0 c=1 rs=1 cs=1] |
| 15 RenderText {#text} at (2,2) size 411x18 | 15 RenderText {#text} at (2,2) size 411x18 |
| 16 text run at (2,2) width 372: "This text should be vertically ali
gned to the middle of the " | 16 text run at (2,2) width 372: "This text should be vertically ali
gned to the middle of the " |
| 17 text run at (373,2) width 40: "image" | 17 text run at (373,2) width 40: "image" |
| 18 LayoutTableSection {tfoot} at (1,237) size 625x24 | 18 LayoutTableSection {tfoot} at (1,237) size 625x24 |
| 19 LayoutTableRow {tr} at (0,0) size 625x22 | 19 LayoutTableRow {tr} at (0,0) size 625x22 |
| 20 LayoutTableCell {td} at (2,0) size 204x22 [border: (1px inset #80808
0)] [r=0 c=0 rs=1 cs=1] | 20 LayoutTableCell {td} at (2,0) size 204x22 [border: (1px inset #80808
0)] [r=0 c=0 rs=1 cs=1] |
| 21 RenderText {#text} at (2,2) size 52x18 | 21 RenderText {#text} at (2,2) size 52x18 |
| 22 text run at (2,2) width 52: "TFOOT" | 22 text run at (2,2) width 52: "TFOOT" |
| 23 LayoutTableCell {td} at (208,0) size 415x22 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] | 23 LayoutTableCell {td} at (208,0) size 415x22 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] |
| 24 RenderText {#text} at (2,2) size 52x18 | 24 RenderText {#text} at (2,2) size 52x18 |
| 25 text run at (2,2) width 52: "TFOOT" | 25 text run at (2,2) width 52: "TFOOT" |
| 26 LayoutTableSection {tbody} at (1,213) size 625x24 | 26 LayoutTableSection {tbody} at (1,213) size 625x24 |
| 27 LayoutTableRow {tr} at (0,0) size 625x22 | 27 LayoutTableRow {tr} at (0,0) size 625x22 |
| 28 LayoutTableCell {td} at (2,0) size 204x22 [border: (1px inset #80808
0)] [r=0 c=0 rs=1 cs=1] | 28 LayoutTableCell {td} at (2,0) size 204x22 [border: (1px inset #80808
0)] [r=0 c=0 rs=1 cs=1] |
| 29 RenderText {#text} at (2,2) size 56x18 | 29 RenderText {#text} at (2,2) size 56x18 |
| 30 text run at (2,2) width 56: "TBODY" | 30 text run at (2,2) width 56: "TBODY" |
| 31 LayoutTableCell {td} at (208,0) size 415x22 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] | 31 LayoutTableCell {td} at (208,0) size 415x22 [border: (1px inset #808
080)] [r=0 c=1 rs=1 cs=1] |
| 32 RenderText {#text} at (2,2) size 56x18 | 32 RenderText {#text} at (2,2) size 56x18 |
| 33 text run at (2,2) width 56: "TBODY" | 33 text run at (2,2) width 56: "TBODY" |
| OLD | NEW |