СВОЙСТВО WHITE-SPACE

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

Поддержка браузеров


8+

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit

Значение	Описание
normal	Строки переносятся автоматически. Это значение по умолчанию.
nowrap	Текст будет отображаться в одну строку. Переносить текст на другую сможно будет только тегом `<br>`.
pre	Все пробелы и переносы будут осуществлятся так, как в HTML коде. Работает как тег `<pre>`.
pre-line	В тексте пробелы не учитываются, текст автоматически переносится на следующую строку, если он не помещается в родительский элемент.
pre-wrap	В тексте сохраняются все пробелы и переносы, но если строка не помещается в родительский элемент, то текст будет перенесен автоматически.
initial	Устанавливает значение по умолчанию.
inherit	Унаследует значение свойства от родительского элемента.

<p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis imperdiet pulvinar felis.
</p>

HTML

p {
    width:250px;
    background: #f1f1f1;
    padding: 20px;
    white-space: nowrap
}

CSS