Question

I have a table with this configuration:

<table width = "100%" border = "0" align = "center">
  <tr>
    <td width = "200px" align = "center"></td>
    <td align = "center"></td>
  </tr>
</table>

Because the first column causes the data in column to to be offset from the center by 200px, is it possible to use some calculation, whether it be for CSS, or possibly, HTML, to center the content in column 2 and then move it to the left 200px to compensate for column 1’s width?

Answer 1

Try this:

<table width = "100%" border = "0" align = "center">
  <tr>
    <td width = "200px" align = "center">test</td>
    <td align = "center"><div style="margin-left:-200px;">test</div></td>
  </tr>
</table>​​​​​​​​​​​

Ex: http://jsfiddle.net/DrSDr/2/