Spacing and understanding movement of code on lines

I am very lost on the formatting of this code once it gets past the sequence. when it refers to spacing does it talk about the line spacing and moving the code or adding additional lines to that piece of code?

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
 <ul> <main>
 <li><h2>Cat Photos</h2></li>   
  <!-- TODO: Add link to cat photos -->   
  <li><p>Click here to view more cat photos.</p></li>    
  </main> </ul>
</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/103.0.0.0 Safari/537.36

Challenge: Step 6

Link to the challenge:

The code shown above the last sentence of the instructions is just example showing how li elements are nested in a ul element. The ul element is the parent in this example and the li elements are its children. You are not actually supposed to put those into your code.

All you are supposed to do is add two space character to the beginning of the line of three child elements of the main element. The two spaces will indent those 3 lines to make it more obvious that they are child elements of the parent element main.

So to answer your specific question, you do not add additional lines. You just add spaces to the beginning (front) of the 3 elements that are children of the main element.

1 Like

Thank you for your explanation!