Q:

Troubles with floats and margins

I'm having some troubles with floats and margins on my website, (given that I'm not the best coder in the world) I'm trying to define a width to a class and make it float left, and doing the same to another one trying it to float right but it's not seemed to be working. Anybody have any tips or can solve the problem?
The problem (scroll to the bottom) : http://baileyiglesias.co.nr/home
The CSS File : http://baileyiglesias.co.nr/library/css/mainstyle.css
Just to let you know I know there isn't a defined width on the footer. I just want it to be like the header so it just sticks to the sides.
Thanks
-Bailey

A:

footer .colophon {
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
}

footer .copyright {
    float: left;
    margin: 0 20px 0 0;
}

Remove the widths, widths are automatically set by getting the width of the text.
Use float left on .copyright for aligning it next to the first div and right to get it to the right site, your choice:)

