CSS text-truncate скрывает только внутренний элемент ⇐ CSS

[Anonymous]

Пример ниже скрывает надпись «Выполняется» внутри элемента span. Как я могу это показать? Я использую усечение текста. На выходе это выглядит так: «Песня на день рождения Песня на день рождения...» Результат должен быть таким: «Песня на день рождения Песня на день рождения День рождения идет...». Я также пытался добавить усечение текста в элемент span, но та же проблема.









.left { ширина: 60%; } .событие { цвет: вар(--черный); размер шрифта: 1,25рем; межбуквенный интервал: -.025рем; нижняя граница: .62rem; } .event диапазон { цвет: вар(--индиго); размер шрифта: .75rem; шрифт-вес: 600! важно; высота строки: нормальная; заполнение: .25rem .5rem; граница-радиус: 2rem; фон: var(--indigo-light); поле слева: .5rem; Песня на день рождения Песня на день рождения В процессе