How can you make a <a> tag use the text-overflow: ellipsis property? I have long link names that I would like to truncate.

Here is my attempt using the usual text-overflow approach.

http://jsfiddle.net/2Wg8N/

html anchor css
Edit
Report