I have a ul as a navigation bar.

I ahve it set out horizontal using display: inline-block.

Two issues I could do with some help with:

1.) How do I remove the gap between each li?

2.) If I want to add " | " after each li except the last one how would I do that?

I have the following to add the pipe in between but not sure how to get rid of the last one?

Code CSS:
#nav li:after
content: '|';