View Single Post
Old 08-05-2022, 10:17 AM   #20
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,851
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by bookman156 View Post
Even spans are inconsistent between browsers for drop caps. Get it perfect in Vivaldi and you're overjoyed, then try it in Firefox and it's misaligned.
Depend on the code you use to set drop caps. Try using the following code:

Code:
p {
   text-align: justify;
   margin: 0;
   text-indent: 1.2em; 
   line-height: 1.2em; /* This is important */
}

.dropCap {
   float: left;
   font-size: 4em;
   font-weight: bold;
   line-height: 1.2em; /* This is important */
   margin: -0.1em 5px -0.3em 0;
}
and watch if drop caps are well displayed on Firefox. Of course, if you use a custom font, it'll be neccessary to employ more properties to style correctly the drop cap. Moreover, in those cases, it could be neccesary to float a box (not the letter) and enclose the letter inside that box.
RbnJrg is offline   Reply With Quote