Как запретить перенос строки CSS

Чтобы запретить перенос строки в CSS, можно использовать свойство white-space со значением nowrap:

selector {
  white-space: nowrap;
}

Это свойство указывает браузеру не переносить текст на новую строку, если он не помещается в заданную ширину элемента. Текст будет продолжаться на одной строке, пока не будет достигнут конец элемента или не будет указано другое свойство для переноса строки.