| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 RenderView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x126 | |
| 4 RenderBlock {HTML} at (0,0) size 800x126 | |
| 5 RenderBody {BODY} at (8,8) size 784x110 | |
| 6 RenderBlock {FORM} at (0,0) size 784x44 | |
| 7 RenderButton {INPUT} at (0,0) size 196x22 [bgcolor=#C0C0C0] [border: (2p
x outset #C0C0C0)] | |
| 8 RenderBlock (anonymous) at (8,3) size 180x16 | |
| 9 RenderText {#text} at (0,0) size 180x16 | |
| 10 text run at (0,0) width 180: "[Step 1] Set cell height to 60px" | |
| 11 RenderButton {INPUT} at (0,22) size 196x22 [bgcolor=#C0C0C0] [border: (2
px outset #C0C0C0)] | |
| 12 RenderBlock (anonymous) at (8,3) size 180x16 | |
| 13 RenderText {#text} at (0,0) size 180x16 | |
| 14 text run at (0,0) width 180: "[Step 2] Set cell height to 20px" | |
| 15 LayoutTable {TABLE} at (0,44) size 42x66 | |
| 16 LayoutTableSection {TBODY} at (0,0) size 42x66 | |
| 17 LayoutTableRow {TR} at (0,2) size 42x30 | |
| 18 LayoutTableCell {TD} at (2,2) size 18x30 [border: (4px solid #000000
)] [r=0 c=0 rs=1 cs=1] | |
| 19 RenderText {#text} at (5,5) size 8x19 | |
| 20 text run at (5,5) width 8: "1" | |
| 21 LayoutTableCell {TD} at (22,2) size 18x30 [border: (4px solid #00000
0)] [r=0 c=1 rs=1 cs=1] | |
| 22 RenderText {#text} at (5,5) size 8x19 | |
| 23 text run at (5,5) width 8: "2" | |
| 24 LayoutTableRow {TR} at (0,34) size 42x30 | |
| 25 LayoutTableCell {TD} at (2,34) size 18x30 [border: (4px solid #00000
0)] [r=1 c=0 rs=1 cs=1] | |
| 26 RenderText {#text} at (5,5) size 8x19 | |
| 27 text run at (5,5) width 8: "2" | |
| 28 LayoutTableCell {TD} at (22,34) size 18x30 [border: (4px solid #0000
00)] [r=1 c=1 rs=1 cs=1] | |
| 29 RenderText {#text} at (5,5) size 8x19 | |
| 30 text run at (5,5) width 8: "2" | |
| OLD | NEW |