Improve instructions: Link to External Pages with Anchor Elements

Challenge Name

Basic HTML and HTML5: Link to External Pages with Anchor Elements https://beta.freecodecamp.org/en/challenges/basic-html-and-html5/link-to-external-pages-with-anchor-elements

Issue Description

The image displaying the anchor elements is smashed together. I think it should be broken into smaller parts and displayed with regular text like below:

Let’s break down the example:

<p>Here's` a <a href="http://freecodecamp.org"> link to freecodecamp.org</a> for you to follow.</p>

1. Normal text in the p element

<p>Here's a ... for you to follow.</p>

1. Anchor tag (requires a closing tag)

<a></a>

1. href is an anchor tag attribute

<a href="http://freecodecamp.org"></a>

1. The text within the anchor tags, link to freecodecamp.org, will display a link to click

<p>Here's` a <a href="http://freecodecamp.org"> link to freecodecamp.org</a></p>

1. Final Render

Here's a link to freecodecamp.org for you to follow.

[raisedadead]

Bonus, if you or anyone else is looking for a contribution do the similar changes for another challenge reported in #16335

[Ryan-ED]

Is anybody working on this? I would love to give it a shot. I’ve never contributed to open source before