ayeedawg

If I understand correctly, you need to remove the margin from the last link in your list. Give it an id or use inline styling and set the right margin to 0. You could also use the :last-child psuedo-class but that's CSS 3 and won't be supported by older browsers.

That sounds like it should work, but if I make an id then the last link goes to the next line, and the inline styling didn't seem to do anything... Let me try to explain more clearly. I have a line of links that looks like this:but as you can see, it's off center by 15px because each link has a right-margin. This is what I have (removed the urls):

#navigation a {margin-right: 15px;} <div id="navigation"><a href="/">▵</a> <a href="">⌘</a> <a href="">?</a> <a href="">❥</a> <a href="">✿</a> <a href="" style="margin-right: 0px;">©</a></div>

I have a set of links that are in one line next to each other that I spaced out using

margin-right: 10px;

but because of this, the line of links is off center. How can I make it perfectly centered?