CSS to prevent an inline item from increasing parent items size?
I have a `<span>` element inside a `<td>` cell. I'm trying to figure out what CSS rules to use to force the `<span>` content to wrap to a new line instead of causing the `<td>` item to expand. 

The problem is that the table width isn't 100% of it's parent container. I don't want to force the table to a certain size, I just want to exclude this particular content from being included in the table's size calculations.


Is this possible? If so, how?
CSS to prevent an inline item from increasing parent items size?
===

I have a `<span>` element inside a `<td>` cell. I'm trying to figure out what CSS rules to use to force the `<span>` content to wrap to a new line instead of causing the `<td>` item to expand. 

The problem is that the table width isn't 100% of it's parent container. I don't want to force the table to a certain size, I just want to exclude this particular content from being included in the table's size calculations.


Is this possible? If so, how?