From de5b88265fd8778f4a8fb5ccb4f68f465f474b0a Mon Sep 17 00:00:00 2001 From: Morgan Adams Date: Fri, 8 Mar 2019 19:02:40 -0800 Subject: [PATCH] =?UTF-8?q?update=20hr=20element=20guide=20to=20indicate?= =?UTF-8?q?=20use=20for=20separating=20themes;=20remove=20=E2=80=A6=20(#34?= =?UTF-8?q?612)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * update hr element guide to indicate use for separating thems; remove xhtml syntax as it is outdated and confusing to beginners * fix title syntax * Add resources back in for hr help page --- .../index.md | 13 ++++--------- 1 file changed, 4 insertions(+), 9 deletions(-) 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)