Your sample does not work in IE for me, you have to specify Doctype header in your document to render your page in standard way in IE to use the content CSS property:
- One
- Two
- Three
- Four
- Five
Second way is to use CSS 3 selectors
li:not(:last-of-type):after
{
content: " |";
}
But you still need to specify Doctype
And third way is to use JQuery with some script like following:
- One
- Two
- Three
- Four
- Five
$(document).ready(function () {
$("li:not(:last)").append(" | ");
});
Advantage of third way is that you dont have to specify doctype and jQuery will take care of compatibility.