Adam wrote:
I notice when trying to style a drop cap, everything looks fine, but some characters are
cut off near the bottom, such as the letter "Q".
I have tried adding width settings which I notice some people do, as well as adjust the line-height.
Here is an example where it happens: http://www.adamquraishi.com/?p=712
Thanks,
-Adam
Dunno.
Try:
span.drop-cap {
color : #fff; /*<-- add rule */
float: left;
font-size: 2.5em;
border: 1px solid #333;
/*padding: 3px; <-- delete rule */
padding: 0.6em;/*<-- add rule */
color: #fff;
background: #797979;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 4px 8px 0 0;
/*line-height: .7em;<-- delete rule */
}
Or, try above with a class set fot the problematic Q and assign a
lightly greater padding bottom.
Best,
Goudy
--
:: desktop and mobile ::
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/