hi, mellojoe.
if you’re still reading this, there’s a way to do it without putting in a span.
in the template i use, this works:
div.entry-content p:first-child:first-letter {
float:left;
font-size:5em;
margin-right:.06em;
line-height:90%;
}
each post is enclosed in a div which has an “entry-content” class. what this css does is say “find the first paragrah tag and apply this style to the first letter in it.” that way you don’t end up with the first letter of every paragraph for that post.
you’d think you could just apply first-letter directly to the div, but you can’t. i’m not sure why.
this works in safari, firefox and i believe IE7 but not IE6.
