Create a Horizontal Line Using hr element

Tell us what’s happening:
I don’t know why it won’t accept… help.

Your code so far

  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;
<div class="fullCard">
  <div class="cardContent">
    <div class="cardText">
      <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 class="cardLinks">
      <a href="" target="_blank" class="links">Larry Page</a><br><br>
      <a href="" target="_blank" class="links">Sergey Brin</a>

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:

You did it right!

There’s a very well known bug that prevents this solution to be successfully accepted.

But there’s a workaround that works for some reason
and is to wrap your p with ems.

However, it’s very important to know that doing it that way in real projects is a bad practice and if it should be done here is only because to accomplish that challenge and get that beautiful green window informing people of their accomplishment.


That actually helped me, Thank you

You’re welcome :+1:

Good luck & Happy Coding!

put em tag before paragraph tag and there you go… It’s a bug I guess.