<html> <head> <style> #outer { float: left; } #outer:first-letter { float: left; color: magenta; } </style> </head> <body onload="document.getElementById('inner').style.counterReset = 'chicken';"> <div id="outer"><div id="inner"></div>xy</div> </body> </html>