this sign |

 

what is it called and how do you change the colour of it in css has a class ??

It's a vertical bar - usually the keyboard button just to the right of the left Shift key. The bar is plain text so it inherits whatever text colour you've assigned for it's parent container.

wrap it in a <p class="verticle">|</p> or something like that.

is it possible to wrap the vertical bars (if there is more than one) in span tags and then give the span tags a class and then set the color:#ff0000; like that?

is it possible to wrap the vertical bars (if there is more than one) in span tags and then give the span tags a class and then set the color:#ff0000; like that?

 

Yes of course:

 

<p id="footer_a">About us <span class="vertical">|</span> Resources<span class="vertical">|</span> Links <span class="vertical">|</span> RSS</p>

 

Should output something like this with a working stylesheet:

 

About us | Resources | Links | RSS

 

Dave,

Just a couple of things if you are indeed using it to separate a list of links:

 

Don't! It's not semantic! Better to put the links in an unordered list and use CSS to make it inline and put a border on the right-hand edge.

But if you really want to then if you've got:

 

<p><a>link</a>|<a>link</a>|<a>link</a></p>

 

Just set the paragraph font colour to the colour you want the bars to be and set the link font colour to a different colour if needs be - no need to put extra spans in.