Когда не видны пробелы

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

Ответ

Пробелы могут быть не видны в HTML из-за особенностей обработки пробелов браузером. По умолчанию браузер объединяет несколько пробелов в один и игнорирует пробелы в начале и конце строк. **Как сохранить пробелы:** 1. Использовать CSS `white-space: pre` или `pre-wrap` для сохранения пробелов и переносов. 2. В HTML можно использовать тег `
` или символ ` ` для неразрывного пробела.

**Пример:**

```
Hello World
``` **Примечание:** Пробелы в инлайновых элементах (например, между `span`) могут схлопываться, если не задан `white-space`.