[SOLUCIONADO] editar un menu css

[snkr]

Alguien me podria ayudar porfavor, soy un novato en esto del css.
este es el menu que me gustaria centrar pero no lo he conseguido.
[URL="http://cssmenumaker.com/menu/red-opera-drop-down-menu"]cssmenumaker-red opera drop down menu[/URL]

[pzin]

Normalmente para centrar un elemento basta con hacer algo como:

Código CSS:

div {
  margin: 0 auto;
}
 

[DisenoWebWordpress]

Código CSS:

#cssmenu{
margin:0 auto;
}
 

Esto seria para alinearlo automaticamente, si prefieres hacerlo de una forma más manual hazlo con margin-right o margin-left y los pixeles que quieras moverlo.

Un saludo.

[snkr]

gracias a ambos por sus respuestas pero, me parece, me explique mal lo que necesito es que las pestañas como "home" "contact" etc salgan al centro del menu no en uno de los costados

[pzin]

Seguramente los elementos li estén flotados, entonces tendrías que quitarles esos flotados y ponerles display:inline-block. Y al elemento que los contiene, darle un text-align:center. Luego seguramente tengas que ajustar el margen derecho de esos li ya que se creará un espacio entre ellos —debido a la conversión a elementos inline-block— que seguramente no quieras.

[snkr]

Iniciado por Bonez

Seguramente los elementos li estén flotados, entonces tendrías que quitarles esos flotados y ponerles display:inline-block. Y al elemento que los contiene, darle un text-align:center. Luego seguramente tengas que ajustar el margen derecho de esos li ya que se creará un espacio entre ellos —debido a la conversión a elementos inline-block— que seguramente no quieras.

muchas gracias BONEZ con tu ayuda he logrado hacer que se centre