A element nested inside a p element

HTML-CSS
1

Hey guys :slight_smile:

May you please help.

 <footer>
        <p a href="https://www.freecodecamp.org">Visit our website</a></p>
      </footer>

Problem Statement: Inside the footer , add a p element. Then, nest an anchor (a ) element in the p that links to https://www.freecodecamp.org and has the text Visit our website .

Link:

Learn Basic CSS by Building a Cafe Menu: Step 64 | freeCodeCamp.org

Thank you in advance :slight_smile:

2

Your p element has no closing bracket.

3

Hi there Adam :slight_smile:

Please excuse the delayed response, got hit by loadshedding.

It’s actually there. Please double-check.

The p element has both opening & closing brackets on both ends.

Below I am going to attach the initial solution to the problem and how I have tried to solve it again.

 <footer>
        <p a href="https://www.freecodecamp.org">Visit our website</a></p>
      </footer>

 <footer>
        <p a href="https://www.freecodecamp.org"></p>Visit our website</a>
      </footer>

Where in the 2nd solution, the closing of the p element is in the middle.

4

Your first solution is more closer than the second one.

The opening tag of the p element does not have the closing > which should come before the anchor element. Also dont forget to open the <a> element properly with the < bracket

1 Like
5

This helped.

Cracked it!

Thank you so much Cryptic :slight_smile:

1 Like