Icons on Right:
<link rel="stylesheet" type="text/css" href="http://cachefile.net/graphics/iconize/cachefile/iconize.css" />
Icons on Left (demonstrated below):
<link rel="stylesheet" type="text/css" href="http://cachefile.net/graphics/iconize/cachefile/iconize_left.css" />
Links are fun, but sometimes we don't know where they take us. With this little CSS technique a user can identify a link by its icon, kind of. This whole thing was inspired by the "Showing Hyperlink Cues with CSS" article of Ask the CSS Guy.
The idea is pretty simple, if a link points to a .pdf file, we show the .pdf icon after or before the link.
Here are some more examples which i already implemented: