| layer at (0,0) size 785x734 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x734 |
| RenderBlock {HTML} at (0,0) size 785x734 |
| RenderBody {BODY} at (8,8) size 769x718 |
| RenderBlock {PRE} at (0,0) size 769x227 |
| RenderText {#text} at (0,0) size 656x193 |
| text run at (0,0) width 368: "These tables below all have the HTML + CSS ..." |
| text run at (368,0) width 0: " " |
| text run at (0,16) width 0: " " |
| text run at (0,32) width 480: "<TABLE><tr> table {" |
| text run at (480,32) width 0: " " |
| text run at (0,48) width 544: " <td><TABLE style='margin: 20px; padding: 19px;'> width: 600px;" |
| text run at (544,48) width 0: " " |
| text run at (0,64) width 616: " <tr><td></td></tr> border: 1px solid red;" |
| text run at (616,64) width 0: " " |
| text run at (0,80) width 592: " </TABLE></td> empty-cells: show;}" |
| text run at (592,80) width 0: " " |
| text run at (0,96) width 456: "</tr></TABLE> td {" |
| text run at (456,96) width 0: " " |
| text run at (0,112) width 640: " border: 1px solid green;}" |
| text run at (640,112) width 0: " " |
| text run at (0,128) width 656: " table.inner {margin: 20px;} " |
| text run at (656,128) width 0: " " |
| text run at (0,144) width 0: " " |
| text run at (0,160) width 520: "... and differ only in the value of 'padding:'. From top table to" |
| text run at (520,160) width 0: " " |
| text run at (0,177) width 424: "bottom: 0px, 10px, 19px, 20px, 25px. Note that for a " |
| RenderInline {U} at (0,0) size 608x33 |
| RenderInline {I} at (0,0) size 608x34 |
| RenderText {#text} at (424,176) size 608x34 |
| text run at (424,176) width 184: "table over-constrained " |
| text run at (608,176) width 0: " " |
| text run at (0,193) width 160: "within another table" |
| RenderText {#text} at (160,194) size 16x16 |
| text run at (160,194) width 16: ", " |
| RenderInline {I} at (0,0) size 184x17 |
| RenderInline {U} at (0,0) size 184x17 |
| RenderText {#text} at (176,193) size 184x17 |
| text run at (176,193) width 184: "when (padding >=margin)" |
| RenderText {#text} at (360,194) size 128x16 |
| text run at (360,194) width 128: ", the margin is " |
| RenderInline {I} at (0,0) size 600x34 |
| RenderInline {U} at (0,0) size 600x34 |
| RenderText {#text} at (488,193) size 600x34 |
| text run at (488,193) width 112: "all allocated " |
| text run at (600,193) width 0: " " |
| text run at (0,210) width 176: "to the right hand side" |
| RenderText {#text} at (176,211) size 416x16 |
| text run at (176,211) width 416: " of the table (and to the left if 'direction: rtl;'." |
| RenderTable {TABLE} at (0,240) size 600x30 [border: (1px dotted #0000FF)] |
| RenderTableSection {TBODY} at (1,1) size 598x28 |
| RenderTableRow {TR} at (0,2) size 598x24 |
| RenderTableCell {TD} at (2,2) size 594x24 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 204x19 |
| text run at (2,2) width 204: "600px table for width comparison" |
| RenderTable {TABLE} at (0,270) size 650x60 [border: (1px solid #FF0000)] |
| RenderTableSection {TBODY} at (1,1) size 648x58 |
| RenderTableRow {TR} at (0,2) size 648x54 |
| RenderTableCell {TD} at (2,2) size 644x54 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1] |
| RenderTable {TABLE} at (22,22) size 600x10 [border: (1px solid #FF0000)] |
| RenderTableSection {TBODY} at (1,1) size 598x8 |
| RenderTableRow {TR} at (0,2) size 598x4 |
| RenderTableCell {TD} at (2,2) size 594x4 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1] |
| RenderTable {TABLE} at (0,330) size 650x80 [border: (1px solid #FF0000)] |
| RenderTableSection {TBODY} at (1,1) size 648x78 |
| RenderTableRow {TR} at (0,2) size 648x74 |
| RenderTableCell {TD} at (2,2) size 644x74 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1] |
| RenderTable {TABLE} at (22,22) size 600x30 [border: (1px solid #FF0000)] |
| RenderTableSection {TBODY} at (11,11) size 578x8 |
| RenderTableRow {TR} at (0,2) size 578x4 |
| RenderTableCell {TD} at (2,2) size 574x4 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1] |
| RenderTable {TABLE} at (0,410) size 650x98 [border: (1px solid #FF0000)] |
| RenderTableSection {TBODY} at (1,1) size 648x96 |
| RenderTableRow {TR} at (0,2) size 648x92 |
| RenderTableCell {TD} at (2,2) size 644x92 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1] |
| RenderTable {TABLE} at (22,22) size 600x48 [border: (1px solid #FF0000)] |
| RenderTableSection {TBODY} at (20,20) size 560x8 |
| RenderTableRow {TR} at (0,2) size 560x4 |
| RenderTableCell {TD} at (2,2) size 556x4 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1] |
| RenderTable {TABLE} at (0,508) size 650x100 [border: (1px solid #FF0000)] |
| RenderTableSection {TBODY} at (1,1) size 648x98 |
| RenderTableRow {TR} at (0,2) size 648x94 |
| RenderTableCell {TD} at (2,2) size 644x94 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1] |
| RenderTable {TABLE} at (22,22) size 600x50 [border: (1px solid #FF0000)] |
| RenderTableSection {TBODY} at (21,21) size 558x8 |
| RenderTableRow {TR} at (0,2) size 558x4 |
| RenderTableCell {TD} at (2,2) size 554x4 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1] |
| RenderTable {TABLE} at (0,608) size 650x110 [border: (1px solid #FF0000)] |
| RenderTableSection {TBODY} at (1,1) size 648x108 |
| RenderTableRow {TR} at (0,2) size 648x104 |
| RenderTableCell {TD} at (2,2) size 644x104 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1] |
| RenderTable {TABLE} at (22,22) size 600x60 [border: (1px solid #FF0000)] |
| RenderTableSection {TBODY} at (26,26) size 548x8 |
| RenderTableRow {TR} at (0,2) size 548x4 |
| RenderTableCell {TD} at (2,2) size 544x4 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1] |
