Colspan Summary

A simple cost table uses colspan so the Total label covers two columns while the final amount stays aligned.

Program

Column spans merge cells horizontally. They are common in summary rows that need a wide label and one final value.

colspan_summary.html

<table>
  <tr><th>Item</th><th>Qty</th><th>Cost</th></tr>
  <tr><td>Badges</td><td>4</td><td>$20</td></tr>
  <tr><td colspan="2">Total</td><td>$20</td></tr>
</table>

colspan The colspan attribute lets one cell occupy multiple columns.

summary row A summary row totals or describes the data rows above it.