[RESOLVED] How to create this using CSS

[bombfonk]

I'm wondering what the best way to create the following would be? I'm thinking a list, but I don't how to get the border to just show beside the left or right text, not both.

http://i20.tinypic.com/sz74zq.png

[bombfonk]

Any suggestions? I've tried using a list for the right text, and leaving the left text out of the list but it shows up on separate lines. What do you think the best way to do this is?

[Pegasus]

What purpose is this for? That might help us figure out the best way to go about getting things all on one line for you.

Peg

[BillyGalbreath]

http://billy.pl3x.net/tests/bombfonk.html

;)

[RysChwith]

You can also get it without the floating:ul { list-style-position: outside }

li { border-left: 1px solid black;
padding-left: 5px }Rys

[bombfonk]

Thank you everyone.

[BillyGalbreath]

You're very welcome :D

[bombfonk]

It's for a navigation, also RysChwith what is the HTML code you used? Yours doesn't seem to work.