ComboStrap UI - HR (Horizontal Rule)

Undraw Website Builder Re Ii6e

ComboStrap UI - HR (Horizontal Rule)

About

The hr component permits to delimit two sections of content by drawing a horizontal rule (hr).

It's also known sometime as the Divider and has a separator role.

It represents:

  • a paragraph-level thematic break, e.g. a scene change in a story, or a transition to another topic within a section of a reference book.
  • or a separator between a groups of items.

Syntax

hr supports both syntax:

Markdown / Wiki

You can add a horizontal rule with four or more dashes.

  • Input:
----
  • Output:

Super Set HTML

We supports also the horizontal rule in a super set HTML syntax.

<hr/>

You can style them then as you wish.

Example

Wiki / Markdown

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
----
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Super HTML

As hr is a superset HTML component, you can use all styling attributes such as spacing

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<hr spacing="my-5"/>
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.




Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.




Recommended Pages
Undraw Website Builder Re Ii6e
ComboStrap UI - Jumbotron

A jumbotron is a default Hero unit that emphase prominently its content. buttonleadtexthorizontal rule A jumbotron is a hero unit style content with a medium value by default where: the Hero...
Undraw My Documents
Markdown syntax supported in ComboStrap

This page lists all markdown syntax supported in ComboStrap
Page Explorer List Name To Ui Region
Page-explorer: adding page navigation easily to your website

With the page-explorer component, you can add an explorer like panel that will list your pages in a list or collapsible tree fashion



Task Runner