Note: This article is about the physical width of a border based on its element’s size. This article is not about the
border-width css property.
Lately I’ve been working on a lot of designs that require a percentage, or fixed,
border width that is different to the width of the box model for the element it is being applied to. More often than not this is a centre aligned small
border-bottom to visually separate one section from another.