To jest blok "main". Jest centralnym blokiem na tej stronie. Wewnątrz tego bloku znajduje się blok "div" o id = "a1". Blok "a1" został odsunięty od krawędzi bloku "main" dzięki zastosowaniu w nim marginesu zewnętrznego "margin" po lewej stronie.
To jest blok "div" o id = "a1". Treść w tym bloku została odsunięta od krawędzi tego bloku dzięki zastosowaniu marginesu wewnętrznego "padding" z góry.
To jest osobna sekcja, odsunięta od poprzedniej sekcji "main" poprzez margines zewnętrzny "margin" górny.
To jest "div" o id = "a2". Treść tego bloku jest odsunięta od wszystkich krawędzi dzięki marginesowi wewnętrznemu "padding".
To jest "div" o id = "a3". Jest odsunięty od bloku "a2" dzięki marginesowi zewnętrznemu "margin" lewemu.
Zarówno blok "a2" jak i "a3" mają ustalone szerokość "width" i wysokość "height" na 200px. W wyniku zastosowania marginesu wewnętrznego "padding" w bloku "a2", jego wymiary uległy powiększeniu o wielkość tegoż marginesu.