1 layer at (0,0) size 785x715
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x715
4 RenderBlock {HTML} at (0,0) size 785x715
5 RenderBody {BODY} at (8,8) size 769x699
6 RenderBlock {PRE} at (0,0) size 769x210
7 RenderText {#text} at (0,0) size 656x180
8 text run at (0,0) width 368: "These tables below all have the HTML + CSS ..."
9 text run at (368,0) width 0: " "
10 text run at (0,15) width 0: " "
11 text run at (0,30) width 480: "<TABLE><tr> table {"
12 text run at (480,30) width 0: " "
13 text run at (0,45) width 544: " <td><TABLE style='margin: 20px; padding: 19px;'> width: 600px;"
14 text run at (544,45) width 0: " "
15 text run at (0,60) width 616: " <tr><td></td></tr> border: 1px solid red;"
16 text run at (616,60) width 0: " "
17 text run at (0,75) width 592: " </TABLE></td> empty-cells: show;}"
18 text run at (592,75) width 0: " "
19 text run at (0,90) width 456: "</tr></TABLE> td {"
20 text run at (456,90) width 0: " "
21 text run at (0,105) width 640: " border: 1px solid green;}"
22 text run at (640,105) width 0: " "
23 text run at (0,120) width 656: " table.inner {margin: 20px;} "
24 text run at (656,120) width 0: " "
25 text run at (0,135) width 0: " "
26 text run at (0,150) width 520: "... and differ only in the value of 'padding:'. From top table to"
27 text run at (520,150) width 0: " "
28 text run at (0,165) width 424: "bottom: 0px, 10px, 19px, 20px, 25px. Note that for a "
29 RenderInline {U} at (0,0) size 608x30
30 RenderInline {I} at (0,0) size 608x30
31 RenderText {#text} at (424,165) size 608x30
32 text run at (424,165) width 184: "table over-constrained "
33 text run at (608,165) width 0: " "
34 text run at (0,180) width 160: "within another table"
35 RenderText {#text} at (160,180) size 16x15
36 text run at (160,180) width 16: ", "
37 RenderInline {I} at (0,0) size 184x15
38 RenderInline {U} at (0,0) size 184x15
39 RenderText {#text} at (176,180) size 184x15
40 text run at (176,180) width 184: "when (padding >=margin)"
41 RenderText {#text} at (360,180) size 128x15
42 text run at (360,180) width 128: ", the margin is "
43 RenderInline {I} at (0,0) size 600x30
44 RenderInline {U} at (0,0) size 600x30
45 RenderText {#text} at (488,180) size 600x30
46 text run at (488,180) width 112: "all allocated "
47 text run at (600,180) width 0: " "
48 text run at (0,195) width 176: "to the right hand side"
49 RenderText {#text} at (176,195) size 416x15
50 text run at (176,195) width 416: " of the table (and to the left if 'direction: rtl;'."
51 RenderTable {TABLE} at (0,223) size 600x28 [border: (1px dotted #0000FF)]
52 RenderTableSection {TBODY} at (1,1) size 598x26
53 RenderTableRow {TR} at (0,2) size 598x22
54 RenderTableCell {TD} at (2,2) size 594x22 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
55 RenderText {#text} at (2,2) size 213x18
56 text run at (2,2) width 213: "600px table for width comparison"
57 RenderTable {TABLE} at (0,251) size 650x60 [border: (1px solid #FF0000)]
58 RenderTableSection {TBODY} at (1,1) size 648x58
59 RenderTableRow {TR} at (0,2) size 648x54
60 RenderTableCell {TD} at (2,2) size 644x54 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
61 RenderTable {TABLE} at (22,22) size 600x10 [border: (1px solid #FF0000)]
62 RenderTableSection {TBODY} at (1,1) size 598x8
63 RenderTableRow {TR} at (0,2) size 598x4
64 RenderTableCell {TD} at (2,2) size 594x4 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
65 RenderTable {TABLE} at (0,311) size 650x80 [border: (1px solid #FF0000)]
66 RenderTableSection {TBODY} at (1,1) size 648x78
67 RenderTableRow {TR} at (0,2) size 648x74
68 RenderTableCell {TD} at (2,2) size 644x74 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
69 RenderTable {TABLE} at (22,22) size 600x30 [border: (1px solid #FF0000)]
70 RenderTableSection {TBODY} at (11,11) size 578x8
71 RenderTableRow {TR} at (0,2) size 578x4
72 RenderTableCell {TD} at (2,2) size 574x4 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
73 RenderTable {TABLE} at (0,391) size 650x98 [border: (1px solid #FF0000)]
74 RenderTableSection {TBODY} at (1,1) size 648x96
75 RenderTableRow {TR} at (0,2) size 648x92
76 RenderTableCell {TD} at (2,2) size 644x92 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
77 RenderTable {TABLE} at (22,22) size 600x48 [border: (1px solid #FF0000)]
78 RenderTableSection {TBODY} at (20,20) size 560x8
79 RenderTableRow {TR} at (0,2) size 560x4
80 RenderTableCell {TD} at (2,2) size 556x4 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
81 RenderTable {TABLE} at (0,489) size 650x100 [border: (1px solid #FF0000)]
82 RenderTableSection {TBODY} at (1,1) size 648x98
83 RenderTableRow {TR} at (0,2) size 648x94
84 RenderTableCell {TD} at (2,2) size 644x94 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
85 RenderTable {TABLE} at (22,22) size 600x50 [border: (1px solid #FF0000)]
86 RenderTableSection {TBODY} at (21,21) size 558x8
87 RenderTableRow {TR} at (0,2) size 558x4
88 RenderTableCell {TD} at (2,2) size 554x4 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
89 RenderTable {TABLE} at (0,589) size 650x110 [border: (1px solid #FF0000)]
90 RenderTableSection {TBODY} at (1,1) size 648x108
91 RenderTableRow {TR} at (0,2) size 648x104
92 RenderTableCell {TD} at (2,2) size 644x104 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]
93 RenderTable {TABLE} at (22,22) size 600x60 [border: (1px solid #FF0000)]
94 RenderTableSection {TBODY} at (26,26) size 548x8
95 RenderTableRow {TR} at (0,2) size 548x4
96 RenderTableCell {TD} at (2,2) size 544x4 [border: (1px solid #008000)] [r=0 c=0 rs=1 cs=1]