Code:
<div id="nav">
<div class="navlink"> <a href="#" title="Goto Homepage">Home</a> </div>
<div class="navlink"> <a href="index.php?p=2" title="Goto the Forums">Forums</a> </div>
<div class="navlink"> <a href="#" title="View my latest sites">Portfolio</a> </div>
<div class="navlink"> <a href="#" title="Visit my friends and favourite sites">Partners</a> </div>
<div class="navlink"> <a href="#" title="Get in touch with me">Contact</a> </div>
</div>
When you make div after div, html reads it and skips a line, so to make it work use this CSS:
Code:
.nav-link{
word-spacing: 15px;
}
and this html:
Code:
<div class="navlink">
<a href="#" title="Goto Homepage">Home</a>
<a href="index.php?p=2" title="Goto the Forums">Forums</a>
<a href="#" title="View my latest sites">Portfolio</a>
<a href="#" title="Visit my friends and favourite sites">Partners</a>
<a href="#" title="Get in touch with me">Contact</a>
</div>