In general, when text string is out of limit, we can use text-overflow: ellipsis to show ellipsis, but what is we want set ellipsis on left?

Only one css attribute: direction: rtl;

Demo: image

Docs: https://developer.mozilla.org/zh-CN/docs/Web/CSS/direction

The direction CSS property sets the direction of text, table columns, and horizontal overflow. Use rtl for languages written from right to left (like Hebrew or Arabic), and ltr for those written from left to right (like English and most other languages).

Codepen demo:

See the Pen by (@justforuse) on CodePen.

πŸ‘‡ Please leave your comment if you like this.πŸ‘‡