[CSS] Problema allineamento verticale

[frizzo28]

Ciao a tutti ho creato il seguente menu con i CSS...

ul{
    list-style-type: none;
margin: 0;padding:0;
     
	
}

 li a{width:80px;height:40px;text-align:center;
    text-decoration: none;
    border: 5px solid #CCFFFF;
    padding: 7px 2.5em;
    background: #FFFFF0;color: blue; display:block; font-size:0.8	19.57 22/10/2008em;margin: 0;

}
      

li a:hover{
    background:  url("sfumato.jpg") repeat-y 100% 0;
}

e poi la pagina html

 <ul>
        <li><a href="chi">Chi sono</a></li>
        <li><a href="pr">Progetti realizzati</a></li>
        <li><a href="re"> Progetti in realizzazione</a></li>
        <li> <a href="do">Download</a></li>
        <li><a href="tuto"> Tutorial e Guide</a></li>
        <li><a href="sitic"> Siti Consigliati </a></li>
        <li><a href="comehof"> Realizzazione sito </a></li>
      </ul>

Ovviamente ho postato solo la parte riguardante il menu'...
Vorrei centrare verticalmente i vari <li> del menu' perche' quelli corti su una riga sono allineati in alto e non al centro....

Come posso risolvere?
grazie
ciao

[frizzo28]

UP

Non puoi centrarli in automatico in verticale a meno che:

- non utilizzi delle celle di tabella (valign="middle")
- non gestisci la distanza dall'alto per ogni voce a mano.

[frizzo28]

@Sgurbat Grazie per la risposta...Alla fine ho risolto aggirando il problema ho eliminato l'altezza fissa di ogni elemento (height:40px); poi ho allargato il menu e rimpicciolito il testo in modo che stesse tutto su una riga