diff --git a/guide/english/certifications/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md b/guide/english/certifications/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md index b78efd8053..32d0ff2985 100644 --- a/guide/english/certifications/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md +++ b/guide/english/certifications/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md @@ -3,21 +3,16 @@ title: Create a Horizontal Line Using the hr Element --- ## Create a Horizontal Line Using the hr Element -The `hr` tag is one of the simplest HTML elements. It creates a thin horizontal line line across its parent element. +The `hr` tag is one of the simplest HTML elements. It represents a thematic change in content and creates a thin horizontal line across its parent element. -This lesson uses the `hr` tag to separate the title and content of a "card". So how do you create an `hr` element? +This lesson requires you to use the `hr` tag to separate the title and content of a "card". So how do you create an `hr` element? ```html - +
``` -This element is self-closing, but to be friendly to parsers and style checkers you should add an explicit closing marker. -```html -
-``` - -Whichever format you choose it will create a horizontal line as in [this lesson](https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/) on [freeCodeCamp](https://www.freecodecamp.org/). Here is a screenshot from that lesson showing an `hr` element contained within a div. +Add this tag between the title and content to create the horizontal line in [this lesson](https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/) on [freeCodeCamp](https://www.freecodecamp.org/). Here is a screenshot from that lesson showing an `hr` element contained within the "cardText" div. ![Example hr](https://i.imgur.com/RMTqXPw.png)