Как обернуть между, но не внутри? [Дубликат]

Добавлены специфические значения webkit, отсутствующие выше

white-space: -moz-pre-wrap; /* Firefox */
white-space: -o-pre-wrap; /* Opera */
white-space: pre-wrap; /* Chrome */
word-wrap: break-word; /* IE */

Интересно, почему вы находите в качестве решения «белое пространство» с «nowrap» или «pre», это не делает правильного поведения: вы заставляете текст в одной строке! Текст должен разбивать строки, но не прерывать слова по умолчанию. Это вызвано некоторыми атрибутами css: word-wrap, overflow-wrap, word-break и дефисами. Таким образом, вы можете либо:

word-break: break-all;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;

. Поэтому решение удаляет их или переопределяет их с помощью «unset» или «normal»:

word-break: unset;
word-wrap: unset;
overflow-wrap: unset;
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;

UPDATE: я также предоставляю с помощью JSfiddle: https://jsfiddle.net/azozp8rr/