Separate list items

The `content` property of the `:after` selector can be used to separate list items:
/* Inline items */
span:not(:last-child):after {
content: ' • ';
}
/* List items */
li:not(:last-child):after {
content: ',';
}
The footer of this website uses the same technique.

Demo

Separate list items

See also