[thelist] CSS Drop Cap problem

Tony Crockford tonyc at boldfish.co.uk
Tue Dec 21 09:01:05 CST 2004


At 14:25 on Tuesday, 21 Dec 2004, Norman Bunn wrote:

> http://www.carriagerentalsul.com
>
> <span class="dropcap">J</span>im
>
> .dropcap {
>     font-size: 40px;
>     font-weight: bold;
>     float: left;
>     font-family: 'book antiqua','times new roman','times roman',  
> 'times', serif;
>     color: 4C7755;
> }
>
> How can I get the drop cap to line up with the top of the first line of  
> text?  I have tried "text-top" and "top", but no joy.


add line-height: 1em to the .dropcap{}  which will line up the top with  
the top of the letters (excluding ascenders) if you want to move it up  
some more apply a negative top margin to the span.

hth

Tony

Seasons Greetings all....

-- 
http://wiki.workalone.co.uk
http://www.workalone.co.uk/ads.htm
http://www.xebit.net


More information about the thelist mailing list