Varje element som finns på en sida är egentligen en box. Därav så brukar man ofta prata om Boxmodellen för att se vad som

händer runt varje element

 -------------------------------------------------------------------------
|                            Margin                                       |
|  ---------------------------------------------------------------------  |
| |                          Border                                     | |
| |  -----------------------------------------------------------------  | |
| | |                        Padding                                  | | | 
| | |  -------------------------------------------------------------  | | |
| | | |                      Content                                | | | |
| | | |                                                             | | | |
| | |  -------------------------------------------------------------  | | |
| | |                                                                 | | |
| |  -----------------------------------------------------------------  | |
| |                                                                     | |
|  ---------------------------------------------------------------------  |
|                                                                         |
--------------------------------------------------------------------------|

Förklaring av de olika delarna:

• Margin är en transparant area runt ramen.
• Border är en area runt som man kan sätta att ha en viss färg eller typ av border.
• Padding är en area runt ett innehåll och den kommer att ha färgen som själva boxen är färgad i.
• Content är helt enkelt innehållet av boxen som exempelvis kan vara text.