Два варианта ми хрумнаха като начало.
Първият е да сложиш един див с широчина 1px, височина - колкото искаш да ти е вертикалната линия и background цветът на линията. Същото може да се постигне с широчина 0 и някакъв бордер.
Вторият вариант използва CSS 3. За жалост не успях да измисля решение, което да работи и под IE 6. Така че поддържаш всички съвременни браузъри без IE 6 (който за съжаление още не може да се пренебрегне напълно в България)
[css]hr.vertical {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 0;
padding: 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid

XImageTransform.Microsoft.BasicImage(rotation=3);
transform: rotate(-90deg);
} [/css]
и просто където искаш вертикална линия - задаваш
За съжаление в 99% от случаите бих избрал вариант 1
