margin nastavuje okraj elementu, tedy vzdálenost mezi rámečkem a okolím elementu. Margin spolu s vlastnostmi border a padding [zde je padding: 10px] tvoří tzv. box model. Ten znázorňuje pozici těchto tří vlastností okolo obsahu HTML elementu
Margin nastavuje všechny čtyři okraje na stejnou velikost. Pokud chceme mít každý okraj jiný, použijeme tyto vlastnosti (můžem použít i pro padding: padding-top: ...px):