The nice solution is to add some dots just before the end
This is a simple yet elegant solution when you have a container and the text inside it does not have enough space. No JavaScript required.
You eater add the dots just before the end with text-overflow:ellipsis; or simply clip the text with text-overflow:clip;
Result Box
- html
- css
