CodePen

HTML

            
              <ul>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ul>
            
          
!

CSS

            
              ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

li {
  display: inline-block;
}

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

JS

            
              
            
          
!
999px
Loading ..................