title: How to get table cells evenly spaced?
body: <p>I'm trying to create a page with a number of static html tables on them. </p>
  
  <p>What do I need to do to get them to display each column the same size as each other column in the table?</p>
  
  <p>The HTML is as follows:</p>
  
  <pre><code>&lt;span class="Emphasis"&gt;Interest rates&lt;/span&gt;&lt;br /&gt;
  &lt;table cellpadding="0px" cellspacing="0px" class="PerformanceTable"&gt;
      &lt;tr&gt;&lt;th class="TableHeader"&gt;&lt;/th&gt;&lt;th class="TableHeader"&gt;Current rate as at 31 March 2010&lt;/th&gt;&lt;th class="TableHeader"&gt;31 December 2009&lt;/th&gt;&lt;th class="TableHeader"&gt;31 March 2009&lt;/th&gt;&lt;/tr&gt;
      &lt;tr class="TableRow"&gt;&lt;td&gt;Index1&lt;/td&gt;&lt;td class="PerformanceCell"&gt;1.00%&lt;/td&gt;&lt;td&gt;1.00%&lt;/td&gt;&lt;td&gt;1.50%&lt;/td&gt;&lt;/tr&gt;
      &lt;tr class="TableRow"&gt;&lt;td&gt;index2&lt;/td&gt;&lt;td class="PerformanceCell"&gt;0.50%&lt;/td&gt;&lt;td&gt;0.50%&lt;/td&gt;&lt;td&gt;0.50%&lt;/td&gt;&lt;/tr&gt;
      &lt;tr class="TableRow"&gt;&lt;td&gt;index3&lt;/td&gt;&lt;td class="PerformanceCell"&gt;0.25%&lt;/td&gt;&lt;td&gt;0.25%&lt;/td&gt;&lt;td&gt;0.25%&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;span&gt;Source: Bt&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;
  
  &lt;span class="Emphasis"&gt;Stock markets&lt;/span&gt;&lt;br /&gt;
  &lt;table cellpadding="0px" cellspacing="0px" class="PerformanceTable"&gt;
      &lt;tr&gt;&lt;th class="TableHeader"&gt;&lt;/th&gt;&lt;th class="TableHeader"&gt;As at 31 March 2010&lt;/th&gt;&lt;th class="TableHeader"&gt;1 month change&lt;/th&gt;&lt;th class="TableHeader"&gt;QTD change&lt;/th&gt;&lt;th class="TableHeader"&gt;12 months change&lt;/th&gt;&lt;/tr&gt;
      &lt;tr class="TableRow"&gt;&lt;td&gt;index1&lt;/td&gt;&lt;td class="PerformanceCell"&gt;1169.43&lt;/td&gt;&lt;td class="PerformanceCell"&gt;5.88%&lt;/td&gt;&lt;td class="PerformanceCell"&gt;4.87%&lt;/td&gt;&lt;td class="PerformanceCell"&gt;46.57%&lt;/td&gt;&lt;/tr&gt;
      &lt;tr class="TableRow"&gt;&lt;td&gt;index2&lt;/td&gt;&lt;td class="PerformanceCell"&gt;1958.34&lt;/td&gt;&lt;td class="PerformanceCell"&gt;7.68%&lt;/td&gt;&lt;td class="PerformanceCell"&gt;5.27%&lt;/td&gt;&lt;td class="PerformanceCell"&gt;58.31%&lt;/td&gt;&lt;/tr&gt;
      &lt;tr class="TableRow"&gt;&lt;td&gt;index3&lt;/td&gt;&lt;td class="PerformanceCell"&gt;5679.64&lt;/td&gt;&lt;td class="PerformanceCell"&gt;6.07%&lt;/td&gt;&lt;td class="PerformanceCell"&gt;4.93%&lt;/td&gt;&lt;td class="PerformanceCell"&gt;44.66%&lt;/td&gt;&lt;/tr&gt;
      &lt;tr class="TableRow"&gt;&lt;td&gt;index4&lt;/td&gt;&lt;td class="PerformanceCell"&gt;2943.92&lt;/td&gt;&lt;td class="PerformanceCell"&gt;8.30%&lt;/td&gt;&lt;td class="PerformanceCell"&gt;-0.98%&lt;/td&gt;&lt;td class="PerformanceCell"&gt;44.52%&lt;/td&gt;&lt;/tr&gt;
      &lt;tr class="TableRow"&gt;&lt;td&gt;index5&lt;/td&gt;&lt;td class="PerformanceCell"&gt;978.81&lt;/td&gt;&lt;td class="PerformanceCell"&gt;9.47%&lt;/td&gt;&lt;td class="PerformanceCell"&gt;7.85%&lt;/td&gt;&lt;td class="PerformanceCell"&gt;26.52%&lt;/td&gt;&lt;/tr&gt;
      &lt;tr class="TableRow"&gt;&lt;td&gt;index6&lt;/td&gt;&lt;td class="PerformanceCell"&gt;3177.77&lt;/td&gt;&lt;td class="PerformanceCell"&gt;10.58%&lt;/td&gt;&lt;td class="PerformanceCell"&gt;6.82%&lt;/td&gt;&lt;td class="PerformanceCell"&gt;44.84%&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;span&gt;Source: B&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;
  </code></pre>
  
  <p>I'm also open to suggestion on how to tidy this up, if there are any? :-)</p>
  
  <p><strong>edit:</strong> I should add that the cellpadding &amp; cellspacing attributes are require by a 3rd party PDF conversion app that we use</p>