for the first letter of the sentence. I only want to apply the dropcap to the letter of the post (which all ways starts after an opening quote) and not the beginning of each paragraph.
It seems to work just fine, but I'm sure it's not the right way to do it. Should I be using a class like:
Take a look at this page, from the venerable CSS-Tricks website, or this one for explanations on how to create drop caps for the web.
And, technically speaking, since your initial cap doesn't drop below the baseline, it's not a drop cap. And don't forget that drops caps should be mortised, and not left all alone in a blank rectangle in the upper left of the text block (unless the cap in question is a one-letter word like "I" or "A").
I created the following and stuck it up in the Typography part of my CSS:
In my post I simply insert the following HTMLfor the first letter of the sentence. I only want to apply the dropcap to the letter of the post (which all ways starts after an opening quote) and not the beginning of each paragraph.
It seems to work just fine, but I'm sure it's not the right way to do it. Should I be using a class like:
and insert the following HTML If the span class is the way to go, where's the proper place to insert it in my CSS?
And, technically speaking, since your initial cap doesn't drop below the baseline, it's not a drop cap. And don't forget that drops caps should be mortised, and not left all alone in a blank rectangle in the upper left of the text block (unless the cap in question is a one-letter word like "I" or "A").
http://jsfiddle.net/8SsYb/