Help with floating...

[spl1nter]

On my site http://www.gamehideout.co.uk/ I am trying to get the image in the same box as "Testing, testing." while being on the right-hand side of the box (where it currently is).

<div class="context">
<img src='thumb_gen.php?forum.jpg' alt='The new look forum.' />
Testing, testing. 
</div>

#content .top .context img {
border: 1px #CCCCCC dashed;
padding: 1px;
float: right;
}

What's up and how do I fix it?

 

[spl1nter]

I figured it out. I'm not going to be able to tell you exactly how I did it as I made lots of little changes and I've forgotten how much different the code is.

I'll provide the two pieces of code now though for you to analyse. The main bit was to have the image tag before the text.

<div class="context">
<p><a href='image/forum.jpg'><img src='thumb_gen.php?forum.jpg' alt='The new look forum.' /></a>
This site is very incomplete but all the links work so you can take a look around. Not much content yet though.
Make sure to check out the forum as it has become very popular!</p>
</div>

#content .top .context {
border: 1px #CCCCCC dashed;
border-top: 0px;
padding: 3px;
float: left;
margin-bottom: 5px;
}
#content .top .context img {
border: 1px #CCCCCC dashed;
padding: 1px;
margin: 3px;
float: right;
}
#content .top .context p {
margin: 0px;
}