hide line beginning and end text separators

Question

two solutions below: one with pure css, the second with jQuery, allowing any kind of symbol/image to be a separator

pre: Fairly hard to formulate an

Answer 1

Yes you can do this but you need to put the | in a tag. Look at this example

HTML:

    C++
    |
    PHP
    |
    ASP
    |
    JavaScript
    |
    jQuery
    |
    HTML 5
    |
    StackOverflow

CSS:

#tags {
    width: 170px;
}
#tags a {
    white-space: nowrap;
}

JavaScript (jQuery):

var iTop;
$("#tags a").each(function() {
    if (iTop < $(this).offset().top) {
        $(this).prev("span").remove();
    }
    iTop = $(this).offset().top;
});