<div id="contenedor">
 
	<div id="izquierda">
	<p>Aquí ira el contenido alineado a la izquierda, puedes modificar a tu gusto :D:D</p>
	</div>
 
	<div id="principal">
	<p>Aquí ira el contenido principal </p>
	</div>
 
</div>

#contenedor{
color: #006; /*Color del texto*/
text-align: left; /*Alineacion del texto*/
font-family:Verdana, Arial, Helvetica, sans-serif; /*Tipo de letra ^^*/
width: 750px;/*El ancho de la página*/
height:440px;/*El alto de la página*/
margin: auto;
}
 
#izquierda{
width:185px; /*El ancho que tendra la columna izquierda*/
height: 440px;/*El alto que tendra la columna izquierda*/
background-color: #0CF; /*ELl color del fondo de la columna izquierda*/
float:left; /*Aca determinamos la posici{on de nuestra columna*/
border:#000 3px solid; /*Aca ponemos un borde :D*/
}
 
#principal{
height: 440px;/*El alto que tendra la columna principal*/
margin-left:200px; /*Este margen hace que no se junte al contenido de la columna izquierda, es importante poner más pixeles del ancho de la columna izquieda (200px > 185px)*/
background-color: #CFF;/*Color del fondo de esta columna*/
border:#000 3px solid; /*El borde :D (es opcional, cuestion de gustos =P)*/
}