<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>