Hide your email address from robots, not from your readers

from http://www.frontpagewebmaster.com/m-182541/tm.htm
RE: You can use css to help defeat spam harvester botsbots
- 2/14/2004 18:51:41
The css code is this:
.backwards {
font-family: Verdana, Tahoma, Arial; Lucida, Sans-Serif;
font-size:1.5em ;
color: #800000;
unicode-bidi: bidi-override;
direction: rtl;
then replace the @ sign with its code, which is @
The html code on your page would be this:

Why not email me at <span class="backwards">moc.niamodelpmaxe&#64;uoy</span>

Your code contains moc.niamodelpmaxe&#64;uoy so any bot looking at the source sees that nonsense, and not an email address, whereas the user at a screen sees you@example.com which crucially doesn't appear anywhere in the code.

Here it is moc.niamodelpmaxe@uoy inside a span. A span takes up just the space it needs, so looks OK on the page.
If you don't put it in a span it will be right-justified on the page (as its right-to-left text) so if it were in a paragraph, for example, you'd need to add text-align:left; to the style sheet to avoid it looking like this:


which is in its own paragraph.