Create a Horizontal Line Using the hr Element - Still Failing

HTML-CSS
1

The task is to insert an hr tag just under the h4 tag in the code below.

I did that and the line shows up as expected.

However, the test comes back as a failure.

Please advise. Thanks!

h4 { text-align: center; height: 25px; } p { text-align: justify; } .links { text-align: left; color: black; } .fullCard { width: 245px; border: 1px solid #ccc; border-radius: 5px; margin: 10px 5px; padding: 4px; } .cardContent { padding: 10px; } .cardText { margin-bottom: 30px; }

GoogleAlphabet

  <hr>
  
  <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
</div>
<div class="cardLinks">
  <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
  <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
</div>
2

Hey Dave,
It is bugged but you can try this method to pass the test.

Swap the p tag with em tag.
This means that p tag should be inside em tag.
Hope it helps.

1 Like
3

Works! Thanks aditya_p!

1 Like
4

Thanks! It helps. But https://html5.validator.nu/ says it’s not a valid html:

image
image819×155 20.2 KB

:confused:

5

Hey this challenge has a bug and it doesn’t pass with regular code. So you can move on without completing this challenge as it will have no effect on your certificate.
Just learn what hr tag does.

6

I’ve just found the issue on GitHub - https://github.com/freeCodeCamp/freeCodeCamp/issues/17944 :grinning:

Could you tell me how to find the file that embraces the wrong HTML? Maybe I can create a pull request :smiley: