CSS Clearing Div Float Frustrations

inkrepid

I'm having an absolute nightmare working with the floats and clearing them in order for content to remain even on my latest project.


I've read up on CSS tricks about the great collapse and everything else but it's just not working for me.

Let me show you what I mean...

Look at [link=http://www.insured101.com/car-insurance/florida/]the page for Florida.[/link]

Under Bodily Injury Liablity the "Compare Quotes Now" button is perfectly centered under the divs like it should be.

But then if you look at [link=http://www.insured101.com/car-insurance/arkansas/]the Arkansas page[/link]

Suddenly the button has gone off center! I can't figure out why it's not clearing the floats like it should...any ideas?

HappyCodings

this may help you html-css.happycodings.com/float-divider-with-clear-both.html

danielm77

Try this. #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }