CSS

[R]

try w3schools quite gd.

[F32]

try w3schools quite gd.

I prefer independent learning.

[timROGERS]

never ever ever ever use absolute positioning It's bad

[YouFail]

Seriously?! Noobs pls

Make a container and make left and right.

#cont {
width: 100%;
overflow: hidden;
}

#left {
width: 50%;
float: left;
}

#right {
width: 40%;
float: right;
}

<div id="container">

<div id="left">RICHARD OWNS PLS</div>
<div id="right">TIS TRUE PLS</div>

[F32]

Thanks rich.

+rep to everyone else as well.

[ScottDiamond]

Use containers.

[Mentor]

Seriously?! Noobs pls

Make a container and make left and right.

#cont {
width: 100%;
overflow: hidden;
}

#left {
width: 50%;
float: left;
}

#right {
width: 40%;
float: right;
}

<div id="container">

<div id="left">RICHARD OWNS PLS</div>
<div id="right">TIS TRUE PLS</div>

<div id="container">

<div id="left">RICHARD OWNS PLS</div>
<div id="right">TIS TRUE PLS</div>

</div>

RICHARD forgot to close his container div.

[F32]

He did indeed.

[:

[YouFail]

<div id="container">

<div id="left">RICHARD OWNS PLS</div>
<div id="right">TIS TRUE PLS</div>

</div>

RICHARD forgot to close his container div.

Im truely sorry. Silly error. I'll go kill myself pls

Ty Mentor

[QuickScriptz]

Well.... for the code above... Floating the right hand side column is completely unessecary, as long as you set the right hand side margin to wider than the left column then it will automatically align itself beside it. So like example.....

#cont {
width: 100%;
overflow: hidden;
}

#left {
width: 50%;
float: left;
}

#right {
margin: 0 0 0 52%;
width: 40%;
}

So just to sum it up.... The left column is 50% wide, so we set the left margin of the right column to 52% that way it won't run into the left column and will align itself beside it.

Note: the current columns don't line up beside each other in Maxthon/IE 6.