Module 66 of 71

Divi Text Divider: a heading with a line on each side.

Text Divider for Divi 5. Pick the line style, weight and colour, align the text and keep the right heading tag.

Get Divi Supreme Pro Open the playground

Featured work

Chapter two

Since 2019

Our process

What is the Divi Text Divider module?

Text Divider is a Divi 5 module in Divi Supreme Pro that places a heading between two lines. Use it for section labels, chapter breaks in long posts, "Latest posts" headings, menu sections and footer titles.

Type the Title, then pick one of nine line styles, from Solid, Dashed and Dotted to Double, Groove and Ridge. Align the text left, center or right to keep one or both lines, place the line at the top, middle or bottom of the text, and set the line weight, the gap to the text and the heading level from H1 to H6.

line styles

text alignments

line positions

heading levels

Start from a Text Divider recipe.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Try every Text Divider setting.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Everything Text Divider can do.

Updated 14 Oct 2026 in v5.0.83

Nine line styles

Solid, Dashed, Dotted, Double, Groove, Ridge, Inset, Outset or none.

Left, center or right

Text Alignment keeps a line on both sides or just one.

Line position

Place the line at the top, middle or bottom of the text.

Any heading tag

Output the title as H1 to H6 so the page outline stays right.

Your colour

Set the line colour to match your brand.

Weight and gap

Divider Weight, Text Gap and Height control the spacing.

Linkable

Link the whole divider with the Link settings.

Dynamic content

Fill the title from a post title, custom field and more.

Text Divider documentation

Step-by-step guide to line styles, text alignment, line position and sizing.

Read the guide

Need help? Contact support

Questions about Text Divider.

How do I add a heading with lines on both sides in Divi?

Add the Text Divider module and type your text in Title. With the default Text Alignment of Center, a line appears on each side of the text.

How do I show the line on one side only?

Set Text Alignment to Left or Right. Left removes the line before the text, and Right removes the line after it.

Which line styles can I use?

Divider Style offers Solid (the default), Dashed, Dotted, Double, Groove, Ridge, Inset, Outset and none.

How do I make the line thicker?

Raise Divider Weight under Sizing. It is 1px by default and accepts px, em, rem and other units.

How do I change the space between the text and the lines?

Use Text Gap under Sizing. It is 10px by default. Height, 23px by default, sets the space below the divider.

Can the line sit at the top or bottom of the text?

Yes. Divider Position offers Top, Vertically Centered (the default) and Bottom.

Which heading tag does the title use?

H3 by default. Change it with Heading Level in the Divider Text font settings, from H1 to H6.

Can I translate the divider text with WPML?

Yes. The Title is registered for WPML, and it also supports dynamic content.

Next module, A to Z

Text Notation Module

Related modules

Icon Divider Module

A line with an icon in the middle.

Text Badges Module

Headings with a small badge.

Dual Heading Module

Two-part headings.

Rated 4.9 by Divi designers on Trustpilot. Running on 350,000+ sites.

Read reviews →

Break up long pages with style.

Text Divider comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.

Get Divi Supreme Pro See all modules