Collection of free HTML and CSS divider code examples: vertical, horizontal, etc

Pure CSS Angled Sections

Border Between List Items

Fancy Title Divider with One Element

Creating a Pac-Man Themed Divider

Horizontal Dividers

Different methods for dividing content horizontally. Section 1: colors fade out. Section 3: uses transform:skew to slant section. Section 4: SVG chevron pattern footer (uses clip-path to create wavy top).

Fancy Divider

SVG Section Divider

SVG Section Dividers

SVG section dividers, embedded with data-uri & colored with SASS.

Slanted Sections

Waves Content Divider

Waves content divider using CSS.

SVG Page Separator

Simple page separator with SVG.

Row Separator

Row Separator - collection of divider styles.

Responsive Scalloped Page Dividers

Responsive scalloped page dividers using CSS gradients.

Responsive Skewed Page Dividers

Responsive skewed page dividers using CSS gradients only.

Rainbowy Dashed Divider

Pretty CSS rainbowy dashed divider.

A Collection of Separator Styles

A collection of separator styles for horizontally dividing sections on a website. The dividers are created using several techniques, including styling pseudo-elements, using gradients and inserting SVG graphics with responsiveness in mind.