Dont know what is wrong with the code

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

  **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>
  </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/102.0.0.0 Safari/537.36

Challenge: Step 6

Link to the challenge:

…?

It keeps saying " Your p element should be below the comment and its opening tag should start 6 spaces over from the start of the line", but the “p” element is just the way it suggested

The course wants to teach you the basic way of writing a nested element, as it say’s you haven’t organized it correctly. As the example says nested elements should look like this :

<ul> 
  <li> Child Element 1 </li>
  <li> Child Element 2 </li>
</ul>

Hint: Focus on the spaces

yes, I finally find it is a browser problem… when I switched to Safari, it just works. it is just 2 spaces for those three lines…