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.
Enter Gallery
Images 1-5 of 5
 Box Model Content |  Padding Added |  Add a Border |  Margins On the Edge |
 Box Model Hack |
- Graphic Index
- Text Index