Indenting of child elements

HTML-CSS
1

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:

2

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.

3

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.

4

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
5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.