nicht angemeldet
Hi Collin,
Mal Step by Step
Schritt 1: Überschriften in eine Zeile und mittig auf der Seite
- nutze "inline-block" statt "float" für die Listenelemente der Überschriften
- dann funktioniert auch "text-align: center" auf dem Elternelement ".nav" und du musst nicht "margin: auto" probieren
- damit der Text der Überschriften im Element wieder linksbündig ist brauchen diese ein "text-align: left"
Schritt 2: Unterüberschriften unter die Überschriften
- mach aus deinen Überschriften-Links block-Elemente
- mach aus den Listen, welche die Unterüberschriften enthalten inline-block-Elemente
- richte sie in der Vertikalen "top" aus
- entferne bei Bedarf Listenzeichen und die Innen- und Außenabstände
Zumindest bei meinem flüchtigen Test im Chrome brachte dieser Ansatz das gewünschte Ergebnis
Gruß
Ole