CSS – проблема между пробелами и зажимом строки webkit ⇐ CSS

[Anonymous]

У меня такая проблема. У меня есть 3 строки текста и многоточие. Мне нужны слова целиком, а не вырезать их, но если я добавлю пробелы, строка преобразуется только в 1. Любая помощь? есть ли проблема совместимости? Скрипка: https://jsfiddle.net/vxfy0Lna/1/

.clinic-description { семейство шрифтов: OpenSans, без засечек; шрифт-вес: 600; -webkit-font-smoothing: сглаживание; переполнение: скрыто; дисплей: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: вертикально; текст-выравнивание: по центру; поле снизу: 16 пикселей; Lorem ipsum боль сидит amet, consectetur adipiscing элита, sed do eiusmod tempor incididunt из родов и боли12345678 magna aliqua. А некоторые и минимум, кому не нужны упражнения, даже трудовые, и немного бывшие, и удобные consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat zero pariatur. Exceptor sint occaecat cupidatat non proident, sunt in culpa who officia deserunt mollit anim id est Laborum.