The **`<hr>` element** in HTML adds a break or a line that represents a thematic break in the text. For example, the `<hr>` element can signify a change in topic.

>Note: The `<hr>` element should not be used to represent different sections in a document. Different sections can be indicated by the `<section>` tag.

# Attributes and events
The following table describes multiple attributes of the `<hr>` tag:
>Note: The following attributes are obsolete in HTML5 but can be used with style sheets.

|**Attribute**|**Description**|
|-|-|
|`align`|This attribute accepts three values: `left`, `right`, and `center`, and aligns the break to the left margin, right margin, or to the center, respectively. |
|`noshade`| This attribute accepts a boolean value and renders the break in a 3D fashion if it is not present; otherwise, it renders a plain line.|
|`size`| This attribute accepts the number of pixels to specify the height of the break.|
|`width`|This attribute accepts the number of pixels or a percentage to specify the width of the break.|

The `<hr>` element supports global events and attributes.

# Example
The following code demonstrates how to use the `<hr>` tag.
The paragraph starting at line *7* explains *Regression* and the paragraph starting at line *15* explains *Classification*. The two topics are divided by a `<hr>` tag.



<!DOCTYPE html>
<html>
  <body>

    <h1>What is the difference between regression and classification?</h1>

    <p>Regression is the process of finding a model that predicts a continuous value
      based on its input variables.In regression problems, the goal is to mathematically
      estimate a mapping function(f)(f) from the input variables(x)(x) to the output
      variables(y)(y).
    </p>

    <hr>

    <p>On the other hand, classification is the process of finding a model that separates
        input data into multiple discrete classes or labels. In other words, a classification
        problem determines whether or not an input value can be part of a pre-identified
        group.
    </p>

  </body>
</html>

codemirror

How to use the hr element in HTML

The  element in HTML adds a break or a line that represents a thematic break in the text. For example, the  element can signify a change in topic. 

Attribute	Description
`align`	This attribute accepts three values: `left`, `right`, and `center`, and aligns the break to the left margin, right margin, or to the center, respectively.
`noshade`	This attribute accepts a boolean value and renders the break in a 3D fashion if it is not present; otherwise, it renders a plain line.
`size`	This attribute accepts the number of pixels to specify the height of the break.
`width`	This attribute accepts the number of pixels or a percentage to specify the width of the break.

How to use the hr element in HTML

Syntax

Attributes and events

Example