Verticaal uitlijnen in li menu

[Beatboxx]

Ik ben bezig met een website, maar ik stuit op een probleem. Ik wil een horizontaal menu hebben met daarin de tekst precies in het midden, dus zowel horizontaal als verticaal uitgelijnd. Horizontaal uitlijnen lukt prima, maar verticaal uitlijnen krijg ik met geen mogelijkheid voor elkaar.

Ik heb veel gezocht op vertical alignment op google, maar helaas heb ik de goede oplossing niet mogen vinden. Ik heb veel geprobeerd met padding's en margin's, maar niks mocht baten. Kan iemand vertellen hoe ik dit handig kan doen? Zie voorbeeldje in jsfiddle: http://jsfiddle.net/Xh34A/4/

[Qck]

Lukt het als je de 'line-height' property op dezelfde waarde als de 'height' zet?

Edit: de 'line-height' van het 'li' element dus:

code:

.nav-menu li{
    background-color:#FA5705;
    float: left;
    width:10.69023569%; /* 127/1188 */
    text-align:center;
    list-style-type:none;
    min-height:40px;
    margin-top:5px;
    vertical-align:middle;
    float:right;
    margin-right:1%;
    line-height: 40px;  
}

[ Voor 69% gewijzigd door Qck op 23-09-2012 15:07 ]

[Beatboxx]

Nee. Gebeurt niks

Dat is de oplossing! Superbedankt!

[ Voor 56% gewijzigd door Beatboxx op 23-09-2012 15:08 ]

[Qck]

Dat is vreemd, want bij mij staat de tekst wel verticaal gecentreerd: http://jsfiddle.net/Xh34A/16/

[Beatboxx]

Sorry, was wel de oplossing, ik had een typo gemaakt

[Qck]

Beatboxx schreef op zondag 23 september 2012 @ 15:07:
Nee. Gebeurt niks

Dat is de oplossing! Superbedankt!

Mooi, graag gedaan!

[Navi]

Let wel op dat dit niet werkt als het item over 2 regels loopt!