pls get me out!!

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

  **Your code so far**

<h2>CatPhotoApp</h2>
<main>

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

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</p>

<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. 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; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.79 Safari/537.36

Challenge: Nest an Anchor Element within a Paragraph

Link to the challenge:

The challenge stated that “cat photos” is a link. You need to wrap “cat photos” between an <a> tag and then wrap that <a> tag between a <p> tag with the text "View more ".
SOLUTION REDACTED BY MODERATOR

1 Like

Hi @khangpro31072002 !

Welcome to the forum!

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

2 Likes

If you are still having difficulties with this:


THE TUTORIAL ASKS US TO:
Nest the existing a element within a new p element. Do not create a new anchor tag. The new paragraph should have text that says View more cat photos, where cat photos is a link, and the rest is plain text.


FIRST: lets take a look at the two elements they are talking about here.


An <a href> and a <p>.

<a href> An anchor link, allows you to create a link using text.

<p> Represents a text Paragraph.


Nesting means to put one element inside another element.

In this case, they are asking you to put an <a href> element inside the <p> element.


THE LINK that the tutorial asks us to use:
image



This is the structure that nesting an <a> tag within a <p> tag will create :

This text contains a link

<p> This text contains a <a href="https://www.cat-photo.com" target="_blank">link</a></p>