CSS: Set border to half width

Question

Consider following:

...


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

It will set the bot

Answer 1

Can you throw an

---

at the bottom of your box?

    ...
    



.box{
    width:500px;
}

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

http://jsfiddle.net/MuAKF/