Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
Hello,everyone
I am a fresh potato in programming. I started learning the HTML few days ago. i have faced a little obstacle in lesson 12.
I have try to change the position of p and a or deleted the the anchor , but didn’t work at all. Below i pasted the hint FYR:
Your anchor (a ) element should be nested within the p element.

Thank you for kindly helping in advance ~

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    
   
    <p>Click here to view more cat photos </p> <a href="https://freecatphotoapp.com">cat photos</a>
  
 

    <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
  </main>
</body>
</html>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 12

Link to the challenge:

Hello, welcome to the forum!
Potatoes are great! :nerd_face:

What you have been given here is a sentence as follows:
Click here to view more cat photos.

And what they are asking for is to make that sentence end up looking like this:
Click here to view more cat photos.

Such that the last two words become a link.

So to do that:
1-
Carefully place the opening anchor tag to the left of the word cat (in the original sentence given)
2-
Then, carefully place the closing tag for the anchor on the right of the word photos.
(Being careful to preserve the period outside the anchor to the right)

Give that a try…