Using the hr Element

Using the hr Element
0.0 0

#1

Tell us what’s happening:
What am I doing wrong? I added the hr tag between h4 and p, but its still saying the hr tag should come between the title and paragraph. Thing is, it does, its under Alphabet and over the paragraph. I’m lost :expressionless:

Capture

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><del>Google</del>Alphabet</h4>
      <hr></hr>
      <em><p>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</p></em>
    </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; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 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


#2

Just <hr>, without the closing tag.

In HTML, hr is a self-closing tag, and therefore doesn’t need a separate closing tag.


#3

Hello there. I think the reason might be that the hr tag isn’t a closing tag it stands alone. Like <hr>. Not like <hr></hr>


#4

Ahhhh!!! okay I missed that, Thanks!


#5

You are welcome.!!! :slight_smile: