Be Brav3

FCC Challenge 22: Nest an Anchor Element within a Paragraph

March 08, 2016

In Free Code Camp Challenge 22 we need to nest the anchor element in the paragraph tag

Again, here’s a diagram of an a element for your reference:

Here’s an example:

[html]

Here’s a link to Free Code Camp for you to follow.

[/html]

Nesting just means putting one element inside of another element.

Now nest your existing a element within a new p element (just after the existing h2 element) so that the surrounding paragraph says “View more cat photos”, but where only “cat photos” is a link, and the rest of the text is plain text.

The original code is:

[html]

CatPhotoApp

cat photos

A cute orange cat lying on its back.

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

[/html]

The updated code should look like:

[html]

CatPhotoApp

view more cat photos

A cute orange cat lying on its back.

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

[/html]