Hallo allemaal,

Ik zit met een probleem. Ik wil een li met float:left centreren.
Dit is het menu: http://test.feestenfeest.nl/test/ (het gaat om het grijze topmenu)

Dit is de css die ik er voor gebruik:


#top_menu {
	width: 1024px;
	padding: 5px 0 5px 0;
	background: #d9dadb url(../_img/menu/top_bg.gif); 
	background-repeat: repeat-x;
	margin:0 auto;
}
#top_menu ul {
	list-style-type: none;
	margin:  0;
	padding: 0;
}
#top_menu ul li {
	float: left;
	min-width: auto;
	width: auto;
}
#top_menu ul li a {
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	color: #414141;
	text-decoration: none;
	line-height: 24px;
	height: 24px;
	padding-right: 10px;
	padding-left: 10px;
}
#top_menu .selected {
	background: url(../_img/menu/top_actief.gif) repeat-x; 
}

#top_menu .selected a {
	color: white;
}


Maar ik wil dus dat de tweede regel van dat menu gecentreerd is.
Ik heb alleen geen idee.

Kan iemand mij hier helpen?

Groeten,
Boris

#top_menu ul {
	list-style-type: none;
	margin:  0;
	padding: 0;
        text-align:center;
}
#top_menu ul li {
        display:inline;
	min-width: auto;
	width: auto;
        margin:0px auto;
}

Reageren