It is very easy to create drop caps for ebooks. first create the declaration, then enclosed the desired letter(s) in <span> tags:
<span class="dropcap">T</span>
Example of a letter drop caps on Kindle Previewer
HTML
<p><span class="dropcap">H</span>ow to create a drop cap for your ebook. Adjust the styling from within the CSS. </p>
CSS
span.dropcap {
float:left;
font-size:4.7em;
line-height:0.8em;
margin-right:3pt;
margin-bottom:-0.1em;
}
Example of image drop cap on Kindle Previewer
Image Drop Cap on Kindle Fire
Sony Reader for Mac
Different devices will display ebook drop caps differently, and some not at all. Note how Sony Reader for Mac views the document. Adjustments can be made to overcome several incompatibilities, but requires more advanced HTML using @media.
Download Drop Caps Files
dropcap.zip (contains HTML file and CSS stylesheet) ZIP file
