The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

lining up 4 elements

I am trying to line up four elements in a "toolbar" type of configuration. I have tried many different combinations of css properties but I just can't seem to get things the way I want them. There are some limitations like class and id names have already been defined in other parts of the program - but I don't see this as a show-stopper. Here is the generated html code (with some parts removed for brevity):

Edit: I couldn't tell what was what - here's a simple example.
I'm not sure what the different combinations you tried were - All you need to do to make things line up horizontally is float them and give them a width.
If you are wanting to use percentages - IE6 needs a negative margin or &#37;'s that don't make 100% so that the columns stay on one line
100% width example

Code:

.four_please div {
float: left;
width: 25%;
}
* html .four_please div {
margin-left: -1px; /* For IE See FAQ for explanation - I believe IE7 needs this also - so it would be best in a conditional comment - or you can let other browsers see it as well - It won't hurt too much */
}