уменьшить длину правой стороны границы

Question

У меня есть границы:

.verticalLineTop { 
    border-top:solid #6E6A6B; 
    border-width:1px; 
    width: 130px; 
} 

Я жестко прописывать в ширину, чтобы обрезать часть справа от границы, это может быть сделано с помощью CSS?

Таким образом, вместо:

________________________ 

отображается Это:

____________________ 

Answer 1

Вы не можете установить частичную CSS border-top, его все или ничего.

Если вы всегда хотите, чтобы верхняя граница была определенным процентом от ширины, вы можете вставить элемент с процентной шириной.

.verticalLineTop 
{ 
    width:80%; 
    border-top:solid 1px #000; 
} 

Демо:http://jsfiddle.net/P3RKB/1