Как перенести слова в CSS

Для переноса слов в CSS используется свойство word-wrap или свойство white-space.

Свойство word-wrap позволя задать перенос слов внутри элемента, если они не помещаются в одну строку. Пример использования:

div {
  word-wrap: break-word;
}

Свойство white-space позволяет задать, как браузер должен обрабатывать пробелы и переносы строк внутри элемента. Пример использования:

div {
  white-space: pre-wrap;
}

В данном примере свойство pre-wrap позволяет сохранять переносы строк и пробелы внутри элемента.