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

In the simplest of ways, all you would require is setting text-align: center on the ul and display: inline-block on li in your stylesheet. You can use an image as a separator if you wish by leveraging the :after pseudo class on li.

Here's an example.