ul in header vertikal mittig platzieren?
Ich möchte das die ul mittig im tag nav sitzt leider bekomme ich das nicht hin, hat jemand eine idee? Im internet habe ich bisher nix dazu gefunden.
Hier der HTML code: https://pastebin.com/KjEpSWt3
Hier der CSS code: https://pastebin.com/d1x2xR0h
1 Antwort
Vom Beitragsersteller als hilfreich ausgezeichnet
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, Technik, HTML
Dafür eignet sich display:flex mit einer entsprechenden justify-content Eigenschaft. Die floats brauchst du dann nicht mehr.
Ändern solltest du also folgendes:
nav ul {
display: flex;
justify-content: space-evenly;
padding: 0;
margin: 0;
}
nav ul li {
list-style: none;
}
Live betrachten: https://jsfiddle.net/0baj5qrt/1/
Falls die Elemente noch näher zusammen sein sollen kannst du die Liste zentrieren und ihre Breite verkleinern. Dazu folgendes bei nav ul hinzufügen:
margin: 0 auto;
width: 70%; /* Hier die gewünschte Breite */
Live betrachten: https://jsfiddle.net/0baj5qrt/2/
Woher ich das weiß:Hobby – Programmieren ist mein Hobby & Beruf