How to cut string by like?

Question

css

There are ul>li*3>span TEXT, which are inline. Is it possible to do something so that if, when the width set by ul is increased, words that go beyond the boundaries are cut off and dots appear? I just want to emphasize once again that you need to cut not by letter, but by word.

Answer 1

text-overflow: ellipsis;