Menus continuos?

Hola tengo una duda un tanto estúpida xD, bueno lo que pase es que leí el manual y pues quería hacer una web dedicada a un video juego pero quería hacer un diseño donde los menús se vean en la izquierda, por ejemplo un menú dedicado a juegos, otro dedicado a la historia del juego y otros menús variados, bueno algo parecido a esta pagina: http://www.kirbysrainbowresort.net/index2.html (como veran en el lado izquierdo hay menús varios como "Information" "Interactive" "Games") y pues al querer hacerlos en ves de que los menús se pongan uno debajo de otro pues se ponen juntos, uno a la izquierda y otro a la derecha, y el texto se desalinea, la verdad ya intente varias cosas y nada, los menús siguen si acoplarse correctamente en la izquierda, ¿alguien sabe como hacerlos?
Ese diseño es sencillito, la verdad creo que no tiene ningún misterio el hacer que se pongan uno debajo del otro. Si miras mi web elenemyterritory.es, en la columna central, hago algo igual, solo que no a los lados.

Te dejo el css con el que le doy las características a ese div central:
.principal{
       width:480px;
       height:auto;
       background-color:#FFF;
       border-style:solid;
       border-width:1px;
       border-color:#000000;
       margin:0 0 5px 142px;
       padding:10px;
}

Luego para declararlos en el html pongo
<div class="principal">texto</div>
tantas veces como quiera

Ojalá te sirva, saludos ;)
El código me funciono para hacer cuadros que aparescan en el centro, pero al querer alinearlos a la izquierda los cuadros se ponen uno junto al otro y no uno debajo de otro, ya cambie los codigos y puse los "float" pero no se alinean, la verdad no se que falta para hecerlo, perdónenme peros soy muy nuevo en esto jeje.