Problem with nesting 'a' element

HTML-CSS
#1

Tell us what’s happening:
problem with nesting ‘a’ element within the new paragraph ‘p’

Your a element should be nested within your new p element.

Your code so far


<h2>CatPhotoApp</h2>
<main>

<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>
<p>
<a target="_blank" href="http://freecodecamp.org">link to free codecamp.org</a> View more
</p> 

</main>

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 Edg/87.0.664.66.

Challenge: Nest an Anchor Element within a Paragraph

Link to the challenge:

1 Like
#2

The challenge requires that there should be a paragraph <p>around the<a> tag and the text should be “view more”. The code should look something like this:

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

There should be a space between view more and <a href="…’> or else the result will be something like this:
View morecat photos

1 Like
#3

And sorry for lots of edits I am using mobile, so I was struggling with the text editor.