Nothing happens. They aren't clickable. What's going on?
CSS:
#nav{
font-size: .5em;
text-transform:uppercase;
}
ul#nav{
margin:0;
padding:0;
list-style: none;
padding-left:0;
padding-right:0;
margin-bottom: 50px;
margin-left: 0px;
}
ul#nav a{
color: #990000;
text-decoration:none;
}
#nav li{
float: left;
width: auto;
display: inline;
margin-left:0;
margin-right:0;
padding-left: 33px;
font-weight: bold;
letter-spacing: 0.1em;
}
HTML:
<ul id="nav">
<li><a href="http://www.cnn.com">abc</a></li>
<li><a href="http://www.cnn.com"> def</a></li>
<li><a href="">vcc</a></li>
<li><a href="">bdfb</a></li>
<li><a href="">jgfnf</a></li>
</ul> |
