Margines jest odległością od jednego elementu HTML do następnego.

Margines można wyrażać w wartościach relatywnych (em, %) i absolutnych (10px).

  margin-top: 15px; (góra)
  margin-left: 10px ; (lewa strona)
  margin-right: 15px; ( prawa strona)
  margin-bottom: 10px; (dół)

Aby uniknąć nadmiernie długiego kodu, powyższy przykład można zapisać:

  margin: 15px 10px 15px 10px;

Jeśli określi się jedynie jedną wartość dla marginesu, dotyczy ona wszystkich stron:

#container {
  width: 40%;
  margin: 15px ;
  padding: 20px;
  border: 1px solid #eee;
  background: #ffffff;
}