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