The CSS box model describes every element as a rectangular box consisting of four layers:

• the content itself
• the padding (space between content and border)
• the border (which can have thickness, style, and color)
• the margin (outer space separating the element from neighbors)