¿Como centro un menu horizontal?

[snakepit]

Buenas quisiera saber como puedo centrar este menu horizontal dentro de un div gracias este es el codigo

Código:

<div id="cabecera">
<ul id="links">
   <li><a href="#">Home</a></li>
   <li><a href="#">La Empresa</a></li>
   <li><a href="#">Preguntas</a></li>
   <li><a href="#">Instrucciones</a></li>
   <li><a href="#">Tarjeta Recargable </a></li>
   <li><a href="#">Promociones</a></li>
   <li><a href="#">Registro de Linea</a></li>
   <li><a href="#">Puntos de Venta</a></li>
   <li><a href="#">Distribuidores</a></li>
   <li><a href="#">Contacto</a></li>
   </ul>
</div>

Código:

#links{
list-style:none;
	margin:0;
	padding:0;
	left: 13px;
	top: 56px;
	width: 760px;
	}
	
	#links li {	
	margin:2px;	
	padding:2px;	
	border:1px solid #CCCCCC;	
	float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)}

[asinox]

pues yo creo que:

Código PHP:

  #links{
list-style:none;
    margin:0 auto; //aqui modifique e igual si tu #id cabecera sera el centrado solo colocale el mismo margin: 0 auto;
    padding:0;
    left: 13px;
    top: 56px;
    width: 760px;
    }
    
    #links li {    
    margin:2px;    
    padding:2px;    
    border:1px solid #CCCCCC;    
    float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)} 
   

[snakepit]

en realidad no queda centrado asi

[asinox]

Para eso estamos ;)

[snakepit]

asinox gracias pero en realidad no me funciono no se porque despues edite el mensaje me habia parecido que si pero en realidad no, modifique el padding y el margin, los achique y se fue todo para la izquierda.

[asinox]

le tienes un float: left?

[snakepit]

si en links li hay un float left el ultimo

[hector_he]

Y #cabecera con la etiqueta de text-aling: center?

[snakepit]

nop, pero probe de ponerle la cabecera text-align: center; y nada

[JHMorales]

Hola:
prueba con esto:
#links li {
display:inline;
margin:0 2px 0 0;
padding:0;
}

Suerte, Jorge H.

[snakepit]

genio muchas gracias!!!