🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. CSS Plugins
  3. Flexbox Text Dividers

Flexbox Text Dividers

I've always hated the complexity of marking up something as simple as a divider with text, and doing so in a flexible way has never been that easy. Flexbox and before & after pseudo-elements give us a really easy way to mark these up as a single element that can be dropped in really easily.

Divider
Demo Tutorial
This awesome script developed by moodycomputer. Visit their official repository for more information and follow for future updates.

You May Also Like

005_convertArrayToObject3.js

HR Alert

Happy switches

002_convertObjectToList1.js

Faux Uploader

MapleTracker

Fullwidth hr's

Text Based HR (Horizontal Rule)

Pseudo-elements on a Horizontal Rule (<hr> element)

The humble hr

Fancy HR divider

<hr> effect on menu hover

fancy hr

HR styling for forums

hr restyled with pseudo-element

Style an <hr> tag

CSS gradient zigzag hr

The humble hr

Gradient <hr>

Subtle Rainbow <hr>

hr line transitions

Animated hr tags

Animate Hr

Bootstrap Top navbar and Sidebar

Slinky

Search text highlight example with material.angular

scrollNav.js: for automatic, awesome sticky sidebars

Nano Material Design

Try it! - Design my day

Vertical image slider

Ionic list css

Example of Bootstrap on CodePen

angular.bootstrap.contextMenu

Divinding circle

Dividing a Large SVG for Printing

Material design for Bootstrap 3

Another intro

Image file-based non-rectangular header

Animated “x” icon for the Bootstrap navbar-toggle

Nested Select with Option Section Divider

Fancy divider

Simple Gradient Divider

divider-slider

Change Bootstrap Navbar height

Divide it

Draggable Areas with Flexbox

Image Revealer (before/after)

Split-Demo

A Pen by Levi Thomason

Visual effects Demo

One Page Scroller

AngularJS / Bootstrap 3 Navbar Directive

Button Ripple Effect

Flexbox inner border and column alignment

Vertical divider between columns in Bootstrap 4

Divider

Sliding image divider

Responsive SVG Arrow as Section divider

Stylish Divider

Easy divider

Ionic Sticky List Headers

Fading Divider

Sliding Image Divider

Sliding Image Divider

Vertical divider with text

Flexbox Text Dividers

Ionic list with dividers

Vertical Dividers between Columns

jQuery Plugins

AngularJs Plugins