One-Line CSS Ellipsis

The key to the ellipsis are the following things:

• Set text text-overflow to ellipsis

• Set the element to have a max-width. It should be displayed either block or inline-block.

• Set white-space to nowrap

• Set the overflow to hidden

Like so:

text-overflow: 'ellipsis';max-width: '10em';
white-space: 'nowrap';
overflow: 'hidden';