Mehrere Inline-Elemente nebeneinander in CSS

Wenn mehrere Inline-Elemente nebeneinander angeordnet werden, reihen sie sich in einer Zeile an:

html<span>text</span>
<span>text</span>
<span>text</span>

cssspan {
  border: 1px solid red;
}

Результат: