Cuando tenemos una lista de cosas en HTML se hace con el famoso ul > li.
En algunos casos puede que queramos que en lugar de aparecer por bloques se componga en una frase donde cada elemento se separa del otro por una coma. Obviamente haciendo que al final no haya coma.
Para ello el código que necesitamos es:
.post-categories {
display: inline;
list-style: none;
}
.post-categories li {
display: inline;
}
.post-categories li:after {
content: ", ";
}
.post-categories li:last-child:after {
content: "";
}
Sacado (como no) de stackoverflow