Solved: CSS Float Not Working

I want three images to be lined up next to each other without using a table.

<img class="leftfloat" src="image.jpg" />
<img class="rightfloat" src="image.jpg" />
<img class="rightfloat" src="image.jpg" />

CSS:

.rightfloat
{
float:right;
}

.leftfloat
{
float:left;
}

=====

The images just line up under each other.

So what am I doing wrong? Is there a simpler way to do this?

 

Who said they had to be in a table to be next to eachother? They don't

 

This is embarrassing. I'll look into it.

 

Ok, it seems like clear:both; was disabling it. Thanks a bunch.

 

Ok, how do I center three images next to each other?

<div align="center"> isn't working for me.

---

Some other CSS must be clashing with it.

Edit:
Yeah, that was the problem.

===========

Is there a way to increase the space between images without increasing the padding?

 

Increase the margins.

 

Padding is inside the block, like for a text DIV, margins are outside the block.

 

Thanks.

 

How can I center an image using css?

 

style="margin-left: auto; margin-right: auto;"

That tells your browser to set the margins so that they are both equal and so the thing is centered.

 

Ok, thanks.