Unorder List Navigation with Separator

Occasional I need to add a top navigation list or navigation list in the footer, and want to add a separator like the pipe symbol to make it obvious the separation of titles for each of the links. A simple solution to this is adding some css to automatically append them for you.

li + li::before {
    content: " | ";


Scroll to Top