Form (with firebug highlight hover the td):
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.
This question is related to
html
css
css-tables
The answer is
maybe problem with margin?
width:auto;
padding: 0px;
margin: 0px
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 :)
Source: Stackoverflow.com