Nest an Anchor Element within a Paragraphr

HTML-CSS
1

Tell us what’s happening:

Your code so far


<h2>CatPhotoApp</h2>
<main>
  <a href="View more"></a>
 <a href="http://freecatphotoapp.com/">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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph

2

You need to nest this a element with p tag.

You do not need this, you need a p tag instead.
Does that help?

1 Like
3

Your p element should have the text "View more " (with a space after it).

Create a paragraph ( p ) element with a text as View more, place this anchor tag after the text,
<a href="http://freecatphotoapp.com/">cat photos</a>
And close the p tag after </a>

You can remove the extra anchor tag with View more text

1 Like
4

im already completed this code,but the problem is to show the “your a element should have nested within your p element”,its already completed

5

Okay so what we need to do is the next
first we need to set the

to the link we have. 
<p>
  <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>
</p>

Then we are given the text View more cat photos . where cat photos must be a link.
So first we add the text : view more after the

element.

 <p> View more
  <a href="http://freecatphotoapp.com" target="_blank"></a>
  </p>

Then we need to put the cat photo after the and before the
like so

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