Quelltext Strukturierung und Auswirkung auf die Anzeige

[Anja]

Hallo zusammen,

wie kann ich vermeiden, dass Leerzeichen, Tabulatoren und Zeilenumbrüche im Quelltext sich auf das Aussehen der Seite auswirken?

Ich habe folgenden Code:

<a style="background-color: red;" href="">
  <img src="../img/bild.gif">
</a>

<a style="background-color: red;" href=""><img src="../img/bild.gif"></a>

Es handelt sich dabei um den gleichen Link. Beim ersten Link wird rechts und unter dem Bild die rote Hintergrundfarbe des a-Tags sichtbar.

Der Grund dafür liegt in der Strukturierung meines Quellcodes.
Die CSS-Eigenschaft white-space habe ich bereits untersucht, aber ohne Erfolg.

Weiss vielleicht jemand von Euch wie ich dieses Problem vermeiden kann?

Hintergrund der Frage: ich erstelle Templates und kann somit nicht sicherstellen, dass die Nutzer dieser Templates den Link nicht mal ohne und mal mit Zeilenumbrüchen im Quellcode verwenden.

Danke im Voraus
Gruss
Anja