I put hr tag where it’s supposed to be but still can’t pass the test. Help me

HTML-CSS
1

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 {
}
.cardText {
  margin-bottom: 30px;
}
</style>
<div class="fullCard">
<div class="cardContent">
  <div class="cardText">
   <h4><s>Google</s>Alphabet</h4><hr>
    <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 (iPhone; CPU iPhone OS 13_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.4 Mobile/15E148 Safari/604.1.

Challenge: Create a Horizontal Line Using the hr Element

Link to the challenge:

2

Your tag is in the correct place, although I would bring it down to a new line so it’s more readable, but the issue here is that an hr tag is one of HTML’s self closing tag. For example aside from the hr tag, the br tag is also self closing, such as this:

<br />

Remember that with each html element there needs to be a closing tag, or rather in this case self closing.

4

Works fine when I tried it your way under a chrome browser… As far as self closing tags go, they are a relic from the days of XHTML. I never use them these days. It is optional, and not a requirement.