I also combine that with pseudo elements to style first paragraphs in the chapter.
h2 + p {text-indent:0; font-size:1em; line-height:1em}
h2 + p:first-letter {font-family:"Monotype Corsiva", "cursive"; font-size:3em; font-weight:bold; font-style:italic;float:left;margin-right:.1em; margin-bottom:.2em}
h2 + p:first-line {font-variant:small-caps; font-size:1.15em}
<h2>Chapter One</h2>
<p>This is first paragraph text.</p>
That gives a nice drop cap for the first letter and the first line (no matter what the width of the display) is in small caps.
I use that on my personal books because the reading app I use is mostly spec compliant...so it displays properly. Some non-compliant software, such as ADE, don't support pseudo elements, but they degrade gracefully. If you are making a commercial book then you would need to use workarounds to get the same effect.
Cheers,
|