Problem description

Implement a table layout where specific cells truncate long content with ellipsis on a single line without breaking the table width.

Goal

Ensure overflowing text within table cells is truncated to a single line and indicated with an ellipsis.

Constraints

• Use HTML table structure.

• Do not alter table width or cell alignment.

• Use only HTML and CSS.

Sample visual output

Here’s what the output would look like:

Good luck trying the problem! If you’re unsure how to proceed, check the Solution.