Пробелы между элементами блока игнорируются. Однако пробелы между встроенными элементами преобразуются в одно пространство. Причина заключается в том, что встроенные элементы могут чередоваться с обычным внутренним текстом родительского элемента.
Рассмотрим следующий пример:
<p>This is my colored <span class="red_text">Hello</span> <span class="blue_text">World</span> example</p>
В идеальном случае вы хотите, чтобы пользователь увидел
This is my colored Hello World example
Удаление пробела между двумя промежутками, однако, приведет к:
This is my colored HelloWorld example
Но тот же самый пример может быть переписан автором (с OCD о форматировании HTML :-)) как:
<p>
This is my colored
<span class="red_text">Hello</span>
<span class="blue_text">World</span>
example
</p>
Было бы лучше, если бы это было сделано в соответствии с предыдущим примером.