Lección 3º (Ultimo)

En el Tema Recordatorio (ultimo) de la 3º Lección, la Plantilla del Ejemplo, no sale igual. En htlm del ejemplo,(en Menú lateral, figura enlace 4. que no aparece en la plantilla). A mi no me sale igual al Ej.
(Esta es mi plantilla htlm,puede decirme que está mal?)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div></div>
<div id="navegacion">
<ul>
  • Sección 1
  • Sección 2
  • Sección 3

    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Título de Sección 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div>
    <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 ponérsela justo aquí.</p><h2>Y este es el tercer párrafo</h2>

    En pocas lecciones, aprenderé a darle márgenes, para separarlos uno de otros, e incluso hacerle sangrías, por la izquierda a la primera línea que queda mucho mejor</p>


    Anda fijate, se ven todos centrados, que cosa. Espero que jorgens, me enseñe a ponerlos alineados a la Izquierada o justificados. Ya que así esto parece una poesía. Je. Je. Je.</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>