Vertical Line

Hey guys,

Im trying to make vertical lines on my page to display my contact information and I cant figure out how to put in a vertical line/bar using HTML and/or CSS. Its not a navigation link just a separator.

How do I make the bars below?


Example | Example | Example | Example | Example



Thanks

Do you mean you want them taller than your example? Because your example is exactly how you do that.

if you want taller ones, then you just create a div, and set it to the height you want. Set the border to 0, set the width to 1 px, and set the background color to black or whatever color you want.

But if you just want seperators like your example, then just put in the pipes "|". If I need a big long divider, then you have to use a div.

reply to post by Event Horizon


You should be able to add the bars without trouble. As the above post said, you do it exactly the way you mentioned. There is not tag for the | line, just enter it into the script as it is.

Try using the the following sequence of keys and characters in your HTML code instead:

& # 0 1 2 4 ;
(shown here with spaces)

This should produce the vertical line separator.

Using | produces |