CSS After Element to insert mailto link?

Question

I'm attempting to display a mailto link. Is that possible with CSS?

html

<li class="fe footer_no_link"></li>

css

.footer_column .fe:after {content:"<a href="mailto:[email protected]">[email protected]</a>"; }

Answer 1

Your value wasn't appearing because the speech marks needed escaping, or changing:

.fe:after {content:"<a href='mailto:[email protected]'>[email protected]</a>"; }​

http://jsfiddle.net/Cb2ry/

Even then though, your content will just display as static text, rather than rendered.