Ogni elemento HTML può essere pensato come racchiuso in una scatola (box) che ha un padding (imbottitura) tra il contenuto (content) e il bordo (border), e un margin (margine) che separa il bordo dagli altri elementi della pagina: Supponiamo ad esempio di avere due div contenenti del testo: Possiamo definire queste regole: ottenendo questo risultato:
