How to add three child elements in HTML5

hello! I had an issue with my code about to add three child elements below my

so I created those three child elements but when I try to submit ,it shows me an error so I would like your help about what I missed on my code. Thank you.

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
  <h2> Cat Photos </h2> <ul>
    <li> Child Element 1 </li>
    <li> Child Element 2 </li>
    <li> Child Element 3 </li>
 </ul> <!-- TODO: Add link to cat photos -->
  <p> Click here to view more cat photos.</p>
  </main>
</body>
</html>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Step 6

Link to the challenge:

After the opening tag element, the next line should have two more spaces adjacent to the opening tag. Something like this:
Mod Edit: SOLUTION REMOVED

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.

You should not add the example. Tme challenge wants you to only add two more spaces to the three lines inside of the main element.