It's not like I haven't done it before, but somehow I can't get a couple of divs to float left. I have an ugly website at www.ourhealthcarecrisis.com and I'm trying to get a pair of links at the very bottom to float next to each other but they're fighting me, or vice-versa.
Everything passed the verifier, so I know it's not some sort of weird conflict.
I’m sorry if I didn’t explain well enough.
I would like the links “contact: firstname.lastname@example.org” and “also see: americanhealthcarereform.org” on a single line. My thought was to enclose each in a div and float them next to each other. The other links, “back to top” and “pdf print here” would be on a line below that using the same method.
I’ve been able to float divs before but I can’t make these work.
The empty footer is a leftover which I need to remove.
Your fh1a <div> is 600px wide. As you have set margin-left: 5px; on the .also css selector that makes the total sum of the two <divs> 610px wide. (margin and padding get added to the width). That's why the <divs> are not next to each other.
Either zero out the left margin as below or get rid of it as its not required if the margin is set to zero or if you do require a margin make the width of the <divs> 295px wide instead of 300px.