无法在HTML中并排放置两个div

Question

I'm making a website, and I need to have two divs side by side, but instead one is below the other. I am using align="left" on the first one, and align="right" on the second.

Here is the full body of the page - http://pastebin.com/Cxg1RbXW

Also, here's the style.css sheet - http://pastebin.com/pTaV6AsQ

Any help would be appreciated.

Answer 1

You need to use float:left|right . Check out the MDN docs .

Here's a working fiddle to demonstrate .

.left, .right {
    float:left;
}

Answer 2

you have to float your divs so they can reside side by side together:

#right, #left {
float:left;
}