Webmaster Forum / HTML, CSS, Scripts / CSS / December 2004

Hello,
   What I would like is to float some text around the image where the text
starts align on the left or right of the image aligned to the top of the
image and then wrap around the image. I have tried using  the .imgright
{float: right;} or .imgleft {float: left;} in my draft css. I have looked at
other suggestion on the net by using a span class but I am having problems
adding it to my <div class="contpara" now such luck.
Here is my draft css:

BODY {
BACKGROUND-IMAGE: url(graybg.gif); BACKGROUND-REPEAT: repeat-y;
BACKGROUND-COLOR: #ffffff
}
LI {
FONT-SIZE: 12px; COLOR: #0000cd; FONT-FAMILY: Georgia, "Times New Roman",
Times, serif; LIST-STYLE-TYPE: square
}
UL {
COLOR: #0000cd; LIST-STYLE-TYPE: square
}
.contpara {
FONT-SIZE: 12px; LINE-HEIGHT: 120%; FONT-FAMILY: Georgia, "Times New
Roman", Times, serif
}
H1 {
FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0000cd; FONT-FAMILY: Verdana,
Arial, Helvetica, sans-serif; LETTER-SPACING: 2px
}
A:link {
COLOR: #669999; TEXT-DECORATION: underline
}
A:visited {
COLOR: #999999; TEXT-DECORATION: underline
}
A:hover {
COLOR: #000000; TEXT-DECORATION: underline
}
A:active {
COLOR: #000000; TEXT-DECORATION: underline
}

.imgright {
 float: right;
 padding: 10px;
}

And then I added this to my draft.html
<div class="contpara">
<H1>test</H1>
<P><img src="tttest" width="100" height="100" class="imgright"
alt="test">Once test blah blah blah.</P>

Thanks for your help in the past