Adapta este ejemplo: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Centrado de li en ul</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> <!-- body { background: #FFF; color: #000; font: 62.5% "Lucida Grande", Verdana, Geneva, Helvetica, sans-serif; margin: 0; padding: 0; }
#navigation { margin-top: 2em; width: 600px; margin:0 auto; } #navigation ul, #navigation ul li { list-style: none; margin: 0; padding: 0; } #navigation ul { text-align: center; /* posicionamiento centrado de ul */ } #navigation ul li { display: inline; /* posicionamiento en linea */ margin-right: .75em; /* separacion entre entre lista de enlaces */ } #navigation ul li.last { margin-right: 0; } /* #navigation ul li a { background: #AAF; } */ #navigation ul li a:hover span { color: #69C; text-decoration: underline; } // --> </style> </head> <body> <div id="navigation"> <ul> <li><a href="#"><span>Enlace#1</span></a></li> <li><a href="#"><span>Enlace#2</span></a></li> <li><a href="#"><span>Enlace#3</span></a></li> <li><a href="#"><span>Enlace#4</span></a></li> <li><a href="#"><span>Enlace#5</span></a></li> <li class="last"><a href="#"><span>Enlace#6</span></a></li> </ul> </div> </body> </html> Un cordial saludo de SantosVZ -----Mensaje original----- De: Ardilla Roja [mailto:[EMAIL PROTECTED] Enviado el: Lunes, 12 de Marzo de 2007 10:25 p.m. Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Centrar li's dentro de ul. Saludos a todos, aqui con uina duda... Tengo esto: <ul> <li>texto</li <li>otro texto</li> <ul> El ul mide 600px d ancho, esta inline... lo que quiero hacer, es que los li's esten centrados dentro del ul... trate con lo de text-align en el ul, con margin: 0 auto en los li y todas las ideas q se me ocurrieron, pero nada.. :( cualquier pista, bienvenida... _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo