Margin pionowy nie działa...

Kod samodzielny jest... Mam problem z tym, że margines w poziomie mi nie działa i nie wiem czemu... Chcę wiedzieć czemu nie działa, a nie dostać zastępczy kod, typu pozycja relatywna i przesunięcie z góry...

HTML:

<a href="#" class="button" title="Learn more...">
                    
    Learn more
                            
</a>

CSS:

.button {
	color: #ffffff;
	padding: 20px 40px;
	margin: 25px 50px; /*25px od góry i od dołu nie jest interpretowane przez przeglądarkę...*/
	border: 1px solid #e92121;
        border-radius: 4px;
	background-color: #e92121;
}

<a> 

to element liniowy i jako taki nie posiada czegoś takiego jak margines pionowy.

Możesz zrobić to na przynajmniej dwa sposoby:
a) zmienić tryb wyświellania na blokowy (display: inline-block),
b) użyć zamiast marginesów właściwości line-height.