Favicons Next To External Links : I've had this JSFiddle from CSS Wizardry open for like 2 weeks in my browser. I kept thinking about it, because before that I got an email from someone asking about essentially the same thing and it stuck in my head. They were wanting to insert a favicon next to links and use only CSS to do it. Unfortunately I haven't found a way to do exactly that, but using some jQuery we can do it pretty easily. The "I Wish" CSS Only Technique What would be nice is if you had simple semantic HTML like this: <a href="http://github.com">GitHub</a> And then you could access everything you needed to insert a background image of the favicon using a service like getFavicon . /* Fair warning, this doesn't work */ a[href^="http"]:before { content: url(http://g.etfv.co/ + attr(href) + ); } Maybe the syntax wouldn't be exactly like that, but something like it. The point is, you can't mix up the url() synta