HTML básico y HTML5 - Anida un elemento anchor dentro de un párrafo

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.

  **Tu código hasta el momento**
<h2>CatPhotoApp</h2>
<main>

<a href="https://www.freecatphotoapp.com" target="_blank">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.">

<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 src eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

<p <a href="index.html"cat photos></a>view more </p>
<p <a href="index.html"cat photos></a>view more </p>
<p <a href="index.html"cat photos></a>view more </p>
</main>
  **Información de tu navegador:**

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Desafío: HTML básico y HTML5 - Anida un elemento anchor dentro de un párrafo

Enlaza al desafío:

De preferencia resetea tu código para eliminar los elementos que creaste

Solo tienes que modificar esta parte:

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

Agrega un elemento “p” con el texto View more cat photos , dentro del mismo elemento “p” añade el elmento anchor “a” con el texto cat photos

De modo que aparezca así
view more - es un texto normal
cat photos - es un link

view more cat photos