Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
ae galera...
como deixar minha ul centralizada no box #nav?
<!doctype html>
<html lang="pt-br">
<head>
<title>EBDT :: Explore seus conhecimentos</title>
<meta charset="utf-8">
<style type="text/css" media="screen">
* { list-style: none; margin: 0; padding: 0; }
nav#menuPrincipal {
border: 1px solid #c7c7c7;
display: block;
font: bold 11px Arial;
height: 40px;
margin: 0 auto;
position: relative;
text-transform: uppercase;
width: 600px;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(235,235,235)), color-stop(0.5, rgb(250,250,250))); /* Chrome */
-webkit-box-shadow: 0 0 10px #999;
box-shadow: 0 0 10px #999;
background-image: -moz-linear-gradient(center bottom, rgb(235,235,235) 50%, rgb(250,250,250) 50%); /* FF */
-moz-box-shadow: 0 0 10px #999;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#fafafa'); /* IE */
}
nav#menuPrincipal ul li {
display: block;
float: left;
margin-right: 1px;
}
nav#menuPrincipal ul li a {
color : #3a3a3a;
display: block;
float: left;
height: 26px;
padding: 14px 20px 0 20px;
text-decoration: none;
}
nav#menuPrincipal ul li a:hover, nav#menuPrincipal ul li .current {
background: #e1e1e1;
color: #333;
}
</style>
</head>
<body>
<nav id="menuPrincipal">
<ul>
<li><a href="#" class="current">início</a></li>
<li><a href="#">envie sua video aulas</a></li>
<li><a href="#">downloads</a></li>
<li><a href="#">artigos web</a></li>
<li><a href="#">contato</a></li>
</ul>
</nav>
</body>
</html>Carregando comentários...