CSS Box Model
The box model is an important concept in CSS. It dictates how elements are laid out. The box model is shown below:
The innermost component is the content. Padding is applied outside the content area. Border is then applied outside of the padding area. Finally, margin is applied outside of the padding area. Margins specify the relationship between different elements.