Hr (Separator)

Example Code

<hr />

Result


Options

Orientation

To change the orientation of the slider, use one of the following classes:

  • horizontal
  • vertical

By default, separators are horizontal.

Top content


Bottom content

Left content
Right content

Visibility

You can make a separator invisible by adding the class invisible. Invisible separators take up the same amount of space but don't render a line.

Top content

Bottom content

Left content Right content