Почему несколько пробелов в IDE отображаются в браузере как один

«Почему несколько пробелов в IDE отображаются в браузере как один» — вопрос из категории HTML, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

В HTML последовательные пробелы, табуляции и переносы строк автоматически сворачиваются в один пробел. Это поведение определено спецификацией HTML и называется "whitespace collapse". Чтобы сохранить пробелы: 1. Используйте тег `
` для сохранения форматирования
2.  Примените CSS свойство `white-space: pre` или `white-space: pre-wrap`
3.  Используйте HTML-сущность ` ` для неразрывных пробелов

Пример:

```
Multiple spaces
```