[SOLVED] Word wrap effect?

[spires]

Hi Guys

 

I'm having a little problem aligning an image to the right

and getting the text to wrap around it.

 

It work when the image is on the left but not the right.

Can any one point me in the right direction.

 

Code that works

div.satnavLeft {
    color: #006;
float: left;
width: 110;

}
div.satnavRight {
    color: #600;
}

 

 

Code that does not work.

div.Left {
    color: #006;

}
div.Right {
    color: #600;
float: right;
width: 210;
}

 

 

As you can see here:

http://www.spirestest.com/test.html

The top DIV works, but the bottom DIV forces the bottom image

below the text, not to the right.

 

 

Any ideas please.

 

Thanks

 

[bronzemonkey]

It's because of the location of the float:right div in your source code (below all the text that you want to wrap around the image). You haven't made the same mistake with the float:left div. Move the .Right div to a position in the source code that is just before the text that you want to wrap around that div.

[spires]

Your a star.

 

It works great. thanks!