I'm trying to create a navigation menu that horizontal and has an image spacer in between each link. The problem I'm having is that the second div I create pushes down the next text item and creates a new line. Here is my CSS:
Here is my HTML:
font-family: Trebuchet MS, Verdana, Arial;
border: 1px solid #6699CC;
Can anyone see what I'm doing wrong? Is there anyway to improve this? I'm kind of new at CSS .
<div class="nav"><div class="navlinks"></div><div class="navlinks">Photos</div><img src="images/divider.gif" alt=""></div>