Margen en los párrafos

No consigo realizar el apartado "Margen en los párrafos" de la lección 2. Me sale el cuadrado de los enlaces debajo de la zona naranja en lugar de al lado.
No consigo realizar el apartado "Margen en los párrafos" de la lección 2. Me sale el cuadrado de los enlaces debajo de la zona naranja en lugar de al lado. http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…

PLANTILLA
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">

Esta será la zona principal de la web

Esta será la zona principal de la web


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>


Y este es el tercer párrafo. 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="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>

    ESTILO-GENERAL CSS
    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; width: 800px ; float:left}
    #pie {background-color: brown}
    #global {width:800px ; margin: 4px auto }
    #menu {background-color: yellow; width: 150px ; float:left }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
  • Puedes ponernos los códigos de la hoja html y de la hoja css?
    Saludos :wink:
    El error está aqui

    <div id="contenido">

    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>



    Esta será la zona principal de la web

    Esta será la zona principal de la web


    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>


    Y este es el tercer párrafo. 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>

    te lo he acomodado como debe estar

    tu pusiste el menu al final de todo el texto, y va antes

    saludis