<hr> tag problem

<hr> tag problem
0

#1

Tell us what’s happening:

I am not sure what’s wrong with the code, I added the


tag under h4 but I still receive an error “The hr tag should come between the title and the paragraph.” anyone else have the same problem?

Your code so far


<style>
  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;
  }
</style>
<div class="fullCard">
  <div class="cardContent">
    <div class="cardText">
      <h4><s>Google</s>Alphabet</h4>
       <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>
  </div>
</div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element


#2

Your code is fine. There is a bug with this challenge that has been fixed, but the fix hasn’t been released yet — skip the challenge and try it again later on.

(There is a hacky workaround to get the challenge to submit but it involves using invalid HTML.)


#3

Please remember the Read-Search-Ask method described by Free Code Camp. If you had done a search in the forum, you would have seen dozens of posts explaining that there is a bug with this challenge and that you can skip it as well as telling you how you can force the test to pass if you can’t stand the idea of skipping it.


#4

Thank you very much!


#5

Switch tags


#6

The workaround given lets you submit the test, but it is not valid HTML.


#7

thank you, I got that fix already.


#8

I and probably everyone who attempted this challenge in the last month has faced the bug. The best was to pass the challenge is by having the em tag come before the p tag. So your code after


should be :

original content here.

this is the definite way to pass the challenge.


#9

Instead of trying to apply a hack to pass the challenge, just wait until it is fixed and re-run the tests. The bug has already been fixed, but it has not been released to the production site yet.


#10

If you switch the p and em elements around you are using invalid HTML. It doesn’t matter that it gets the test on here to “pass” it’s still invalid code, which you shouldn’t be writing, and which the test here should really reject as well. I’m waiting until they fix the test personally.