 |
A labelled diagram of a box model
|
HTML elements such as paragraphs or headings can be considered as boxes. These boxes have been put in place to organise a structure of a webpage. In CSS, the term "box model" is used when talking about design and layout of a webpage.
The CSS box model is basically a box that wraps around HTML elements such as text and headings, and it consists of: margins, borders, padding, and the actual content.
The box model allows us to place a border around elements and space elements in relation to other elements. This helps a web developer create lots of box models, each with different subjects or topics and space them out with ease.
