Question: **Form** (with firebug highlight hover the td):

[![example](https://i.stack.imgur.com/OYgFV.png)](https://i.stack.imgur.com/OYgFV.png)

**Label column CSS**:

```
width: auto;
padding: 0;
margin: 0;

```

**The problem**:

Why my left columns have that invisible "padding-right"? It's not possible to shrink columns to fit their content?

**--EDIT--**

The problem was the table itself. I defined table with "width: 100%". Removed that and the problem is gone.

Answer: 
The problem was the table width. I had used `width: 100%` for the table. The table columns are adjusted automatically after removing the width tag.
If you want the table to still be 100% then set one of the columns to have a width:100%; That will extend that column to fill the extra space and allow the other columns to keep their auto width :)