Si queremos crear columnas equilibradas en CSS, utilizando divs y obviamente, CSS, solo tendremos que crear un nuevo archivo HTML, e incluir este código:

<style type="text/css">

#caja_izq {width: 850px;

margin: 20px auto;

color:#fff;

background-color: #4c9ab1;

overflow: auto;

}

#caja_der {width: 500px;

float: right;

background-color: #82b04d;

border-left: solid 30px #fff;

}

.columna_izquierda {width: 280px;

float: left;

padding: 20px;

position: relative;

margin-left: -350px;

}

.columna_derecha {width: 450px;

float: left;

padding: 20px;

}

style>[/code]

Después, deberemos crear los divs, para ello, pegamos este código:

<div id="caja_izq">

<div id="caja_der">

<div class="columna_izquierda">TU TEXTO AQUÍ