Thema: Menüpunkt mit Zeilenumbruch ausgerückt - wie bündig machen?

Das Problem: der Menüpunkt "Kinder-, Jugend- und Schulführungen" auf unserer Webseite ist zu lang, sodass die Zeile umbricht und die zweite Zeile "ausgerückt" wird, also nicht bündig dargestellt wird (Hauptmenü an der linken Seite).

http://www.geographie-fuer-alle.de/angebot.html

Kann mir jemand sagen, wie man dieses Problem lösen kann?

Wenn ich dein Anliegen richtig verstanden habe, dann sollte das helfen (kannst du ans Ende der template.css eintragen)

div#spaltelinks ul.menu ul li a {
text-indent: 0!important;
padding-left: 20px;
}

Schöner gestalten kannst du es aber damit

div#spaltelinks ul.menu li a {
text-indent: 0!important;
padding-left: 5px;
}
div#spaltelinks ul.menu ul li a {
padding-left: 20px;
}
div#spaltelinks ul.menu li#current a {
font-weight: bold!important;
}
div#spaltelinks ul.menu li#current ul li a {
font-weight: normal!important;
}

Der aktive Link wird damit fett markiert. Zusätzlich könntest du auch eine Hintergrundfarbe vergeben

div#spaltelinks ul.menu li a {
text-indent: 0!important;
padding-left: 5px;
}
div#spaltelinks ul.menu ul li a {
padding-left: 20px;
}
div#spaltelinks ul.menu li#current a {
font-weight: bold!important;
background-color: #27A586;
color: #fff!important;
}
div#spaltelinks ul.menu li#current ul li a {
font-weight: normal!important;
background-color: none!important;
color: #000!important;
}

Damit sieht das Menü so aus:

menue.png

Ach, das Herausrücken war ein Feature und kein Bug?


Edit: Es scheint, dass du das Herausrücken wieder zurecht gerückt hast, in der Zwischenzeit.