Style a border as a vertical rule??

[Eye for Video]

Is it possible to style a left/right border sort of like a <hr/>?
That is, I want to display the border or psuedo vertical rule over just a %, something like this <hr class="hr"/> is doing.

.hr {
  	border: 0;
  	width: 80%;
  	color: #f00;
	background-color: #ff0000;
	height: 5px;
}

So be able to adjust the height by percent and change the width/color of the line.
Thanks for your time!
Eye for Video
www.cidigitalmedia.com

[Fang]

Not without using an empty element, like a <hr>