ciao a tutti.

Vorrei fare una pagina web utilizzando i fogli di stili.
So fare la pagina utilizzando le tabelle, ma vorrei provare a farla con i fogli di stile.

la pagina che voglio fare ha questa struttura

TITOLO (centrato nella pagina)
SOTTOTITOLO ( centrato nella pagina)
TESTO giustificato
NOTE AL TESTO centrate nella pagina

se usassi le tabelle la farei cosi

codice:
  <table width="80%" align="center">
   <tr>
    <td align="center">
     TITOLO
	</td>
  </tr>
 <tr>
    <td align="center">
    SOTTOTITOLO
	</td>
  </tr>
  <tr> 
   <td valign="top" align="center">
     <p align="justify">TESTO GIUSTIFICATO</p>
    </td>
  </tr>
   <tr>
    <td align="center">
    CONCLUSIONI 
	</td>
  </tr>
</table>
sto provando con i fogli si stile, ma non riescoad ottenere la stessa impaginazione.

il codice che sto usando e'un foglio esterno fatto cosi
codice:
.unnamed1 {
    font-family: "book antiqua", "times new roman";
    font-size: 11pt;
    font-weight: normal;
    font-style: normal; 
    line-height: 18pt;
    text-align: justify;
}
.unnamed2 {
    font-family: "book antiqua", "times new roman";
    font-size: 10pt;
    font-weight: normal;
    font-style: normal; 
    line-height: 18pt;
    text-align: center;
}

TD
{
    font-family: "book antiqua", "times new roman";
    font-size: 11pt;
    text-align: justify;
}
e poi nel corpo della pagina ho messo
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="it">
<head>
 <link href="stile2.css" rel="stylesheet" type="text/css">
  <style type="text/css">
   body{
 
    background: #fff url(foto.jpg);
    background-attachment: fixed
   }
   A:link, A:visited { text-decoration: none }
   </style>
 </head>
<body>
   <span class="unnamed2">TITOLO</span>


   <span class="unnamed2">SOTTOTITOLO</span>


    <span class="unnamed1">
      TESTO GIUSTIFICATO
     </span>


     <span class="unnamed2">
       CONCLUSIONI
     </span>
</body>
</html>

cosa sto sbagliando?????

grazie x l'aiuto
simo