Home/ Questions/Q 8783471
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T20:50:15+00:00

Please tell that in following html & css Snippet: – Html: <p>Paragraph Text</p> <p>

  • 0

Please tell that in following html & css Snippet: –

Html:

<p>Paragraph Text</p>
    <p>
        <a class="cta" href="#">Visit Blog</a>
    </p>
<p>Paragraph Text</p>

Css:

a.cta  {
   font-size:18px;
   margin-top: 50px;
   margin-bottom: 50px;
   margin-left: 40px;
}​

​1) Why the top & bottom margins are Not apply To the anchor’s “cta” Class?.
and
2) Why the left margin is apply without any problem?.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to add display: inline-block; to your CSS

    Demo

    CSS

    a.cta  {    
    font-size:18px;    
    margin-top: 50px;    
    margin-bottom: 50px;    
    margin-left: 40px;
    display: inline-block;
}

    Explanation: Because <a> is an inline element, inline elements doesn’t take top, bottom margins, you need to make it block level element, by declaring inline-block or block

    List of inline and block level elements

    • 0