Question

I have a a td with an inline style setting its width as a percentage. I can modify the css but not the html.

How can I make the td only take up the width required by its contents?

The following CSS doesn’t work:

td#my 
{
    width: auto !important;
}

Answer 1

Table cells are auto width by default, they however take up the minimum width of the widest cell in their column. So take this for example

td1|td2|td3|

1  |2  |3  |

Those cells will all be the same width based on the first row. There is no way I can think of to force it to do this:

td1|td2|td3|

1|2|3|

Which is what it sounds like you’re trying to do, not without changing the HTML anyway.