The <hr/> Tag in HTML 5

The <hr/> tag is a standalone HTML tag used to separate content visually using a horizontal rule. It is one of the block tags used to group content in HTML.

The plain old horizontal rule below separates this paragraph


... from this paragraph.

Here are some different styles of horizontal lines

A blue horizontal line with outset border:


An animated red horizontal line:


A horizontal line with inset border and animated green gradient:


These are actual working examples of the <hr/> tag example code below.