Indenting of child elements

Tell us what’s happening:
Describe your issue in detail here.
the message is ,I should place h2 elements below the opening tag of the main tag

   **Your code so far**
<html>
 <body>
   <h1>CatPhotoApp</h1>
   <main>

     
     <ul>

       <li>
<h2>Cat Photos</h2>


   <!-- TODO: Add link to cat photos -->


   <li>
   <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:

Helloo

This step is focused on the importance of HTML formatting for a better look and feel.
Every child tag should be indented inside of its parent tag to improve readability, like this:

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

So this lesson is actually asking you to do the exact same for the h2 , comment and p elements nested inside the main element. You’re supposed to indent the child elements with whitespace.

please what does this mean: Your h2 element should be below the main element’s opening tag and its opening tag should start 6 spaces over from the start of the line.

The markup will just work fine if you don’t indent things at all. but for the readability purpose we indent things as said by @praxeds .

main
______ h4

as for the challenge the H2, Comment and P all should be 6 space from the start of the line

1 Like