Не срабатывает css

Привет всем, хочу сделать укороченный текст в css без переноса на другую строку "Текст..."
Прописываю код:

css

   .ws-nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

Подключаю стиль в нужное место но троеточие не появляется...

html

   <div class="side-block__content ws-nowrap"> 
 {custom limit="6" template="custom-popular"} 
 </div>

Обрезка текста без ... а надо с ...

20230318_124059.png 72.6 Kb ⬇ 164

КОТЭЙКА , наверно легче

php

   <?php 
 echo mb_strimwidth("Hello World", 0, 10, '...', 'UTF-8'); 
 // Выведет "Hello W..." 
 ?>

________
посл. ред. 18.03.2023 в 12:54; всего 1 раз(а); by airo

airo , Куда мне это пихать?

КОТЭЙКА , вместо той переменной которая выводит сериал. вообще скинул бы код вывода

Надо применять обрезку для конкретного блока с текстом, а не всего контейнера

Пиши в лс, помогу

КОТЭЙКА [!] (18 мар 2023, в 12:57)

airo , Куда мне это пихать?

Туда, о чем мы подумали