As some of you may know, one of the main building blocks of learning HTML + CSS is the Box-model.
The Box-model is a sum of element size (content + padding + borders) and there is the margins that is out side of the element.
view source