Sometimes, we want to make email addresses safe from bots on a webpage with CSS.
In this article, we’ll look at how to make email addresses safe from bots on a webpage with CSS.
How to make email addresses safe from bots on a webpage with CSS?
To make email addresses safe from bots on a webpage with CSS, we reverse the text rendered.
For instance, we write
<span class="reverse">moc.abc@abcd.com</span>
to add a span with an email address.
Then we write
span.reverse {
unicode-bidi: bidi-override;
direction: rtl;
}
to reverse the text direction with direction: rtl;.
Conclusion
To make email addresses safe from bots on a webpage with CSS, we reverse the text rendered.
