When text is too long

/* Avoids text being rendered outside the container */
overflow: hidden;
/* Avoid text going to multiple lines */
white-space: nowrap;
/* Sets the ... once the text overflows */
text-overflow: ellipsis;

Посмотреть пример вот здесь – https://vahro.ru/other/kolonki-dlya-spiskov/