Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Já procurei aqui no forum, pela internet, sempre acho a mesma solução (e algumas alternativas), só que não funcionou.
Então vamos ao meu problema.
Quero deixar o menu com seus itens centralizados(não o texto do item, mas a junção de todos, centralizados na página).
Segue abaixo o código:
#menu_global {
width:100%;
height:38px;
background-color: #469E4F;
text-align:center;
}
#menu {
text-align: center;
width:auto;
}
#menu ul{
list-style-type: none;
background-color: #469E4F;
text-align: center;
text-transform:uppercase;
font-size:14px;
}
#menu li{
position:relative;
display:inline;
float: left;
}
#menu ul a{
display: block;
padding: 10px 20px 10px 20px;
background-color: #469E4F;
color: #FFFFFF;
text-decoration: none;
}
#menu ul a:hover{
background-color: #AFD07B;
text-decoration: none;
}
E agora, vamos ao HTML:
<div id="menu_global" align="center">
<div id="menu">
<ul id="menu">
<li><a href="#">home</a></li>
<li><span><a href="#">sobre</a></span></li>
<li><span><a href="#">inscrições</a></span></li>
<li><span><a href="#">programação</a></span></li>
<li><span><a href="#">notícias</a></span></li>
<li><span><a href="#">patrocinadores</a></span></li>
<li><span><a href="#">contato</a></span></li>
</ul>
</div>
</div>Carregando comentários...