Does anybody know of a good way of aligning right and left with CSS. I've found this with google http://www.communitymx.com/content/a....cfm?cid=529B0 , and this code can be invalid.

I know you could do it with floats, but I've always enjoyed the simplicity of

<div align="right"></div>

instead of

<div style="float:right">
Some Content or image
</div>
<div style="clear:right"></div>

Thanks

What's wrong with floats ? Give the div a dimension, which you need if you're going to use floats anyway. Float 1 right, the other left. Put them both inside a "wrapper" div and give that wrapper a overflow: auto to clear the floats. That's really all there is to it.

There's nothing wrong with floats, but it also depends on on what you're aligning. If it's an inline element, you can simply set the text-align property to left or right. This will work for images as well as text, or any inline element. Just remember, if you float stuff, elements around it will hug it if it isn't cleared.

Putting "overflow: auto" on the containing div (like ladynred said) eliminates the need for the <div style="clear:right"></div> (in most cases), so that simplifies it a bit.

Thanks. I know most of CSS, but I still forget some things once in a while. I had no idea you could use overflow: auto