how to nest code in html ?

Tell us what’s happening:
Describe your issue in detail here.

Your code so far


<h2>CatPhotoApp</h2>
<main> 
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<P>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</P>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36.

Challenge: Introduction to HTML5 Elements

Link to the challenge:

Yeah, that word “nest” trips people up. They don’t mean anything fancy by it, just to put one element “inside” another one.

<div>
  <p>howdy</p>
</div>

There, the p element is “nested” inside the div element.

As to why your code isn’t passing, your p element is using a capitol “P” - you can’t do that, HTML is case sensitive - it should always be a lower case “p”.

When I fix that, your code passes for me.

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