String replacement via jQuery and bidi rtl via CSS were suggested previously. The problem with direction: rtl; is that if someone copy-pastes the email address, it comes out in reverse:
<a href="mailto:address@to.be.replaced.by.jQuery" id="lnkMail">moc.elpmaxe@em</a>
Instead of using using rtl, would it be safe to split the inner html of the <a> element into multiple <span> elements? For example:
<a href="mailto:address@to.be.replaced.by.jQuery" id="lnkMail">
<span>me@</span>
<span>example</span>
<span>.com</span>
</a>