title: Display total below HTML/CSS table
body: <p>I have created some tables which display transactions with the last column being the amount fields. I need to display a total/subtotal just below this column. The problem is my table columns are set to % widths. </p>
  
  <p>How can I ensure that the field displaying the total amount will be below the amount columns.</p>
  
  <p>I think I need some kind of CSS code to keep the total field(div/span) tied to the table width but I am not sure how to do this.</p>
  
  <p>Thanks.  </p>
  
  <p>Example:</p>
  
  <pre><code>Col1 Col2 Col3 Amount
  A      B    C    100
  D      E    F    100
            Total: 200
  </code></pre>
  
  <p>EDIT: I should also have said that this table is dynamic. Its created using Visualforce (a native force.com language). The UI is then rendered into HTML and I do have CSS to format the resulting HTML table. Since I have no idea in advance of how many rows I can have, I cannot simply add a row for the totals and wanted to see if there was a better solution. </p>