How to use child element?

HTML-CSS
1

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>
  <ul>
   <li>Child Element</li>
   <li>Child Element</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/102.0.5005.63 Safari/537.36 Edg/102.0.1245.39

Challenge: Step 6

Link to the challenge:

2

Step six asks you to “add two spaces in front of the three child elements of main so your HTML is more readable.” It doesn’t have to do with the child elements yet.

1 Like
3

where do I add these two spaces?

4

This is what formatting would look like with the proper indentations:

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <h2>Cat Photos</h2>
      <ul>
        <li>Child Element</li>
        <li>Child Element</li>
      </ul>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more cat photos.</p>
    </main>
  </body>
</html>
1 Like
5

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