I just learned a new way to leave your email on web safely.

This is your html code:
<p id="email">Email me if you like:</p>

This is your css code:

#email:after{
/* \40 is a character entity for the '@' symbol */
content: "yourname\40somedomain.com";}

The code explains itself. A human visitor will see the following text in their browser:

Email me if you like: yourname@somedomain.com