Verticaal centreren

[Roelant]

Er staat hierover veel op internet, maar ik kan maar niet het antwoord vinden waar ik iets mee kan.

Ik heb voor een test een tweetal menuknoppen onder elkaar geplaatst. Deze heb ik met opzet 2.2em gemaakt, daardoor zijn ze groter dan de tekst. Die tekst staat echter helemaal bovenin het blok, maar deze wil ik in het midden hebben.

Wat is hier de juiste code voor?

Ik heb gebruik nu onderstaande code voor het menu:

ul{
list-style-type:none;
border:1px dashed #0099ff;
width:5.9em;
padding:0.5em;
}
#menu li{
margin-top:0.2em;
text-align:left;
}
#menu a{
display:block;
width:5em;
height:2.2em;
color:white;
background:#0099ff;
border-right:7px solid grey;
border-left: 7px solid grey;
}

 

[Roelant]

Het lijkt er op dat ik het al heb gevonden. Ik heb onderstaande regel toegevoegd aan het '#menu a' gedeelte:

padding: 10px 0.5em 10px 0.5em;

 

[grumbkow]

Als het werkt helemaal top!
Kleine opmerking, gezien boven/onder en links/rechts in jou geval hetzelfde zijn is padding: 10px 0.5em; genoeg