::after nach Bild

[lichtheini]

Hallo Forumianer!
Ich habe folgende HTML-Struktur gegeben (jsfiddle):

<div class="js-tools mo-tag-height-from-icon">  
<img class="js-tools-icon-show-hide js-copy-me-page mo-tool-icon mo-icons-icon mo-icons-copy" src="clear.gif" alt="new_page" hspace="0" vspace="0">  
<img class="js-tools-icon-show-hide js-edit-page mo-tool-icon mo-icons-icon mo-icons-page-edit" src="clear.gif" alt="page-edit" hspace="0" vspace="0">  
<img class="js-tools-icon-show-hide js-edit-rename mo-tool-icon mo-icons-icon mo-icons-work" src="clear.gif" alt="work" hspace="0" vspace="0">  
<img class="js-tools-icon-show-hide js-edit-delete mo-tool-icon mo-icons-icon mo-icons-delete" src="clear.gif" alt="delete" hspace="0" vspace="0">  
</div>

Ich möchte gerne neben den Icons auch eine Beschriftung hinzufügen (bearbeiten, löschen, kopieren). Mein erster Ansatz war ::after, aber das scheint nicht nach Bildern zu funktionieren (siehe stackoverflow).
Hat jemand eine zündende Idee/Hack, wie ich dennoch Textelemente einfügen kann?

Hintergrund: Das HTML kommt aus dem Admin-Bereich eines CMS und ich wollte sehr ungerne im HTML/PHP rumpfuschen. Das ginge als Notlösung, müsste ich dann aber bei jedem Update beachten (oder mich endlich mal mit git beschäftigen). Und außerdem ist Validität/Semantik in diesem Fall völlig egal.

Mit besten Grüßen
der lichtheini