|
1 <!DOCTYPE HTML> |
|
2 <html> |
|
3 <head> |
|
4 <title>Percent widths on table cells</title> |
|
5 <style type="text/css"> |
|
6 |
|
7 table { |
|
8 border-spacing: 3px 5px; |
|
9 padding: 2px 3px 4px 5px; |
|
10 } |
|
11 |
|
12 td { |
|
13 border: none; |
|
14 padding: 0; |
|
15 } |
|
16 |
|
17 </style> |
|
18 </head> |
|
19 <body> |
|
20 |
|
21 <table><tr> |
|
22 <td style="background:yellow" width="40%"><div style="width:100px">x</div></td> |
|
23 <td style="background:aqua" width="40%"><div style="width:100px">x</div></td> |
|
24 <td style="background:fuchsia" width="40%"><div style="width:100px">x</div></td> |
|
25 </tr></table> |
|
26 |
|
27 </body> |
|
28 </html> |