Wie formatiere ich Text der über einem Menübutton mit Hintergrund liegt?

[context]

Hallo community,

ich habe ein kleines vertikales Menü erstellt, das sieht nun wie folgt aus:



Jetzt möchte ich den Text formatieren, vertikal mittig und mit Abstand zum linken Rand. (sodass er bei einem mouseover direkt hinter dem kleinen "Pfeil" steht) Wie macht man das?

index.html + buttons:
Anhang anzeigen menux.zip

Gruß, context.

 

[threadi]

Ich hab das nicht runtergeladen, weil ich dich nicht kenne. Normalerweise formatiert man so etwas per Innenabstand, also padding. Setzt voraus, dass das Element aber auch ein Blockelement ist, also zur Not noch "display: block;" ergänzen.

 

[context]

Hi threadi, habs versucht, heraus kommt dabei folgendes:

Total verrückt :mrgreen:

Und ich als CSS Neuling habe absolut keine Ahnung wieso, weshalb, warum.

 

[skizZ]

Quelltext direkt hier posten.

skizz

 

[Space Vampire]

Innenabstand(Padding) muss immer von der Angabe der Gesamtbreite(Width) des betreffenden Elementes abgezogen werden.

 

[threadi]

Und der Hintergrund sollte sich nicht wiederholen (background-repeat).