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>
</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
to make the code easy to read we make give the children of an element some space, for example the p is the child of the div, so we add the space before the tag. but if the p is a sibling if the div we keep it at the same line.
in this example the p is a child of the div so we add space before the p
<div>
<p></p>
</div>
in this example the p is a sibling of the div so we keep them in the same line
<div></div>
<p></p>