Explain the CSS “box model” and the layout components that it consists of

The CSS box modal is a rectangular layout paradigm for HTML elements that consists of below:

• Content - The content of the box, where text and images appear
• Padding - A transparent area surrounding the content (i.e., the amount of space between the border and the content)