Hi, and thank you in advance to anyone who can help me with the following …
I have a very simple menu bar that consists of four menu items, each separated by a black divider to the right of each item. The problem is I’d like to get rid of the last divider only. I’ve read to add a class to the last item and then remove the right divider that way, but I can’t seem to make that work.
Here’s an example of what I mean …
Link 1 | Link 2 | Link 3 | Link 4 |
It’s the divider after Link 4 that I’d like to get rid of.
My CSS looks like this
#navMenu li {
position: relative;
margin: 0px;
float: left;
list-style-type: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
}
Thank you.
(which I did get to work)
