Insert space at position in border line

Question

I'm displaying a horizontal line using css :

.horizontalLineBottom {
    border-bottom:solid #6E6A6B;
    border-width:1px;
}

Can I space be insterted a specific position on this line ?

So

______________________________________________

becomes

______________________________             ___

Answer 1

Another solution using border-width:

.line {
    width: 20px;
    height: 1px;
    padding: 0;
    border-width: 0 100px 0 150px;
    border-style: solid;
    border-color: red;
}

http://jsfiddle.net/dfsq/Uttxy/1/

Answer 2

:after or :before psuedo class can help you. Like in this Fiddle:

div {
    width:100px;
    height:100px;
    border:1px solid #000;
    margin:50px;
    background:yellow;
    position:relative;
}
div:after {
    content: '';
    height:60px;
    width:1px;
    position:absolute;
    top:20px;
    left:-1px;
    background:yellow;
}