CSS: Set border to half width

Question

Consider following:

...


.box{
    width:500px;
    border-bottom: 1px solid #ccc;
}

It will set the bot

Answer 1

You could do this:

    .box {
        position: relative;
        width: 500px;
    }
    .border {
        position: aboslute;
        background: #ccc;
        left: 100px;
        bottom: 0;
        width: 300px;
        height: 1px;
    }

But there are infinite possibilities. Some are more semantically correct than others; this solution is simply a quick fix.