On this example, the static html code for menu use a dotted border on right for each menu item. The last menu item will have a special “li” class where the border is set to “none”, to can have the dotted separator just between two menu items.
[code='text']

• who we are<
• what we do
• partners.html
• news &amp;amp;amp;amp;amp; events
• Contact

[/code]

Ok, but this part of your code will look different when you are integrating it in WordPress for instance. Example:

[code='php']

[/code]

Now, the last menu item will have also the separator. If with “li” tag you can defines each item in the list, the “ul” tag defines the list. On WordPress, in this case, you cannot style a single item list without a small jQuery code inserted in your header.php

[code='js']
$(document).ready(function() {
$("#menu li:last").addClass("last");
});
[/code]

Now the menu look ok and on WordPress. You can apply in same way and a class for “first” list item.