[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

[anonimizzato]

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 :D