Как в HTML+CSS вырезать строку если ширина уменьшилась после определенного размера?

Question

[eldar_web]

Допустим, есть строка в div-е:
"Сервис вопросов и ответов для IT-специалистов"

Как сделать если ширина этого дива стала меньше 300px, то строка вырезалась и в конце были точки???

Answer 1

[Ivan Bogachev]

Вы имеете ввиду text-overflow: ellipsis?
codepen

Answer 2

[Михаил]

https://jsfiddle.net/mb9dtxw7/