Nina: Bild und Text innerhalb eines Links vernünftig ausrichten

Beitrag lesen

Hallo an alle,
ich habe folgendes Problem: ich möchte innerhalb eines Links ein Bild und einen Text darstellen. Allerdings ist es so, dass der Text am unteren Rand des Bildes ausgerichtet wird.

Ich möchte jedoch, dass der Text vertikal mittig mit dem Bild ausgerichtet wird. Ich habe bereits im CSS "vertical-align" auf das den Link umgebende <div> angewendet, funktioniert aber trotzdem nicht. Ich würde für dieses Problem ungern eine Tabelle einsetzen.

Hoffentlich ist dieses Problem für Euch nicht zu "anfängerhaft" und ich hoffe mir kann hier jemand helfen.

Danke

Hier das code-snippet:
<div style="vertical-align:top;">
  <a href="#"><img src="../img/contact.gif" alt="Kontakt" title="" width="30" height="20">Kontakt</a>
</div>

Gruss
Nina