Чтобы текст отображался в одну строку с помощью CSS, вы можете использовать следующие методы:

1. Использование свойства «white-space»:

   .your-element {
    white-space: nowrap;
   }

   Это свойство предотвращает перенос текста на следующую строку и сохраняет его в одной строке.

2. Использование свойства text-overflow:

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

   Этот метод усекает текст с помощью многоточия (…), если он выходит за пределы ширины контейнера.

3. Использование свойства display:

   .your-element {
    display: inline;
   }

   Если для свойства display установлено значение «inline», текст будет отображаться в одну строку.

4. Использование свойства “flex”:

   .your-element {
    display: flex;
   }

   При использовании свойства «flex» текст будет вынужден оставаться в одной строке внутри гибкого контейнера.