Question

I’m trying to figure out, how to disable the padding-right on only one of the navigation links.

#nav ul li {
display: inline;
padding-right: 15px;
}  

That code puts 15px of padding on the right of the navigation text, however the very last navigation link, I want to have no padding, because it is uneven with my centered text.

I have tried something like this:

.nopad {
padding: 0;
}  

Then adding this to my links:

<li class="nopad"><a href="#">Home</a></li>

It doesn’t seem to work.

Help will be greatly appreciated.
Thanks

Answer 1

Change it to padding: #nav ul li.nopad { padding: 0!important; }

This will override any inherited CSS padding

Else you could just change padding:0; to padding:0 !important;