[CSS] vertikale Ausrichtung der Schrift

[Benji]

Hi!
Ich bin gerade dabei eine Homepage zu machen und ich habe mit CSS die Links so gemacht das die Links eigentlich nur schrift sind und der Hintergrund wechselt wenn man mit der Maus rauf fährt.
Ich stell mal den Quelltext hier rein:
Style-Sheet:

div.linkbutton a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 133px;
height: 50px;
BORDER: 0px;
FONT-FAMILY: "Copperplate Gothic Bold";
FONT-SIZE: 30px;
FONT-WEIGHT: bold;
TEXT-ALIGN: center;
BACKGROUND: url("data/buttons/inaktiv.gif");
color: d57f2a;
}

div.linkbutton a:hover
{
BACKGROUND: url("data/buttons/aktiv.gif");
color: d57f2a;
}

HTML:

<div class="linkbutton"><a href="main.html" target="site">Home</a></div>

Jetzt meine Frage:
Der Text ist zwar horizontal mittig ausgerichtet jedoch vertikal nicht da ist er ganz oben was aber dumm aussieht.
Wie kann ich es machen das der Text auch vertikal mittig ist?

vertical-align: middle;

hab ich schon probiert aber das geht anscheinend nur bei Tabellen und nicht in div´s!

Hoffe mit kann wer helfen!

 

[V1tzl1]

Hmm du könntest das Problem mit padding-top umgehen, aber ansonsten kann ich dir auch nicht helfen, das Problem hatte ich auch schon mal

 

[HoRnominatoR]

vertical-align ist nur fuer tabellen gedacht, richtig. line-height koennte auch helfen.

 

[Benjamin_L]

und schreib doch das zeug klein, groß ist nicht 1337 ^^

 

[Benji]

THX mit line-height hab ichs jetzt hinbekommen

@ Benjamin_L
ich hab nur alles groß geschrieben weil ich es aus nem Tutorial rauskopiert habe und was ich selber dazu geschrieben habe ist ja klein geschrieben