|
CSS Navbar error?
I have my navbar, but the links are showing up in reverse order, ie: not Home, About Us, Gallery, Contact Us. it is Contact Us, Gallery, About Us, Home.
my css code:
.navbar ul li{
display:inline-block;
margin-left:10px;
margin-right:10px;
background-image:url(button.png);
background-repeat:no-repeat;
height:40px;
width:100px;
text-align:center;
padding-top:10px;
float:right;
text-decoration:none;
list-style:none;
}
my html code:
<div class="navbar">
<ul>
<a href="#"><li>Home</li></a>
<a href="#"><li>About Us</li></a>
<a href="#"><li>Gallery</li></a>
<a href="#"><li>Contact Us</li></a>
</ul>
</div>
Any one know what the hell is going on?
|