HolyThunder
HolyThunder

Reputation: 463

Trouble with making two divs side by side in html

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.

Upvotes: 1

Views: 315

Answers (2)

James Hill
James Hill

Reputation: 61872

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

Here's a working fiddle to demonstrate.

.left, .right {
    float:left;
}

Upvotes: 2

Andres I Perez
Andres I Perez

Reputation: 75409

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

#right, #left {
float:left;
}

Upvotes: 1

Related Questions