Hoe centreer ik de items van mijn menu, met behoud van achtergrondkleur over de hele breedte?
Hi all,
Ik heb een header, en wil mijn menu daaronder, over de gehele breedte van die header, en in dezelfde kleur als de header.
Maar de list items wil ik graag centreren, net als het logo in de header, en de rest van de content.
Ik heb het geprobeerd met align:center; en margin:0 auto; maar het wil niet lukken.
Wat doe ik verkeerd?
/*MAIN MENU */
nav ul {list-style:none; background-color:#c3e1fb;}
nav ul:after {content: '.'; clear: both; visibility: hidden; display: block; height:0px;}
nav ul li {float:left; position:relative; line-height: 30px; padding-left:2px; padding-right:2px}
nav ul li a {color:#05334d; text-decoration:none; text-align:center; padding: 20px 27px 20px; font-size:20px;}
nav ul li:hover > a {font-weight:bold}
Heb je meer informatie nodig om de vraag te beantwoorden? Reageer dan hier.