Divider Example

The divider paragraph provides several style options for creating a visual separation between your content. A divider can be added in grey, red or blue. The type can be set to solid, dashed, dotted, double and gradient. You can also opt to toggle on a grey background. The following examples use lorem ipsem to demonstrate.

Grey Solid Divider

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent malesuada sit amet erat a gravida. Fusce ultrices felis arcu. Quisque egestas erat urna, at tristique arcu faucibus pellentesque. Curabitur eget erat ultricies, molestie erat quis, sagittis est. Etiam cursus magna vitae scelerisque imperdiet. Nullam eget urna consectetur, maximus neque sit amet, molestie nisi. Integer sem enim, feugiat ac nulla quis, dignissim varius velit.

Red Dashed Divider - Grey Background Enabled

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent malesuada sit amet erat a gravida. Fusce ultrices felis arcu. Quisque egestas erat urna, at tristique arcu faucibus pellentesque. Curabitur eget erat ultricies, molestie erat quis, sagittis est. Etiam cursus magna vitae scelerisque imperdiet. Nullam eget urna consectetur, maximus neque sit amet, molestie nisi. Integer sem enim, feugiat ac nulla quis, dignissim varius velit.

Blue Dotted Divider

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent malesuada sit amet erat a gravida. Fusce ultrices felis arcu. Quisque egestas erat urna, at tristique arcu faucibus pellentesque. Curabitur eget erat ultricies, molestie erat quis, sagittis est. Etiam cursus magna vitae scelerisque imperdiet. Nullam eget urna consectetur, maximus neque sit amet, molestie nisi. Integer sem enim, feugiat ac nulla quis, dignissim varius velit.

Grey Double Divider - Grey Background Enabled

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent malesuada sit amet erat a gravida. Fusce ultrices felis arcu. Quisque egestas erat urna, at tristique arcu faucibus pellentesque. Curabitur eget erat ultricies, molestie erat quis, sagittis est. Etiam cursus magna vitae scelerisque imperdiet. Nullam eget urna consectetur, maximus neque sit amet, molestie nisi. Integer sem enim, feugiat ac nulla quis, dignissim varius velit.

Red Gradient Divider

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent malesuada sit amet erat a gravida. Fusce ultrices felis arcu. Quisque egestas erat urna, at tristique arcu faucibus pellentesque. Curabitur eget erat ultricies, molestie erat quis, sagittis est. Etiam cursus magna vitae scelerisque imperdiet. Nullam eget urna consectetur, maximus neque sit amet, molestie nisi. Integer sem enim, feugiat ac nulla quis, dignissim varius velit.