Margin pionowy nie działa...

2015-11-15 00:08
0

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;
}
edytowany 2x, ostatnio: Dulson, 2015-11-15 00:10

Pozostało 580 znaków

2015-11-15 00:17
<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.

edytowany 2x, ostatnio: Maciej Cąderek, 2015-11-15 00:18
Dzięki, nie pomyślałem o tym, że przecież <a> jest elementem liniowym :) - Dulson 2015-11-15 09:42

Pozostało 580 znaków

Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0