Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde.
Gostaria de saber como alinhar um menu utilizando nav ao centro da página.
Tentei de uma maneira mas não deu certo.
Obrigado desde já.
Meu html:
<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<nav id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Produtos</a></li>
<li><a href="#">Missão</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contato</a></li>
</ul>
</nav>
</body>
</html>
Meu Css:
#menu {
text-align:center;
}
#menu ul {
padding:10px;
margin:0px;display: inline-block;
width:100%;
background-color:#EDEDED;
list-style:none;
text-align: center;
}
#menu ul li {
display:inline;
}
#menu ul li a {
padding: 2px 10px;
float: left;background-color: #EDEDED;
color: #333;
text-decoration: none;
border-bottom: 3px solid #EDEDED;
}
#menu ul li a:hover {
background-color: #D6D6D6;
color: #6D6D6D;
border-bottom: 3px solid #EA0000;
}Carregando comentários...