diff --git a/challenges/01-responsive-web-design/basic-html-and-html5.json b/challenges/01-responsive-web-design/basic-html-and-html5.json
index 4b612800af..ec39f63128 100644
--- a/challenges/01-responsive-web-design/basic-html-and-html5.json
+++ b/challenges/01-responsive-web-design/basic-html-and-html5.json
@@ -856,10 +856,15 @@
"title": "Nest an Anchor Element within a Paragraph",
"description": [
"Again, here's a diagram of an a
element for your reference:",
- "",
+ "
Click to enlarge ",
"Here's an example:",
- "
<p>Here's a <a href=\"https://freecodecamp.org\"> link to freeCodeCamp</a> for you to follow.</p>
",
- "Nesting
just means putting one element inside of another element.",
+ "
<p>", + "Let's break down the example:", + "Normal text is wrapped in the
Here's a <a href=\"http://freecodecamp.org\"> link to freecodecamp.org</a> for you to follow.
</p>
p
element:<p> Here's a ... for you to follow. </p>
",
+ "Next is the anchor
element <a>
(which requires a closing tag </a>
):<a> ... </a>
",
+ "href
is an anchor tag attribute that contains the URL address of the link:<a href=\"http://freecodecamp.org\"> ... </a>
",
+ "The text, \"link to freecodecamp.org\", within the anchor element called anchor text
, will display a link to click:<a href=\" ... \">link to freecodecamp.org</a>
",
+ "The final output of the example will look like this:Here's a link to freecodecamp.org for you to follow.
", "a
element within a new p
element (just after the existing main
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."
],