Nest an Anchor Element within a Para

HTML-CSS
1

I can’t progress past this tutorial as " Your a element should be nested within your new p element." Tried resetting the code, clearing the cache etc. Please help!

Your code so far


<h2>CatPhotoApp</h2>
<main>
<p>View more 
  <a href="https://www.freecatphotoapp.com/" target="_blank">cat photos</a>
</p>

<a href="https://freecatphotoapp.com" target="_blank">cat photos</a>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36.

Challenge: Nest an Anchor Element within a Paragraph

Link to the challenge:

2

Hi @shaunsheep01, this challenge has quite a lot of information so it’s easy to get confused.

The relevant part to pass the challenge is the following:

Nest the existing a element within a new p element. The new paragraph should have text that says “View more cat photos”, where “cat photos” is a link, and the rest is plain text.

It’s important to note that we need to nest the exsiting a into a new p.
Meaning that at the end of the challenge I should see

3 p tags
1 a tag.

If you look at your code above, you have two a element.

Hope this helps :sparkles:

1 Like
3

Thank you - I didn’t spot the obvious reference to the existing a element. Completed.