How to set a td's width to 0

Question

How can I set the width of an td to 0? I have a td without any content in it but it has always a width of 2px.

My first suspicion was the border-spacing property but setting it to 0 doesn't help neither.

    <table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

See Sample

Answer 1

Set tds padding to 0 adding padding: 0; to your td css rule.

Answer 2

You'll need to remove the padding. ( td { padding: 0; })

Modern web browsers make it quite easy to track down questions like this. For example, using the Chrome Developer tools you can highlight the element and take a look at the Metrics tab and find out what is causing your width.