In an HTML table, how can I center the contents of the cells (not the table itself)?

Question

Given that I'm allowed to use static JS and HTML tags (only those supported by IE6), how can I center the contents of the cells in an HTML table (not the table itself)?

Answer 1

Using the css style text-align: center;, either as an inline style (below) or as a css style applied to all <td> elements (as suggested in Joel's answer).

<td style="text-align:center;">
    Table contents here
</td>

Answer 2

Use the align attribute for <td>.

Answer 3

IE 6 supports CSS. In the head of the document:

<style type="text/css">

td {
    text-align: center;
}

</style>

If you have more than one table and only want to do this to a specific table, you can use the selectors to get even more granular.

Answer 4

This is a solution with only html tags.

<table>
  <tr>
    <td><center>Data</center></td>
  </tr>
</table>

But the other solutions are better in view of best practices