Html Css Course

Tell us what’s happening:

Your code so far


<h2>CatPhotoApp</h2>
<main>
 <p> View more
 <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>
 </p>
 
 <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
 
 <p>Kitty ipsum dolor sit amet, shed <a href="http://freecodecamp.org">everywhere</a> shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. <a href="https://freecatphotoapp.com"> View More </a></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>

<!-- 
Now nest your existing a element within a new p element (just after the existing main element). The new paragraph should have text that says "View more cat photos", where "cat photos" is a link, and the rest of the text is plain text. 
-->

Your browser information:

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

Challenge: Nest an Anchor Element within a Paragraph

Link to the challenge:

This is an example of nesting

<p>
  Here's a <a target="_blank" href="http://freecodecamp.org"> link to freecodecamp.org</a> for you to follow.
</p>
2 Likes

Hi @creatoranas!

I would reset the lesson and only do the nesting for this part .
<a href="https://freecatphotoapp.com" target="_blank">cat photos</a>

You can leave everything else alone.

1 Like