В случае, когда текст не влезает в ширину блока, есть несколько вариантов его визуализации:
- Разрешить ему вылезать за пределы блока. В большинстве случаев смотрится весьма косячно.
- Обрезать текст по границе блока. То же смотрится некузяво.
- Обрезать и нарисовать скроллинг. Это вообще жуть какая-то.
- Обрезать и сделать плавное затухание к краю так чтобы места обрезания букв не было видно. Сложно применять в случае неоднородного фона. Приходится вручную прятать затухание, когда текст имеет ширину меньше или равную ширине блока.
- Укорачивать текст, вставляя вконце многоточие.