[ERLEDIGT] Text lässt sich nicht zentrieren!

[ein Ivan ^-^]

Ich habe diesen HTML Code:

<div id="navforward">
<p> <a href="navigation" class="navforwardtext fonttext">
<img src="../img/nachrechts.png" width="40px" height="40px" border="0" />
&#160;Navigation</a></a></p>
</div>

und diesen CSS Code:

#navforward {
top: -30px;
left: 80px;
background-color: transparent;
width: 240px;
height: 50px;
position: relative;
}

Das Bild ist ein Dreieck nach rechts, und neben diesem Dreieck steht dann der Text Navigation, alle beide hab ich mit
diesem Code formatiert:

.headfont {
    font-family: Verdana;
    font-style: normal;
    font-size: 30px;
    color: white;
    letter-spacing: 6px;
}

.fonttext {
    font-family: Verdana;
    font-style: normal;
    font-size: 20px;
    color: white;
    letter-spacing: 6px;
}

Das Dreieck ist genau dort wo ich es haben will, aber der Text steht zwar neben dem Dreieck, kelbt aber an der unteren linie Des Containers, Margin und Padding haben nur auswirkung auf den gesamten div, egal wo ich diesen code positioniere.

 

[scbawik]

Hallo,

Ich denke mit

vertical-align:middle;

sollte das klappen.

 

[ein Ivan ^-^]

Hallo,

Ich denke mit

vertical-align:middle;

sollte das klappen.

Und Wo genau muss ich diesen Befehl einbringen?

 

[scbawik]

#navforward img {
    vertical-align:middle;
}

 

[ein Ivan ^-^]

Vielen dank, Hat funktioniert ;)