margin

margin

/* Odsazení prvku od vnějšího okraje ve všech směrech o 5px */
div {
  margin: 5px;
}

/* Odsazení prvku od vnějšího okraje shora a zdola o 5px a zleva a zprava o 10px */
div {
  margin: 5px 10px;
}

/* Odsazení prvku od vnějšího okraje shora o 5px, zdola o 15px a zleva a zprava o 10px */
div {
  margin: 5px 10px 15px;
}

/* Odsazení prvku od vnějšího okraje ve všech směrech o 10px */
div {
  margin: 10px 10px 10px 10px;
}

/* Odsazení prvku od levé vnější strany v px */
div {
   margin-left: 50px;
}

/* Odsazení prvku od levé vnější strany v em */
div {
   margin-left: 5em;
}

/* Odsazení prvku od levé vnější strany v procentech */
div {
   margin-left: 5%;
}

/* Odsazení prvku od levé vnější strany automaticky */
div {
   margin-left: auto;
}

/* Odsazení prvku od pravé vnější strany v px */
div {
   margin-right: 50px;
}

/* Odsazení prvku od pravé vnější strany v em */
div {
   margin-right: 5em;
}