I'm having a hard time aligning the text from my menu to the center, so I'm starting to learn how to develop websites.
Thecodelookslikethis:
<center><h1>MeuSite</h1><divid="menu">
<ul>
<li><a href="">Home</a></li>
<li><a href="">Informações</a></li>
<li><a href="">Novidades</a></li>
<li><a href="">Contato</a></li>
<li><a href="">Staff</a></li>
</ul>
</div>
</center>
css
:
h1 {
color:#00C
}
body {
padding:0px;
margin:auto;
max-width: auto;
}
#menu ul {
padding:0px;
margin: 0 auto;
float: left;
width: 100%;
background-color:#999;
list-style:none;
font:80% Tahoma;
alignment-adjust:central;
max-width: auto;
}
#menu ul li {
display: inline;
width: 520px;
}
#menu ul li a {
background-color:999;
color: #333;
text-decoration: none;
border-bottom:3px solid #EDEDED;
padding: 2px 10px;
float:left;
}
#menu ul li a:hover {
background-color:#D6D6D6;
color: #6D6D6D;
border-bottom:3px solid #EA0000;
}