marctrix: Text in einer Navigationsliste zentrieren

Beitrag lesen

Hej franzsen,

nav ul ul li {
    text-align: left;
}

könnte helfen…

Hat tatsächlich geholfen. Damit kann ich auch den Kindeslektor ">" weglassen:

nav ul li {
	text-align: center;
	}
nav ul ul li {
	text-align: left;
	}

Ich dachte man braucht nur mit Kindselektor auszuwählen und schließt somit alle andere aus. Scheint in diesem Fall aber nicht zuzutreffen.

Weil es vererbt wird.

Wird also ein Listenelement "<li>" zentriert und nicht der Text von "a"?

Wenn du a als Blockelement darstellen lässt, ist das für deinen Fall sogar die einfachere Methode:

nav > ul > li > a {
	display: block;
	text-align: center;
}

Führt dazu, dass alles innerhalb von a zentriert wird. Da der Link keine weiteren Kinder hat, an die er etwas vererben könnte, betrifft es auch nur die erste Ebene. ;-)

Gruß,

Marc