Divider

Dividers can be used to visually segment content into groups.

In the WordPress Block Editor you can use the Separator block to create dividers with different styles or with ska-blocks and Tailwind you can create custom <hr> elements or use the divide-* classes to create divisions.

WordPress dividers

Default separator


Wide line separator


Three dots separator


With custom color and spacing via Tailwind classes




Custom dividers

Horizontal rule (<hr>)


Horizontal rule with styles



Horizontal divider with text

Divider

Horizontal divider with an icon

Horizontal divider with an icon and text

Reviews

divide-y class with a list

  • Item 1
  • Item 2
  • Item 3

divide-x class with a horizontal list

  • Item 1
  • Item 2
  • Item 3

Button divider