Issue
Here is my footer:
<footer style="background-color:#1b1c1f;" class="center">
<p class="center" 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 <p> and <a>. And I did try putting a space in the <p>
Solution
Any time you use <p> 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 <p> 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;
}
Answered By - EdgarAlexPoe
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.