How to make email addresses safe from bots on a webpage with CSS?

Spread the love

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.

Leave a Reply

Your email address will not be published.