How can i 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

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**


<h2>CatPhotoApp</h2>
<main>

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

<img src="https://www.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>
<p> View more <a> cat photos </a> </p>


  **Your browser information:**

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

Challenge: Nest an Anchor Element within a Paragraph

Link to the challenge:

2

The <a> tag that you are supposed to nest has already been provided in the code. You don’t need to create a new tag as you have done. You should remove that.

The first <a> tag should be nested. So add a <p> tag surrounding it and enter the text ‘View More’ within <p> but outside <a>.

Hope this helps!

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.