How to render a border to a div without occupying any extra space?

Issue

How can I apply a border to a div without occupying any extra space? The border must be inside the div.

Solution

You have 3 choices:

1. Inner and outer boxes(as @xpapad stated).
2. Using outline, e.g., outline:1px #000 solid;. Read more.
3. Using box-sizing, which is a css3 property. E.g., box-sizing:border-box;. Read more.

Answered By - Rufus