У ссылок не работает margin-top

[AlexKain]

Уже не один раз сталкиваюсь с тем, что отступ сверху у ссылок не работает. Влево-вправо двигаются, а при отступе сверху нет. Запаковывание в div и применение стиля к нему эффекта не дает. Так как пока мне было необходимо сдвигать ссылки на расстояние до 5 мм, я использовал line-height, но по понятным причинам это часто не вариант. Как решить эту проблему? Прикладываю файл с примером проблемы. Там отступ слева и сверху, но работает только первый.

[maksim_serg]

margin-top не работает с a, span, label и т.д.. Но есть вариант

a{
 display: block; //(inline-block);
 margin-top: 10px;
}

'margin-top', 'margin-bottom'
Value:  	<margin-width> | inherit
Initial:  	0
Applies to:  	all elements except elements with table display types other than table-caption, table and inline-table
Inherited:  	no
Percentages:  	refer to width of containing block
Media:  	visual
Computed value:  	the percentage as specified or the absolute length

[AlexKain]

Спасибо за объяснение.
Правда, у меня в приведенном примере ссылка сдвигается вместе с div, внутри которого расположена

[Вадим Мошев]

Это такой глюк у браузеров, ИМХО. Для первого блока внутри контейнера отступ сверху сдвигает сам контейнер, я так понимаю.

Используйте вместо margin-top свойство padding-top, и не у ссылки, которую вы сдвигаете, а у контейнера, в котором эта ссылка располагается.