In a container with a fixed width of 500px, I have a table that contains a cell with potentially long text. To ensure the long text appears on a single line, I set the white-space: nowrap property. However, this causes the table to adjust its size to accommodate the entire text, disregarding the 500px width limit.
My goal is for the table to maintain a width of 500px and display a horizontal scroll bar within the cell containing the lengthy text.
You can view the issue in my code on jsfiddle here: https://jsfiddle.net/aqd1c8tk/