Обратите внимание на отступы, которые есть между строчными элементами в предыдущем примере. Эти отступы представляют собой банальные символы пробела между словами текста. Убедится в этом можно, если в HTML коде написать эти теги без пробелов:
<span>text</span><span>text</span><span>text</span>
span {
border: 1px solid red;
}
Результат выполнения кода: