CSS: Set border to half width

Question

Consider following:

...


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

It will set the bot

Answer 1

.box {
    padding-bottom: 10px;
    background-image: linear-gradient(#ccc,#ccc);
    background-size: 50% 2px;
    background-position: bottom left;
    background-repeat: no-repeat;
}