images per CSS definieren (ohne Block-Element?)

[Fux]

Hallo zusammen!
Wusste ich doch, dass ich hier ruckzuck hilfreicht Antworten bekomme.
Danke an Alle!

Ich ergänze noch: Soll in jedem Kontext funktionieren, insbes. im Fließtext.

Hier zusammengefasst alle Ergebnisse und Bewertungen:

inline-block wäre die Lösung gewesen (hab ich auf selfthtml-Seite für display nicht wahrgenommen).
Jedoch, jetzt hab ich den Ehrgeiz entwickelt, valide zu codieren.

<a href="#verteiler"><div class="linkArrow"></div>Mail-Verteiler</a>
Das ist invalides HTML: a-Elemente dürfen keine Blockelemente enthalten.

@Jens

<a href="#verteiler" class="linkArrow">Mail-Verteiler</a>
Versuchs mal damit, das Block-Element <div> ist hier völlig überflüssig.

So?? Damit hab ich mein Image unter dem Linktext liegen nicht links davor!
s. u. Demo im Link!

@...
margin-right funktioniert (wie in CSS 2.1 spezifiziert) und das ist auch gut so - dann hab ich die Möglichkeit, bei einem anderen Image auch border und (darinnen) padding zu haben.

@Marc
linkArrow ist dämlich - hast Du recht! besser linkIcon
Das von Dir vorgeschlagene ul kann IMHO so nicht funktionieren (falls Du Dich nicht verschrieben hast). ul gestylet und auf li soll es wirken??

Und hier alle Vorschläge zusammengefasst und meine *** Lösung = button ***!:
http://ai-ti.net/test/images_im_CSS_definiert.html
Ist valide! (bis auf das o. g. div im a-Tag)

Gruß Robert