Unorder List Navigation with Separator

  • CSS

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

Close Menu