Need help on HTML/CSS "container" codes.?

L

Laaaaaawl

New member
I want to have three "containers", a left, middle, and right. I have my middle one with my main content but I try putting a "left container" and it appears on top of my "middle container". How do I put the left container on the left side of the middle one. My code looks like this on HTML:

<div id="container">
<div id="leftcontainer"> CONTENT </div>
<div id="middlecontainer"> CONTENT </div></div>

CSS:

BODY
{text-align: center;
background-color: #FF6600}

#leftcontainer
{margin: auto;
text-align: left;
height: auto;
width: 100px;
border: 3px solid blue}

#middlecontainer
{margin: auto;
text-align: left;
height: auto;
width: 1000px;
border: 3px solid black}

Please help and thank you... I'm not experienced in HTML/CSS and thank you.
 
Back
Top