Почему margin не работает?

Бывает такая ситуация, когда вы применяете к элементу отступ margin… но визуально ничего не меняется. 

Самая простая причина, почему отступ может не срабатывать - это потому что вы пытаетесь применить его к inline элементу (к примеру к span или к ссылке a). Бывают и другие причины, но проверить сначала лучше эту.

Как исправить : достаточно применить к элементу display: inline-block или display:  block  

Пример: 

Отступ не сработает:

<a style="margin-top: 20px;" href="#">Ссылка</a>

Сработает:

<a style="display: inline-block; margin-top: 20px;" href="#">Ссылка</a>