| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x600 |
| RenderBlock {HTML} at (0,0) size 800x600 |
| RenderBody {BODY} at (8,8) size 784x584 |
| RenderTable {TABLE} at (0,0) size 784x30 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 782x28 |
| RenderTableRow {TR} at (0,2) size 782x24 |
| RenderTableCell {TD} at (2,2) size 80x24 [bgcolor=#FF0000] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 76x19 |
| text run at (2,2) width 76: "fooooooooo" |
| RenderTableCell {TD} at (84,2) size 80x24 [bgcolor=#008000] [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 76x19 |
| text run at (2,2) width 76: "fooooooooo" |
| RenderTableCell {TD} at (166,2) size 306x24 [bgcolor=#FFA500] [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 92x19 |
| text run at (2,2) width 92: "foo foo foo foo" |
| RenderTableCell {TD} at (474,2) size 306x24 [bgcolor=#0000FF] [border: (1px inset #808080)] [r=0 c=3 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 92x19 |
| text run at (2,2) width 92: "foo foo foo foo" |
| RenderBlock (anonymous) at (0,30) size 784x20 |
| RenderBR {BR} at (0,0) size 0x19 |
| RenderTable {TABLE} at (0,50) size 784x90 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 782x88 |
| RenderTableRow {TR} at (0,2) size 782x84 |
| RenderTableCell {TD} at (2,2) size 24x84 [bgcolor=#FF0000] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 20x79 |
| text run at (2,2) width 20: "foo" |
| text run at (2,22) width 20: "foo" |
| text run at (2,42) width 20: "foo" |
| text run at (2,62) width 20: "foo" |
| RenderTableCell {TD} at (28,32) size 146x24 [bgcolor=#FFA500] [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 92x19 |
| text run at (2,2) width 92: "foo foo foo foo" |
| RenderTableCell {TD} at (175,32) size 146x24 [bgcolor=#0000FF] [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 92x19 |
| text run at (2,2) width 92: "foo foo foo foo" |
| RenderTableCell {TD} at (322,32) size 433x24 [bgcolor=#008000] [border: (1px inset #808080)] [r=0 c=3 rs=1 cs=1] |
| RenderText {#text} at (337,2) size 93x19 |
| text run at (337,2) width 93: "foo foo foo foo" |
| RenderTableCell {TD} at (756,2) size 25x84 [bgcolor=#FF0000] [border: (1px inset #808080)] [r=0 c=4 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 20x79 |
| text run at (2,2) width 20: "foo" |
| text run at (2,22) width 20: "foo" |
| text run at (2,42) width 20: "foo" |
| text run at (2,62) width 20: "foo" |
| RenderBlock (anonymous) at (0,140) size 784x40 |
| RenderBR {BR} at (0,0) size 0x19 |
| RenderText {#text} at (0,20) size 512x19 |
| text run at (0,20) width 512: "auto table - % width cell increases table width based on % cell which makes it largest" |
| RenderTable {TABLE} at (0,180) size 784x46 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 782x44 |
| RenderTableRow {TR} at (0,10) size 782x24 |
| RenderTableCell {TD} at (10,10) size 25x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 21x19 |
| text run at (2,2) width 21: "1%" |
| RenderTableCell {TD} at (45,10) size 75x24 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 29x19 |
| text run at (2,2) width 29: "10%" |
| RenderTableCell {TD} at (129,10) size 643x24 [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 31x19 |
| text run at (2,2) width 31: "20px" |
| RenderBlock (anonymous) at (0,226) size 784x20 |
| RenderBR {BR} at (0,0) size 0x19 |
