Problem mit der Ausrichtung

[gordon]

Hallo Leute,

die Linkzeile (start | termine | playlisten) in meinem Navigationskasten (erstellt mit CSS) wird trotz korrekter (?) Parameter nicht mittig (bezogen auf Vertikalität) angezeigt; leider klebt sie oben in der Box? Was mache ich falsch? Dachte, dass das mit vertical-align funktioniert?
Der Link ist unten zu finden.

CSS-Auszug:

#element_navigation {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
vertical-align: middle;
margin-top: 0px;
margin-left: 10px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
border-width: 0px;
border-style: solid;
border-color: #000000;
background-color: #000000;
width: 520px;
height: 20px;
}

HTML-Kontext:

<div id="element_navigation">start | termine | playlisten | faves | tipps</div>

[dey]

Hallo,

Beispiel

Legt die vertikale Ausrichtung innerhalb eines Elements fest. Enthält ein Element Text oder/und Inline-Elemente mit unterschiedlicher Höhe, so kannst du diese mit vertical-align entsprechend der Angabe ausrichten.

<p>Normaler Text
<span style="vertical-align:super">Höher gestellt</span>
Normaler Text
</p>

Initialwert: baseline
Vererbbar: Nein
Anwendbar auf: Inline-Elemente,
Elemente, die mit display:table-cell formatiert sind und <td>-Tags
Medium: Visual
Werte:

sub
    Tiefgestellt
super
    Hochgestellt
baseline
    An der Grundlinie ausrichten
top
    Am oberen Rand des Elternelements
bottom
    Am unteren Rand des Elternelements
middle
    Mittig zwischen den oberen und unteren Rand des Elternelements
text-top
    Am oberen Textrand
text-bottom
    Am unteren Textrand
Längen- oder Prozentangabe
    Eine positive oder negative Angabe verschiebt das Element über oder unter die Grundlinie.
Inherit

Prozentuale Werte: Beziehen sich auf Zeilenhöhe des Elements, für das vertical-align angegeben ist.

Quelle CCS4you

bydey