Como centralizar um menu html+css

[albertinho77 0]

Eu estou com uma duvida, como eu consigo centralizar o menu css+html?

Html:

<div id=menu>

<ul>

<li><a href="index.html">Home</a></li>

<li><a href="lista de animes.html">Lista de Animes</a></li>

<li><a href="mangas.html">Mangás</a></li>

<li><a href="ovasfilmes.html">Ovas/Filmes</a></li>

<li><a href="temporada.html">Temporada</a></li>

<li><a href="equipe.html">Equipe</a></li>

<li><a href="contato.html">Contato</a></li>

</ul>

</div>

Css:

#menu{ 

background: #09F; 

margin: 2; 

float: left;

border-radius: 5px;



}

#menu ul{ 

list-style: none;

text-align: center;


}

#menu ul li{ 

float: left;

font: 16px arial;


}

#menu ul a{ 

color: #000; 

text-decoration: none ;

padding: 20px;

display: block;


}

#menu ul li:hover{

background: #06F;


}

[wilnet 92]

Olá albertinho77, blza!

 

Mudei seu CSS, veja se é isso:

 

CSS

#menu{ 
background: #09F; 
margin: 2px; 
float: left;
border-radius: 5px;
width:55%;
}

#menu ul{ 
list-style: none;
overflow:auto;
}

#menu ul li{ 
float: left;
font: 16px arial;
}

#menu ul a{ 
color: #000; 
text-decoration: none ;
padding: 15px;
display: block;
}

#menu ul li:hover{
background: #06F;
}

Espero ter ajudado,

 

vlw

[albertinho77 0]

Cara eu tentei mais não resolveu nada

ta assim:

Consegui , oq eu fiz foi o seguinte defini uma altura e largura para o menu e centralizou

 

Coloquei:

#menu{
margin-top: 0px;
margin-left: 250px;
width: 775px;
height: 47px;
}

[Electronic 124]

você centralizou só com margin-left?

 

teste isso em um monitor de tamanho diferente do seu

[Guilherme Souza Santos 6]

Coloca margin: 0 auto; e tira o float: left

[albertinho77 0]

Vlw ai Guilherme , eu tinha conseguido centralizar mais so esta funcionando em um monitor agr ta funcionando nos dois