✔ Text vertikal zentriert (Valign)

[Voltex]

Hallo,
ich ahbe ein kleines Problem. Ich möchte den Text in meiner Navigation vertikal zentrieren. Allerdings klappt das nicht so ganz, wie ich möchte, nämlich garnicht.

hier mal ein Beispiel:

<div id="navi">
          <div class="navi1">Start</div>
</div>

Der dazugehörige CSS Block sieht so aus:

div.navi1{
background-image: url(default/navi/navi_1.gif);
width: 78px;
height: 30px;
font-size: 14px;
color: #FEFEFE;
font-weight: bold;
text-align: center;
}

div.navi1:hover{
background-image: url(default/navi/navi_1.1.gif);
font-size: 14px;
color: #00FFFF;
font-weight: bold;
}

Ich habs mit text-valign (wie man es beispielsweise von tabellen kennt) versucht, allerdings hat das nicht geklappt. Könnt Ihr mir helfen?

Grüße,
Voltex

NCHTRAG: Hab bei Google was mit vertical-align gefunden aund getestet. Funktiuniert leider auch nicht. Und das, wie de es dort empfehlen, mit Tabellen arbeiten wollte ich möglichst vermeiden

 

[Maik]

Hi,

tausch mal height:30px gegen line-height:30px.

mfg Maik

 

[Voltex]

Besten Dank. klappt super