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: " | "; }
reference: http://stackoverflow.com/questions/9171699/add-a-pipe-separator-after-items-in-an-unordered-list-unless-that-item-is-the-la