hola
para empezar tienes que corregir esto:
<div id="menu dos">
y en la hoja de estilos tambien
#menu dos {background-color: yellow ; width: 125px ; float: left ; margin: 8px 10px 7px 7px}
#menu dos li {list-style: none ; text-align: left ; margin: 5px 6px 6px 6px}
quitale los espacios para que quede asi:
<div id="menudos">
#menudos {background-color: yellow ; width: 125px ; float: left ; margin: 8px 10px 7px 7px}
#menudos li {list-style: none ; text-align: left ; margin: 5px 6px 6px 6px}
ahora aclaremos las cosas
de izquierda a derecha
van asi:
menu ------contenido------menu2
verdad?
bueno pues asi lo acomodas
pero nos topamos con que ahora tienes que encerrar todo el texto en una div para que asi, puedas poner otro menu en la derecha
entonces en el codigo quedaría asi:
<div id="contenido">
<div id="menu"><ul>
enlace 1enlace 2enlace 3</div>
<div id="texto">
<h1>Esta será la zona principal de la web</h1>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer parrafo</h2>
En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="menudos"><ul>enlace 1enlace 2enlace 3</div>
</div>
y a la hoja de estilos le he puesto esto:
#texto { width:500px; float:left}
#menudos {background-color: yellow ; width: 125px ; float: left ; margin: 8px 5px 7px 7px}
#menudos li {list-style: none ; text-align: left ; margin: 5px 6px 6px 6px}
checalo y si tienes alguna duda me avisas