Bug in Applied Visual Design: Create a Horizontal Line Using the hr Element

Hi,

i’m trying to finish the challenge “Applied Visual Design: Create a Horizontal Line Using the hr Element”, but it seems that there is an error in the test logic.

I’ve added the hr tag right underneath the title (h4) tag, but the validation fails.

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

The validation step “The hr tag should come between the title and the paragraph.” fails.
Do i miss something or is this a bug in the validation logic?

Best regards,
Kev

11 Likes

I get the same problem

2 Likes

Bugs should always be reported as GitHub Issues. Whenever reporting a bug, please check first that there isn’t already an issue for it and provide as much detail as possible.

Try changing the ‘em’ tags outside the ‘p’ tags Credits

23 Likes

Followed your instruction and it works . Thanks

2 Likes

This works, but this seems like a fairly significant bug since it specifically tells you in a previous exersise the em tags should be inside the p tags.

3 Likes

It is, at some point I thought of abandoning the course because of it.

1 Like

Thanks. That is a super ghetto bug. Em tags should never be placed outside of a p tag… way to teach us bad syntax FCC!

Anyways - thanks for that. I was getting really pissed off with it.

2 Likes

Same problem was here! THX for help!

Super thanks @TreceSeis!

YES! Thanks…I just skipped this awhile back (it’s been a few weeks) when it wouldn’t work. I thought it would be fixed by now but thanks for the weird hack for getting it to work.

Had the same issue but tried the em outside the p tags and worked! Thanks!
How did you think of that really?!

25/09 I’m still getting this bug :frowning:
but thanks to the guys above for pointing out the em solution.