The CSS box model consists of 4 elements:
It allows you to add a border around HTML elements and to define spaces between them.
Content – Inside this is where text and images appear
Padding – Padding is transparent, but clears an area around the content
Border – The border goes around the padding and content
Margin – This clears an area outside the border which is also transparent just like padding is