white-space: nowrap; Запрещаем перенос текста на новую строку.
Перенос строки в HTML
Используйте тег </br>, чтобы добавить в документ отдельную строку текста, когда нет надобности создавать новый параграф:
<html>
<head>
<title> Первая страница </title>
CSS Hyphenation — перенос слов в 2019 году
От автора: недавно я работал над веб-сайтом, который использовал большие заголовки (имеется в виду размер шрифта), а также был доступен на немецком языке. Это означает, что часто на нем встречались довольно длинные слова, и они часто не помещались в контейнер. Если ничего не делать, это «сломало бы» макет, так как появилась бы горизонтальная полоса прокрутки. Итак, я перечитал статью, которую написал почти четыре года назад о работе с длинными словами и реализовал окончательное решение. Казалось, что это все еще отлично работает, но с этим подходом были некоторые проблемы...