white-space: как да запазим новите редове в текст

Полезно е да знаеш

white-space определя как браузърът обработва празните знаци и пренасянето. При обичайното normal поредици от интервали се свиват. pre-wrap запазва интервалите и изричните нови редове, но позволява дългите редове да се пренасят според наличната ширина. [1]

Това е подходящо за кратка бележка, въведена като обикновен текст: авторът може да е разделил адрес или инструкции на редове. С pre-wrap тези разделяния остават видими, без всеки ред да получава отделен HTML елемент.

Съхраняването на whitespace не означава разрешение за изпълнение на HTML. Потребителският текст трябва да се извежда с правилното escaping за приложението; CSS решава само визуалното представяне. Ако има много дълъг адрес без интервали, провери и отделно правило за пренасяне на непрекъснати низове, вместо да очакваш white-space да реши всеки случай.