Margens entre elementos inline em CSS
Observe as margens que existem entre os elementos inline no exemplo anterior. Essas margens representam os simples caracteres de espaço entre as palavras do texto. Para confirmar isso, basta escrever essas tags sem espaços no código HTML:
<span>texto</span><span>texto</span><span>texto</span>
span {
border: 1px solid red;
}
: