CSS styling for horizontal list with bullet only between elements

Question

I\'m not sure how to build a horizontal list that looks like this:

Answer 1

    ul li {
        display: inline;
        text-align: center
    }

  .separator {
        display: inline-block;
        background-color: black;
        width: 5px;
        height: 5px;
        border-radius: 45px;
        vertical-align: middle;

    }

    
item 1
 

    
item 2
 

    
item 3
 

    
item 4
 

    
item 5
 

You can also build this in JavaScript using a loop and concatenating a new li for x amount of list items but seeing as your post doesnt say anything about a dynamically generated list I'll leave it just as this for now.