View Single Post
Old 08-31-2012, 10:19 AM   #2
Jellby
frumious Bandersnatch
Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.
 
Jellby's Avatar
 
Posts: 7,515
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
Simple but effective (not really "dropping", though):

Code:
span.drop {
  font-size: 200%;
  font-weight: bold;
  line-height: 0;
}
span.predrop {
  font-weight: normal;
  font-size: 50%;
}
span.letter_T {
  margin-right: -0.15em;
}

<p><span class="drop letter_T"><span class="predrop">&mdash;¡</span>T</span>oma!...</p>
The class "predrop" is used for anything preceding the first letter. It's better to include it inside the "drop" span, in case you want to change it to something else... like a float. I also create "letter_?" classes for each letter that might need adjustments (T, V... in this case; A, L... for real drop caps). A simpler example:
Jellby is offline   Reply With Quote