I am trying to space it our

HTML-CSS
1

Tell us what’s happening:
it says my issue is “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.” but i am not sure what is wrong

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

Challenge: Step 6

Link to the challenge:

2

Take out the <li> and <ul> elements- you don’t need them, that was just for the example to show how indentations work.

<h1>CatPhotoApp</h1>
<main>
      <h2>Cat Photos</h2> </li>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more cat photos.</p>
</main>

Other than adding elements you didn’t need, the error you are getting has to do with indentations. Make sure the child elements (the ones inside your main, parent element, in this case the <main> element) are tabbed over (or like they said, press space 6 times in place of pressing tab). This is mainly just for readability reasons.

3

Remove Your li Elements

4

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