Ограниченное количество букв (символов) в названии группы

Здравствуйте! Помогите с котом, который установит определённое количество символов (букв) в названии группы. Дело в том, что длинные названия толкают соседние группы и вся красота нарушается.

Владимир (Otshelnik-Fm) сказал(а)

Станислав сказал(а)
толкают соседние группы

когда длинное название рвет шаблон - это проблема верстки. Стоит просто подправить вёрстку

не спорю, но сделал как мог. просто длинные названия ни к чему

Владимир (Otshelnik-Fm) сказал(а)
на css в одну строку легко обрезаются заголовки и троеточия дописываются

Вы не можете просматривать опубликованные ссылки

- и это круто чем ограничивать юзеров надуманными проблемами. Так ниодна соцсеть не делает. Все ради удобства и минимум ограничений

Да и с кодом - костыли выйдут.

Спасибо за подсказку, только вот что-то не так всю ночь шло... всю ночь пытался):
Вот как без кода:

А вот как с кодом получается:

какие варианты только не подбирал. не получилось...

.group-name {
    background:none; /* Цвет фона */
    padding: 10px; /* Поля вокруг текста */
    white-space: nowrap; /* Текст не переносится */
    width-max: 200px;
    overflow: hidden; /* Обрезаем всё за пределами блока */
    text-overflow: ellipsis; /* Добавляем многоточие */
   }

Неужели...

/*троеточие в названиях групп*/
 .group-name { 
  width: 250px;
display: -webkit-box;
-webkit-line-clamp: 1; // количество строк
-webkit-box-orient: vertical;
overflow: hidden;
}