Box Model in CSS

 Box Model in CSS

The box model refers to how HTML elements are displayed on a web page, with each element having a rectangular box around it. The box model consists of four components: content, padding, border, and margin. Here's an example of how to set the padding and border of a div element:

css

div {

  padding: 20px;

  border: 1px solid black;

}