Bei Anzeige von inline Elementen fügt der Browser Abstände ein

[Viktoria]

Hallo zusammen,

ich habe folgendes Problem:
ich möchte mehrere Span-Elemente nebeneinander anzeigen. Das Problem welches dabei entsteht ist, dass sowohl IE als auch Firefox einen Abstand zwischen die Elemente einfügen.

Der Code sieht so aus, dass ich in einem <div> drei <span> habe welche jeweils einen Link enthalten.

Der oben beschriebene Effekt tritt nur dann auf, wenn ich im code das <span> Element und das Link Element in eine Codezeile schreibe. Sobald ich die Elemente in unterschiedliche Zeilen schreibe tritt der Effekt nicht auf.

Leider werden mehrere Leute an den HTML Seiten arbeiten und ich kann nicht wissen wie die Entwickler ihren Code gestalten werden.

Daher meine Frage: gibt es eine Möglichkeit das Aussehen einheitlich zu gestalten unabhängig davon wie der Code geschrieben ist?

Anbei noch mein Beispielcode:
span {
 margin: 0px;
 padding:0px;
 background-color: #B4C6D9;
}
//Darstellung ohne Abstand
<div>
 <span>
  <a  href="#">Link 1</a>
 </span>
 <span>
  <a  href="#">Link 2</a>
 </span>
 <span>
  <a  href="#">Link 3</a>
 </span>
</div>

//Darstellung mit Abstand
<div>
 <span><a  href="#">Link 1</a></span>
 <span><a  href="#">Link 2</a></span>
 <span><a  href="#">Link 3</a></span>
</div>

Vielen Dank im Voraus
Liebe Grüße
Viktoria