The horizontal rule

<hr>is simply a horizontal line used to signal a change in topic or a thematic break in a section of an HTML page. If you have ever tinkered with it, you may have been content with its default settings. However, many developers run into a couple of issues when trying to customize it to suit their design needs.

In this article, I am going to show you

<hr>attributes to help you align or style it and other caveats to consider. We will cover how to:

• Embed an <hr> element
• Change the width of an <hr> element
• Align <hr> horizontally
• Adjust <hr> height
• Give <hr> a color of your choice

Below is a simple testimonial section of a website. We are going to use this project in order to follow along and see what effects our changes are going to have.

Feel free to go ahead and read the code. However, If you are in a rush or it is too much for you, just keep an eye on the lines 28, 44, and **_108 _**of

index.html. That’s where important action is going to take place.

#html #web-development #html-fundamentals #html-css #learning-html #html-css-basics #hacker #coding