How to seperate and <a> HTML tags-CodePudding

Here is my footer:

<footer style="background-color:#1b1c1f;" >
            <p  style="color:rgb(255, 255, 255); font-family:arial; font: size 24px;">© 2022 Moonlight™ All rights reserved.</p>
            <a href="https://moonlighthq.net/terms.html">
                <p style="text-decoration: none; color:rgb(255, 255, 255); font-family:arial; font: size 24px;">Terms</p>
            </a>
            <a href="https://moonlighthq.net/privacy.html">
                <p style="text-decoration: none; color:rgb(255, 255, 255); font-family:arial; font: size 24px;">Privacy Policy</p>
            </a>
        </footer>

My problem is, is that it shows like this: "© 2022 Moonlight™ All rights reserved.TermsPrivacy Policy" on our website. How can I add a " " between the  and <a>. And I did try putting a space in the 

CodePudding user response：

Any time you use  your elements will have a break and create a second line. What I would do is use <div> to wrap your links. However, you can still use  and create the layout you are trying to achieve. You will want to put this code into your stylesheet (.css) in the <head>

Try this:

footer.center a,footer.center p 
{ 
display: inline-block; 
vertical-align:top; 
margin: 0 5px;
}

CodePudding user response：

  is also and alternative to  

CodePudding user response：

The p tag is a block elememt. You are wrapped the block element with a anchor element. if you would like to have:

Terms
Privacy Policy

You can replace the first p tag with a span and

<footer style="background-color:#1b1c1f; padding: 5px;" >
            <span  style="color:rgb(255, 255, 255); font-family:arial; font: size 24px; margin: 5px;">© 2022 Moonlight™ All rights reserved.</span>
  
            <a style=" margin: 5px;text-decoration: none; color:rgb(255, 255, 255); font-family:arial; font: size 24px;" href="https://moonlighthq.net/terms.html">
                Terms
            </a>
            <a style="text-decoration: none; color:rgb(255, 255, 255); font-family:arial; font: size 24px;" href="https://moonlighthq.net/privacy.html">
                Privacy Policy
            </a>
 </footer>

CodePudding user response：

You can use   code to add " " to somewhere.