Quote:
Originally Posted by bookman156
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.