Centrar contenido menu

[PEGA_Creativa]

Buenos dias. He intentado de todo para centrar los elementos del menu pero no me ha resultado, queria ver si alguien puede iluminarme un poco para poder lograrlo. El codigo que tengo es:

#menu-wrapper .menu {
margin: 0 auto;
padding: 0px;
}
#menu-wrapper .menu ul {
margin: 0;
list-style-type: none;
position: relative;
overflow: inherit;
}
#menu-wrapper .menu ul li {
position: relative;
float: left;
background: none;
padding-left: 15px;
}

Gracias de antemano.

[PHPeros]

Esto lo añades a lo que quieras centrar:

Código:

text-align: center;

[PEGA_Creativa]

Eso ya lo habia intentado y nada. Incluso lo puse en las tres lineas y no resulto, solo me centra los elementos que estan en un submenu y no el menu principal, por eso acudi al foro a ver si habia algo errado.

Gracias de todas formas.

[PHPeros]

O usa la etiqueta <center>Lo que quieras centrar</center> Eso funciona con todo...

[PEGA_Creativa]

No, no resulta... tiene que ser algun problema con otro DIV... En fin, a seguir tocando el code hasta que salga

Gracias.

[pzin]

La etiqueta center está depreciada hace como 14 años y obsoleta en HTML5. No debería de usarse y mucho menos recomendar su uso.

Lo que tienes que hacer para centar esos elementos, es aplicarle al elemento contenedor un text-align: center y luego eliminar float de los elementos de la lista y añadir un display: inline, o inline-block si quieres que sigan actuando como bloques pero en la misma linea.

[PHPeros]

Pasalé un

Código:

clear: both;

y luego haz lo que dice pzin.