[thelist] CSS Drop Cap problem

[Tony Crockford]

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.

you might also need some padding with that.

try:

.dropcap {
	font-size: 40px;
	font-weight: bold;
	line-height: 1em;
	margin: -5px 0;
	padding: 2px;
	float: left;
	font-family: 'book antiqua','times new roman','times roman', 'times',  
serif;
	color: 4C7755;
}