Align a block outside of a table, with a cell in the table <p>I have a table with the following format:</p> <pre><code>&lt;a id="posMe"&gt;Age&lt;/a&gt; &lt;table&gt; &lt;thead&gt; &lt;th id="name"&gt;name&lt;/th&gt; &lt;th id="age"&gt;age&lt;/th&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td nowrap=""&gt;a&lt;/td&gt; &lt;td nowrap=""&gt;11&lt;/td&gt; &lt;/tr&gt; ... &lt;/tbody&gt; &lt;/table&gt; </code></pre> <p>I want 'posMe' to be aligned with the 'age' column.</p> <p>However, since I don't know what will be the width of "name", I can't position it statically, nor do I have any idea how to do this using javascript (or is there another way?)</p> <p>I can't add it as part of the thead, since I'm using some black box javascript for sorting, and it requires this format.</p> <p>Can this be done? Thanks for any help</p>