CSS Box Model

The CSS box model describes how elements are displayed and sized. It is useful to customize the design and layout of elements of web pages.

It contains the following properties👇

🎯content: this includes text, images, or other HTML elements.

🎯padding: this is the space between an element’s content and its border.

🎯border: this is a line that surrounds the padding and content of an element.

🎯margin: this is the space between an element’s border and its neighbouring elements.