Margin-top not working for and tag?

Question

I have been trying to implement margin-top for a link button but it doesn\'t work at all. I have also tried inline styles for both \'p\' and \'a\' tag.

There are 3 li el

Answer 1

This issue is known as Margin Collapse and happens sometimes between top and bottom margins on block elements.

The margins of adjacent siblings are collapsed

That's why the margin doesn't work on the p tag. To make it work here an option is to use padding-top on the p tag.

And on the a tag the margin doesn't work because it's an inline element. You may need to change its display property to inline-block or block.