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>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p>
</main>
<main>
<h2> This `li` element indented </h2>
<p> This `li` element is also indented </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: Learn HTML by Building a Cat Photo App - Step 6
i dont understand what to do here
please help with good explanation, i am entirely new to coding.
In the previous step, you nested the h2 element, comment, and p element within the main element. Indenting nested elements two more spaces than their parent element improves readability:
<ul>
<li> This `li` element indented </li>
<li> This `li` element is also indented </li>
</ul>
Add two more spaces in front of the h2, comment, and p elements so your HTML is more readable.