Sobre posicionamientos

[Nathan_1979]

Hay mil y una forma de hacerlo.
Esta es una ;)

Código HTML:

<div id="cabecera">
	<h1>Web-to-cutre.com</h1>
</div>

<div id="main">
    <div id="izquierda">
        <p>Izquierda</p>
    </div>
    
    <div id="medio">
        <p>Que ni es com ni es nada pero le pongo esto por algún motivo</p>
    </div>
    
    
    <div id="derecha">
        <p>Derecha</p>
    </div>
</div> 

Código:

* { margin:0; padding:0;}

#cabecera h1 {
	text-align:center;
}

#main {
	overflow:hidden;
	width:80%;
	margin:0 auto;
}
	#izquierda {
		float:left;
		width:30%;
		border:1px solid #0066FF;
	}
	#medio{	
		float:left;
		width:35%;
		border:1px solid #9933FF;
	}
	#derecha { 
		float:left;
		width:30%;
		text-align:right;
		border:1px solid #99FFCC;
	
	}

PD: Solo un apunte, los parrafos no pueden contener otros elementos de bloque ( como por ejemplo 'div' ), por lo que meter div dentro de etiquetas 'p' es un error grave.