Lock table cells to 50% width - no exception
 

Hello, everyone.

I've got a dynamic site that I'm working on, and I'm trying to lock two table cells that are next to each other so that they will lock rigidly at 50% of the width of the table.

Sometimes the cell on the right will have an unbroken string of data, forcing it to take 80% of the width, squeezing the left cell.

How can I prevent this from happening? I've set the CSS properties of the class to:
.. but it's not working.

Thank you,

I added style="table-layout:fixed;" to the table and that fixed it.