hola en mi web tengo las etiquetas de esta menera:
Código HTML:
<div id="menu">
<ul id="nav">
<li><a href="ejemplo">inicio</a></li>
<li><a href="ejemplo">otras paginas del wp</a></li>
</ul>
</div> y este es el CSS:
Código:
#menu {
background: url(images/menu.png) no-repeat;
width: 900px;
height: 40px;
margin: 15px 0 15px 0;
padding: 1px 3px 2px 0;
}
#nav {
list-style-type: none;
margin:0 3px 0 0;
padding: 0;
height:30px;
}
#nav li {
margin: 0 3px 0 0;
display: inline;
font-family: Arial;
font-size: 12px;
font-weight: lighter;
text-transform: capitalize;
padding: 0 10px 0 10px;
}
#nav li a {
display: block;
width: auto;
float: left;
color: #DFDFDF;
text-decoration: none;
padding: 1px 6px 6px 1px;
border-left: 1px #404040 solid;
}
#nav li a:hover {
background-color:#000000;
}
Nesecito que el texto de cada enlace este centrado y dejar espacio entre cada border-left "Divisores" y que tenga un margen al inicio porque esta pegado..
y no se ve como deseo vean ustedes en el menu de arriba de mi web
http://edwinmunguia.co.nr/
Ayuda pliz
