Implementing CSS desigin automaticly (without using <span> )

I'm trying to implement this technique automatically to my nodes: http://www.mandarindesign.com/troops.html

At the moment, I'm using it while adding the nodes.

Do I need to build a hook to get the first character of the node, and put it into a different div class, for that style?