Как работает ellipsis?

Question

[Skrolea]

Обрезаю текст на нескольких линиях (хочу, чтобы текста было не больше четырех линий), текст обрезается, но не добавляется троеточие в конце. Как добавить? Или тут что-то надо делать с блочным элементом?

.card__description p{
    display: block; 
    display: -webkit-box;
    height: 78.4px; /* шрифт умножил на line-height и на количество строк */      
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

codepen.io/TsarS/pen/ZeWVwB

Upd Сделал