Create a Horizontal Line Using the hr Element - why is not working?

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/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/

1 Like

Hey @enggnet04,
This challenge has a bug so skip it and move on.
It will not affect your certificates, so do not worry while skipping.
Hope it helps.

the fix is to swap “em” outside of the “p”.

there is a bug in the test case which Freecodecamp hasn’t fixed.

Actually this is a wrong syntax.
So instead of thinking of workarounds, just skip it and come to it after few days to see if it has been fixed.

Thanks Aditya for your response.

Wow it worked as you said. Possible help me to understand ? em can be within paragraph tag as well right ? swapping it out did the magic but how is what i can’t understand ?

Yes em can be within p or external. Although best practice would be to wrap em inside of p because your formatting should be inside your paragraph.

The test case on the website has an error which has not been fixed.

1 Like

Hence my comment about proper usage is to have em wrapped in p.

Freecodecamp test case has an error in validation.