Форматирование строк с помощью CSS

Question

У меня есть строка с несколькими строками, как показано ниже, разделенными несколькими пробелами (или иногда с одним пробелом):

"word1   word2       word3   word4
 word5   word same6  word7   word8"

В моем Javascript я могу разделить, используя \n, но когда я показываю то же самое в CSS-элементе div, он заканчивается в странном формате:

"word1 word2 word3 word4 word5 word same6 word7 word8".

Мой CSS:

.block{
    color: #000;
    border: 1px solid #fff300;
    padding:8px;
    margin:4px;
    width:80%;
    display: block;
}

Как мне отформатировать строку с помощью CSS? Интервал не является одинаковым, и нет гарантии на интервал между словами (и слово может также иметь один пробел).

Answer 1

в пробеле HTML сокращается, если для стиля white-space не установлено другое значение.

Возможно, вы захотите добавить:

white-space: pre;
-or-
white-space: pre-wrap;
-or-
white-space: nowrap;

чтобы правильно отформатировать.

Answer 2

Используйте white-space: pre. Это должно сработать.