CSS verticale allinea il centro nei cerchi

Question

Sto provando a centrare il testo verticale in ancora. Ho usato line-height e funziona, ma quando il testo si avvolge, il testo nella seconda riga ottiene l'altezza della linea ... Come posso centrare il testo nell'ancora senza fallire così?

http://jsfiddle.net/y2UYX/1/ - Fai clic sul cerchio per rivelare gli altri cerchi e vedrai cosa intendo.

Vorrei supportare il più possibile i browser. se aggiungi proprietà aggiuntive per supportare più browser, ti preghiamo di dire quale linea è per quale browser aggiungendo commenti.

Grazie mille!

Answer 1

È possibile utilizzare la visualizzazione : tabella per questo. scrivere in questo modo:

.SubMenu li { 
    margin:50px; 
    background:red; 
    border-radius:50px; 
    height:100px; 
    width:100px; 
    display:table; 
} 

.SubMenu a { 
    height:100px; 
    width:100px; 
    display:table-cell; 
    text-align: center; 
    vertical-align: middle; 
} 

Scegli questa http://jsfiddle.net/y2UYX/6/

Answer 2

È possibile utilizzare lo stile elemento per quel

element.style { 
line-height: 13px; 
padding-top: 37px; 
height: 60px;}