Ok so I am trying to space each individual link in my navigation bar. Up until now I have only used 1 word links but now a client wants a "Loved Ones" link in the navbar, so the word-spacing in css understandably spreads out those two words. I was wondering how I can evenly spread the links in the navigation bar without spreading the individual words. Thanks.

Sorry what you got exactly?

 

e.g.

<ul id="navbar">
<li>mates</li>
<li>family</li>
<li>loved one's</li>
</ul>

ul#navbar {
text-decoration: none;
}

ul#navbar li {
display: block;
display: inline;
float: left;
text-align: center;
width: 33.3%;
}

Should get you on your way.

Edited June 27, 201313 yr by Precise Formwork

Try expanding your margins in the CSS

Got it all sorted now