How to style unordered lists in CSS as comma separated text

Question

I’m looking for a way to style an unordered list in XHTML with CSS such that it is rendered inline and the list items are separated by commas.

For example, the follo

Answer 1

Replace one your rule

#taglist li:after {
    content: ", ";
}

with just another one

#taglist li + li:before {
    content: ", ";
}

Pros:

• One rule do all the work.
• No rules for cancel previous rule,
• IE8 Support