Create a Horizontal Line Using the hr Element (Is this bug?)

Tell us what’s happening:

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; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 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/

It sure looks like a bug to me. Did you try searching the forum to see what has been discussed before about this topic? Give that a try if you want to discover what others have said.

I had trying all code about <hr>
From <hr></hr>, <hr />, until <hr> it self
I watched youtube video too… Here is the link
https://www.youtube.com/watch?v=xRGQNCKPo4A
and still not work… Why?

I did suggest that you earch the forum for answers…
(There is a magnifying glass on the green nav bar at the top that lets you search).

I’m pretty sure this is a bug. I’m using Chrome and tried <hr> and <hr /> as suggested in the other posts (exactly as above), which should be correct but the test always says ‘The hr tag should come between the title and the paragraph.’

If the answer is <hr /> it seems rather harsh to expect students to know as there’s no mention of how to use self closing tags before this exercise.

Still, it’s not working for me.

1 Like

looks like someone else agrees with you

fyi @Prashant982

Could it be a browser problem if its working for some and not others? Or maybe Chrome extension conflict? Strange one… Are you guys using Chrome as well? i’m using Window 10

I’m using Version 67.0.3396.99 (Official Build) (64-bit).

Just tested this on my Mac too using Chrome and same error.

honestly i still think it is a bug in FCC. I passed this challenge more than a month ago and it was fine. Now it is not working…
I suppose we could try firefox…

I’m having the same problem, running Firefox on a Linux machine.

If you want to pass there is a workaround posted in another thread about this topic. But you could just skip the challenge and move on also.

Can you post that link? I tried post you linked before, but didn’t work to me…

7 Likes

Thank you, sis… That’s work for me…

it really doesn’t matter. You can just skip the exercise and it won’t affect you when it comes time to claim the certificate (as that is only based on project completion)

Worked for me. Thank you.

Worked for me too! Browser didnt matter. Thank you for the code swap suggestion @hbar1st

OCD kicked in, the code swap worked for me as well,thank you!

" < p >< em > to < em >< p > "

1 Like

For some reason, this code works. I think a bug indeed.

1 Like

Same here, how do we report a bug ?

1 Like