html. Не отображает более 2 пробелов

На днях столкнулся с проблемой - В строке между словами было 2 пробела и их необходимо было отобразить, но по какой то причине в браузере отображало только один пробел.

Сначала я думал, что проблема в шаблонизаторе и он по какой то причине удаляет множественные пробелы.
Но при дампе переменной со строкой было несколько пробелов.
И тут меня посетила мысль, что проблема может происходить из за браузера при отображении HTML.
Поизучав проблему подробнее я нашел CSS свойство white-space, которое устанавливает, как отображать пробелы между словами.
По умолчанию HTML на web странице отображает любое количество пробелов как один.

У свойства white-space есть несколько значений:


Для решения моей проблемы мне помогло CSS свойство white-space со значением pre.
Пример кода:

<style>
.show-spaces {
    white-space: pre;
}
</style>

<p class="show-spaces">Hello  world!</p>

В результате теперь между словами "Hello world!" отображаются 2 пробела.

Hello  world!

Если вы столкнулись с похожей проблемой, то данная статья может помочь с решением проблемы.