The CSS Box Model is the model that describes how all elements should be placed on a Web page. There are four parts to the box model:
- content
- padding
- border
- margin
This gallery illustrates how the box model works. You see the different parts of the box model in different colors to make it clearer what is where.
Images 1-5 of 5
 Box Model Content |  Padding Added |  Add a Border |  Margins On the Edge |
 Box Model Hack |
- Graphic Index
- Text Index