[thelist] CSS p:first-letter question

Mark Groen evolt at markgroen.com
Thu Aug 31 23:18:51 CDT 2006


On Fri, 2006-09-01 at 13:25 +1000, Chris Parnell wrote:
> I have a page here:
> http://web.aanet.com.au/chspnll/css/test.html
> In Firefox 1.5 and Opera 9 there is a noticeable gap between the first line and remainder 
> of the paragraph. Highlight the para and you will see the gap. 
> This gap does not display in IE 6
> Can anyone tell me why I am getting this gap in Firefox and Opera?

You have made the first letter 140%, so the space needed for that letter
needs to be bigger. To close the gap, specify the line height:

p:first-letter { font-size: 140%; font-variant: small-caps;
line-height:1em;}

-- 
cheers,

        Mark




More information about the thelist mailing list