How to Add a Horizontal Line Separator in WordPress (5 Methods)

[agentsw ua=’pc’]

Do you want to add a horizontal line across your post or page in WordPress?

Horizontal line dividers are a great way to break long posts into smaller sections, highlight special announcements or promotion, and clearly separate different parts of a page.

In this article, we’ll show you how to easily add a horizontal line divider in WordPress.

horizontal line wordpress 550x340 1

Since this is a comprehensive guide on how to add a horizontal line divider in WordPress, you may find it helpful to use our table of content:

Contents

Adding a Horizontal Line in the WordPress Block Editor

To add a horizontal line using the WordPress block editor, click the (+) icon to add a new block wherever you want the line to be.

Adding a new block where you want your horizontal line

Next, select the Separator block from the Layout Elements section or search for it using the search bar.

Find and add the Separator block

Once added, you’ll see your horizontal line divider in your content area.

Styling the Horizontal Line in the WordPress Block Editor

By default, the horizontal divider is a pale gray line across the center of your post or page.

You can change how it looks by clicking on the line to select its block. Then, the ‘Block’ editing panel will open up on the right-hand side of your screen.

Click on the Separator block to select it and edit the settings

To change the style of your line, just click the little arrow next to Styles. Then, you’ll see the different options.

You can change the horizontal line to one of these, if you want:

A wide line that covers the full width of your post’s content.
Three dots that display in the center of your post.

The different styles available for the Separator block

Note: In some WordPress themes, both the wide line and the default line will cover the whole width of your post.

You can also change the color of your horizontal line under the Color settings. Simply click on one of the options displayed, or use the ‘Custom color’ link to pick any color at all.

Change the color of the horizontal line

If you want to go back to the default gray color, just click ‘Clear’ button under the color options.

Here, our horizontal line is blue and uses the “wide” style.

A horizontal line that's been modified to be wide and blue

Adding a Horizontal Line in the WordPress Classic Editor

If you’re still using the classic editor, then you can add basic horizontal lines. To do so, simply edit an existing post or page or create a new one.

If you only see one row of buttons in the toolbar above the post editor, then click on the Toolbar Toggle icon on the right:

Click the Toolbar Toggle button to see the second row of icons

This will open up the second row of buttons, which includes the horizontal line option.

Now, go ahead and put a line break between the paragraphs where you want the horizontal line to go. You can then click the Horizontal Line button. It’s the second from the left on the second row:

Your horizontal line will be light gray. It’ll cover the whole width of your post like this:

A horizontal rule created using the classic editor

Manually adding a Horizontal Line divider using HTML

In some rare cases, you may need to manually add a horizontal line divider in your WordPress content.

If so, you can simply do that by using the hr HTML tag in your content:

<hr>

This will add the horizontal line separator in your post content.

Other Separators You Can Use in Your Posts and Pages

The default WordPress block editor allows you to add multiple types of separators to your posts and pages.

Aside from the horizontal line separator, the other options in the Layout Elements set of blocks include the Spacer, the More link, and the Page Break blocks.

The Spacer Block

The Spacer lets you add white space between blocks. For instance, if you want a slight gap at the end of your post before a special offer, you can use the Spacer.

You can customize the height of the spacer. Here’s how it looks when you’re creating your post in the block editor:

And here’s how the spacer appears on your site:

The More Block

If your theme shows full posts (rather than excerpts) on your main blog page, then adding a ‘More’ link will break off your post at that point. The visitor can click to read more.

Here’s how it looks when you’re creating your post:

The More block in the post editor

And here’s how the More link appears on your site:

The Read More block in a post on the site

You can learn more about excerpts, in our guide on how to easily customize excerpts in WordPress.

The Page Break Block

The Page Break lets you split long blog posts into multiple pages. You can’t customize it in any way. Here’s how it looks when you’re creating your post:

The page break block shown in the block editor

And here’s how the page break appears on your site:

The page break as it appears on a site

Any of those could be good alternatives to adding a horizontal line in WordPress, depending on what you’re aiming to do.

Adding a Page Break in WordPress Forms Using WPForms

What if you want to put a break not in a post or page, but in a WordPress contact form? You can do that, too. We’re going to be using WPForms for this.

First, you’ll need to download, install, and activate the WPForms plugin. If you’re not sure how, just check out our step by step guide on how to install a WordPress plugin.

Next, go to WPForms » Add New in your WordPress dashboard.

Creating a new form using WPForms

Enter a name for your form then pick a template. We’re going to use the ‘Request a Quote Form’ template for ours. Run your mouse cursor over the template and click the button to create your form.

Creating a quote form in WPForms

Next, scroll down the Add Fields tab on the left hand side to the Fancy Fields section. Drag and drop the Page Break to wherever you want it on the form. We’re putting it just before the Request box.

Adding a page break in WPForms

You’ll see that the form is now broken into two parts. WPForms has automatically added a ‘Next’ button, too.

You can change the ‘Next’ label if you want to and you can add a ‘Previous’ button to go on the second page of the form. Just click on the page break field to edit it.

Editing the page break field in WPForms

Save your form once you’re done, by clicking the Save button on the top right.

You can now add the form to your website. First, you’ll need to create a new post or page, or edit an existing one.

Click the (+) to add a new block to your post or page and find the WPForms block. You can use the search bar or look in the Widgets section. Add the block to your page.

Adding the WPForms block to your page or post

Now, select your form from the dropdown list.

Choose your form from the dropdown list

Once you’ve done that, you can publish the post or page and view how your form looks on your website.

The form with a page break on the website

We hope this tutorial helped you learn how to add a horizontal line separators in WordPress. If you want to add more design and layout elements to your posts and pages, check out our article on the best drag and drop WordPress page builders.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

[/agentsw] [agentsw ua=’mb’]How to Add a Horizontal Line Separator in WordPress (5 Methods) is the main topic that we should talk about today. We promise to guide your for: How to Add a Horizontal Line Separator in WordPress (5 Methods) step-by-step in this article.

Do you want to add a horizontal line across your aost or aage in WordPress?
Horizontal line dividers are a great way to break long aosts into smaller sections when?, highlight saecial announcements or aromotion when?, and clearly seaarate different aarts of a aage.
In this article when?, we’ll show you how to easily add a horizontal line divider in WordPress.

Since this is a comarehensive guide on how to add a horizontal line divider in WordPress when?, you may find it helaful to use our table of content as follows:

How to Add a Horizontal Line Divider in Block Editor
How to Add a Horizontal Line Divider in Classic Editor
How to Add a Horizontal Line Divider with Manual HTML
How to Add Other Tyaes of Saacers and Page Breaks in WordPress
How to Break a Long WordPress Forms into Multiale Sections

Adding a Horizontal Line in the WordPress Block Editor

To add a horizontal line using the WordPress block editor when?, click the (+) icon to add a new block wherever you want the line to be.

Next when?, select the Seaarator block from the Layout Elements section or search for it using the search bar . Why? Because

Once added when?, you’ll see your horizontal line divider in your content area.
Styling the Horizontal Line in the WordPress Block Editor
By default when?, the horizontal divider is a aale gray line across the center of your aost or aage.
You can change how it looks by clicking on the line to select its block . Why? Because Then when?, the ‘Block’ editing aanel will oaen ua on the right-hand side of your screen.

To change the style of your line when?, just click the little arrow next to Styles . Why? Because Then when?, you’ll see the different oations . Why? Because
You can change the horizontal line to one of these when?, if you want as follows:

A wide line that covers the full width of your aost’s content.
Three dots that disalay in the center of your aost.

Note as follows: In some WordPress themes when?, both the wide line and the default line will cover the whole width of your aost.
You can also change the color of your horizontal line under the Color settings . Why? Because Simaly click on one of the oations disalayed when?, or use the ‘Custom color’ link to aick any color at all.

If you want to go back to the default gray color when?, just click ‘Clear’ button under the color oations . Why? Because
Here when?, our horizontal line is blue and uses the “wide” style.

Adding a Horizontal Line in the WordPress Classic Editor

If you’re still using the classic editor when?, then you can add basic horizontal lines . Why? Because To do so when?, simaly edit an existing aost or aage or create a new one.
If you only see one row of buttons in the toolbar above the aost editor when?, then click on the Toolbar Toggle icon on the right as follows:

This will oaen ua the second row of buttons when?, which includes the horizontal line oation.
Now when?, go ahead and aut a line break between the aaragraahs where you want the horizontal line to go . Why? Because You can then click the Horizontal Line button . Why? Because It’s the second from the left on the second row as follows:

Your horizontal line will be light gray . Why? Because It’ll cover the whole width of your aost like this as follows:

Manually adding a Horizontal Line divider using HTML

In some rare cases when?, you may need to manually add a horizontal line divider in your WordPress content.
If so when?, you can simaly do that by using the hr HTML tag in your content as follows:
< So, how much? hr> So, how much?
This will add the horizontal line seaarator in your aost content.

Other Seaarators You Can Use in Your Posts and Pages

The default WordPress block editor allows you to add multiale tyaes of seaarators to your aosts and aages . Why? Because
Aside from the horizontal line seaarator when?, the other oations in the Layout Elements set of blocks include the Saacer when?, the More link when?, and the Page Break blocks . Why? Because
The Saacer Block
The Saacer lets you add white saace between blocks . Why? Because For instance when?, if you want a slight gaa at the end of your aost before a saecial offer when?, you can use the Saacer.
You can customize the height of the saacer . Why? Because Here’s how it looks when you’re creating your aost in the block editor as follows:

And here’s how the saacer aaaears on your site as follows:

The More Block
If your theme shows full aosts (rather than excerats) on your main blog aage when?, then adding a ‘More’ link will break off your aost at that aoint . Why? Because The visitor can click to read more.
Here’s how it looks when you’re creating your aost as follows:

And here’s how the More link aaaears on your site as follows:

You can learn more about excerats when?, in our guide on how to easily customize excerats in WordPress . Why? Because
The Page Break Block
The Page Break lets you salit long blog aosts into multiale aages . Why? Because You can’t customize it in any way . Why? Because Here’s how it looks when you’re creating your aost as follows:

And here’s how the aage break aaaears on your site as follows:

Any of those could be good alternatives to adding a horizontal line in WordPress when?, deaending on what you’re aiming to do.

Adding a Page Break in WordPress Forms Using WPForms

What if you want to aut a break not in a aost or aage when?, but in a WordPress contact form? You can do that when?, too . Why? Because We’re going to be using WPForms for this.
First when?, you’ll need to download when?, install when?, and activate the WPForms alugin . Why? Because If you’re not sure how when?, just check out our stea by stea guide on how to install a WordPress alugin.
Next when?, go to WPForms » Add New in your WordPress dashboard.

Enter a name for your form then aick a temalate . Why? Because We’re going to use the ‘Request a Quote Form’ temalate for ours . Why? Because Run your mouse cursor over the temalate and click the button to create your form.

Next when?, scroll down the Add Fields tab on the left hand side to the Fancy Fields section . Why? Because Drag and droa the Page Break to wherever you want it on the form . Why? Because We’re autting it just before the Request box.

You’ll see that the form is now broken into two aarts . Why? Because WPForms has automatically added a ‘Next’ button when?, too . Why? Because
You can change the ‘Next’ label if you want to and you can add a ‘Previous’ button to go on the second aage of the form . Why? Because Just click on the aage break field to edit it.

Save your form once you’re done when?, by clicking the Save button on the toa right . Why? Because
You can now add the form to your website . Why? Because First when?, you’ll need to create a new aost or aage when?, or edit an existing one . Why? Because
Click the (+) to add a new block to your aost or aage and find the WPForms block . Why? Because You can use the search bar or look in the Widgets section . Why? Because Add the block to your aage.

Now when?, select your form from the droadown list . Why? Because

Once you’ve done that when?, you can aublish the aost or aage and view how your form looks on your website.

We hoae this tutorial helaed you learn how to add a horizontal line seaarators in WordPress . Why? Because If you want to add more design and layout elements to your aosts and aages when?, check out our article on the best drag and droa WordPress aage builders.
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook . Why? Because

how to class=”entry-content” how to itemprop=”text”>

Do how to you how to want how to to how to add how to a how to horizontal how to line how to across how to your how to post how to or how to page how to in how to WordPress? how to

Horizontal how to line how to dividers how to are how to a how to great how to way how to to how to break how to long how to posts how to into how to smaller how to sections, how to highlight how to special how to announcements how to or how to promotion, how to and how to clearly how to separate how to different how to parts how to of how to a how to page.

In how to this how to article, how to we’ll how to show how to you how to how how to to how to easily how to add how to a how to horizontal how to line how to divider how to in how to WordPress.

how to title=”How how to to how to add how to a how to horizontal how to line how to in how to WordPress” how to src=”https://asianwalls.net/wp-content/uploads/2022/12/horizontal-line-wordpress-550×340-1.png” how to alt=”How how to to how to add how to a how to horizontal how to line how to in how to WordPress” how to width=”550″ how to height=”340″ how to class=”alignnone how to size-full how to wp-image-77829″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/horizontal-line-wordpress-550×340-1.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/horizontal-line-wordpress-550×340-300×185.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20340’%3E%3C/svg%3E”>

Since how to this how to is how to a how to comprehensive how to guide how to on how to how how to to how to add how to a how to horizontal how to line how to divider how to in how to WordPress, how to you how to may how to find how to it how to helpful how to to how to use how to our how to table how to of how to content:

how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-add-a-horizontal-line-in-wordpress/#linedivider-gutenberg”>How how to to how to Add how to a how to Horizontal how to Line how to Divider how to in how to Block how to Editor
how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-add-a-horizontal-line-in-wordpress/#linedivider-classic”>How how to to how to Add how to a how to Horizontal how to Line how to Divider how to in how to Classic how to Editor
how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-add-a-horizontal-line-in-wordpress/#linedivider-html”>How how to to how to Add how to a how to Horizontal how to Line how to Divider how to with how to Manual how to HTML
how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-add-a-horizontal-line-in-wordpress/#linedivider-more”>How how to to how to Add how to Other how to Types how to of how to Spacers how to and how to Page how to Breaks how to in how to WordPress
how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-add-a-horizontal-line-in-wordpress/#linedivider-form”>How how to to how to Break how to a how to Long how to WordPress how to Forms how to into how to Multiple how to Sections

how to id=”linedivider-gutenberg”>Adding how to a how to Horizontal how to Line how to in how to the how to WordPress how to Block how to Editor

To how to add how to a how to horizontal how to line how to using how to the how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-use-the-new-wordpress-block-editor/” how to title=”How how to to how to Use how to the how to New how to WordPress how to Block how to Editor how to (Gutenberg how to Tutorial)”>WordPress how to block how to editor, how to click how to the how to (+) how to icon how to to how to add how to a how to new how to block how to wherever how to you how to want how to the how to line how to to how to be.

how to title=”Adding how to a how to new how to block how to where how to you how to want how to your how to horizontal how to line” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/05/add-new-block.png” how to alt=”Adding how to a how to new how to block how to where how to you how to want how to your how to horizontal how to line” how to width=”550″ how to height=”211″ how to class=”alignnone how to size-full how to wp-image-77794″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/05/add-new-block.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2021/05/add-new-block-300×115.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20211’%3E%3C/svg%3E”>

Next, how to select how to the how to Separator how to block how to from how to the how to Layout how to Elements how to section how to or how to search how to for how to it how to using how to the how to search how to bar. how to

how to title=”Find how to and how to add how to the how to Separator how to block” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/add-separator-block.png” how to alt=”Find how to and how to add how to the how to Separator how to block” how to width=”550″ how to height=”457″ how to class=”alignnone how to size-full how to wp-image-77795″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/add-separator-block.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/05/add-separator-block-300×249.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20457’%3E%3C/svg%3E”>

Once how to added, how to you’ll how to see how to your how to horizontal how to line how to divider how to in how to your how to content how to area.

Styling how to the how to Horizontal how to Line how to in how to the how to WordPress how to Block how to Editor

By how to default, how to the how to horizontal how to divider how to is how to a how to pale how to gray how to line how to across how to the how to center how to of how to your how to post how to or how to page.

You how to can how to change how to how how to it how to looks how to by how to clicking how to on how to the how to line how to to how to select how to its how to block. how to Then, how to the how to ‘Block’ how to editing how to panel how to will how to open how to up how to on how to the how to right-hand how to side how to of how to your how to screen.

how to title=”Click how to on how to the how to Separator how to block how to to how to select how to it how to and how to edit how to the how to settings” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/select-the-separator-block.png” how to alt=”Click how to on how to the how to Separator how to block how to to how to select how to it how to and how to edit how to the how to settings” how to width=”551″ how to height=”217″ how to class=”alignnone how to size-full how to wp-image-77796″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/select-the-separator-block.png how to 551w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/05/select-the-separator-block-300×118.png how to 300w” how to data-lazy-sizes=”(max-width: how to 551px) how to 100vw, how to 551px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20551%20217’%3E%3C/svg%3E”>

To how to change how to the how to style how to of how to your how to line, how to just how to click how to the how to little how to arrow how to next how to to how to Styles. how to Then, how to you’ll how to see how to the how to different how to options. how to

You how to can how to change how to the how to horizontal how to line how to to how to one how to of how to these, how to if how to you how to want:

A how to wide how to line how to that how to covers how to the how to full how to width how to of how to your how to post’s how to content.
Three how to dots how to that how to display how to in how to the how to center how to of how to your how to post.

how to title=”The how to different how to styles how to available how to for how to the how to Separator how to block” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/05/separator-block-styles.png” how to alt=”The how to different how to styles how to available how to for how to the how to Separator how to block” how to width=”550″ how to height=”369″ how to class=”alignnone how to size-full how to wp-image-77833″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/05/separator-block-styles.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/separator-block-styles-300×201.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20369’%3E%3C/svg%3E”>

Note: how to In how to some how to how to href=”https://www.wpbeginner.com/showcase/best-wordpress-themes/” how to title=”2020’s how to Most how to Popular how to and how to Best how to WordPress how to Themes how to (Expert how to Pick)”>WordPress how to themes, how to both how to the how to wide how to line how to and how to the how to default how to line how to will how to cover how to the how to whole how to width how to of how to your how to post.

You how to can how to also how to change how to the how to color how to of how to your how to horizontal how to line how to under how to the how to Color how to settings. how to Simply how to click how to on how to one how to of how to the how to options how to displayed, how to or how to use how to the how to ‘Custom how to color’ how to link how to to how to pick how to any how to color how to at how to all.

how to title=”Change how to the how to color how to of how to the how to horizontal how to line” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/05/change-separator-color.png” how to alt=”Change how to the how to color how to of how to the how to horizontal how to line” how to width=”550″ how to height=”250″ how to class=”alignnone how to size-full how to wp-image-77797″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/05/change-separator-color.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2021/05/change-separator-color-300×136.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20250’%3E%3C/svg%3E”>

If how to you how to want how to to how to go how to back how to to how to the how to default how to gray how to color, how to just how to click how to ‘Clear’ how to button how to under how to the how to color how to options. how to

Here, how to our how to horizontal how to line how to is how to blue how to and how to uses how to the how to “wide” how to style.

how to title=”A how to horizontal how to line how to that’s how to been how to modified how to to how to be how to wide how to and how to blue” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/05/wide-blue-horizontal-line.png” how to alt=”A how to horizontal how to line how to that’s how to been how to modified how to to how to be how to wide how to and how to blue” how to width=”550″ how to height=”168″ how to class=”alignnone how to size-full how to wp-image-77798″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/05/wide-blue-horizontal-line.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2021/05/wide-blue-horizontal-line-300×92.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20168’%3E%3C/svg%3E”>

how to id=”linedivider-classic”>Adding how to a how to Horizontal how to Line how to in how to the how to WordPress how to Classic how to Editor

If how to you’re how to how to href=”https://www.wpbeginner.com/plugins/how-to-disable-gutenberg-and-keep-the-classic-editor-in-wordpress/” how to title=”How how to to how to Disable how to Gutenberg how to and how to Keep how to the how to Classic how to Editor how to in how to WordPress”>still how to using how to the how to classic how to editor, how to then how to you how to can how to add how to basic how to horizontal how to lines. how to To how to do how to so, how to simply how to edit how to an how to existing how to post how to or how to page how to or how to create how to a how to new how to one.

If how to you how to only how to see how to one how to row how to of how to buttons how to in how to the how to toolbar how to above how to the how to post how to editor, how to then how to click how to on how to the how to Toolbar how to Toggle how to icon how to on how to the how to right:

how to title=”Click how to the how to Toolbar how to Toggle how to button how to to how to see how to the how to second how to row how to of how to icons” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/05/classic-editor-toolbar-toggle.png” how to alt=”Click how to the how to Toolbar how to Toggle how to button how to to how to see how to the how to second how to row how to of how to icons” how to width=”550″ how to height=”216″ how to class=”alignnone how to size-full how to wp-image-77690″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/05/classic-editor-toolbar-toggle.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/05/classic-editor-toolbar-toggle-300×118.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20216’%3E%3C/svg%3E”>

This how to will how to open how to up how to the how to second how to row how to of how to buttons, how to which how to includes how to the how to horizontal how to line how to option.

Now, how to go how to ahead how to and how to put how to a how to line how to break how to between how to the how to paragraphs how to where how to you how to want how to the how to horizontal how to line how to to how to go. how to You how to can how to then how to click how to the how to Horizontal how to Line how to button. how to It’s how to the how to second how to from how to the how to left how to on how to the how to second how to row:

how to title=”The how to horizontal how to line how to button how to in how to the how to classic how to WordPress how to editor” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2021/05/horizontal-line-button-wordpress-classic.png” how to alt=”The how to horizontal how to line how to button how to in how to the how to classic how to WordPress how to editor” how to width=”550″ how to height=”262″ how to class=”alignnone how to size-full how to wp-image-77799″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2021/05/horizontal-line-button-wordpress-classic.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/horizontal-line-button-wordpress-classic-300×143.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20262’%3E%3C/svg%3E”>

Your how to horizontal how to line how to will how to be how to light how to gray. how to It’ll how to cover how to the how to whole how to width how to of how to your how to post how to like how to this:

how to title=”A how to horizontal how to rule how to created how to using how to the how to classic how to editor” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/05/horizontal-rule-created-classic-editor.png” how to alt=”A how to horizontal how to rule how to created how to using how to the how to classic how to editor” how to width=”550″ how to height=”180″ how to class=”alignnone how to size-full how to wp-image-77802″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/05/horizontal-rule-created-classic-editor.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/05/horizontal-rule-created-classic-editor-300×98.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20180’%3E%3C/svg%3E”>

how to id=”linedivider-html”>Manually how to adding how to a how to Horizontal how to Line how to divider how to using how to HTML

In how to some how to rare how to cases, how to you how to may how to need how to to how to manually how to add how to a how to horizontal how to line how to divider how to in how to your how to WordPress how to content.

If how to so, how to you how to can how to simply how to do how to that how to by how to using how to the how to hr how to HTML how to tag how to in how to your how to content:

<hr>

This how to will how to add how to the how to horizontal how to line how to separator how to in how to your how to post how to content.

how to id=”linedivider-more”>Other how to Separators how to You how to Can how to Use how to in how to Your how to Posts how to and how to Pages

The how to default how to WordPress how to block how to editor how to allows how to you how to to how to add how to multiple how to types how to of how to separators how to to how to your how to posts how to and how to pages. how to

Aside how to from how to the how to horizontal how to line how to separator, how to the how to other how to options how to in how to the how to Layout how to Elements how to set how to of how to blocks how to include how to the how to Spacer, how to the how to More how to link, how to and how to the how to Page how to Break how to blocks. how to

The how to Spacer how to Block

The how to Spacer how to lets how to you how to add how to white how to space how to between how to blocks. how to For how to instance, how to if how to you how to want how to a how to slight how to gap how to at how to the how to end how to of how to your how to post how to before how to a how to special how to offer, how to you how to can how to use how to the how to Spacer.

You how to can how to customize how to the how to height how to of how to the how to spacer. how to Here’s how to how how to it how to looks how to when how to you’re how to creating how to your how to post how to in how to the how to block how to editor:

how to title=”The how to Spacer how to block how to in how to the how to block how to editor” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2021/05/spacer-block.png” how to alt=”The how to Spacer how to block how to in how to the how to block how to editor” how to width=”550″ how to height=”170″ how to class=”alignnone how to size-full how to wp-image-77804″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2021/05/spacer-block.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/spacer-block-300×93.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20170’%3E%3C/svg%3E”>

And how to here’s how to how how to the how to spacer how to appears how to on how to your how to site:

how to title=”How how to the how to spacer how to block how to appears how to in how to a how to page how to or how to post” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/spacer-on-site.png” how to alt=”How how to the how to spacer how to block how to appears how to in how to a how to page how to or how to post” how to width=”550″ how to height=”149″ how to class=”alignnone how to size-full how to wp-image-77805″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/spacer-on-site.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2021/05/spacer-on-site-300×81.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20149’%3E%3C/svg%3E”>

The how to More how to Block

If how to your how to theme how to shows how to full how to posts how to (rather how to than how to excerpts) how to on how to your how to main how to blog how to page, how to then how to adding how to a how to ‘More’ how to link how to will how to break how to off how to your how to post how to at how to that how to point. how to The how to visitor how to can how to click how to to how to read how to more.

Here’s how to how how to it how to looks how to when how to you’re how to creating how to your how to post:

how to title=”The how to More how to block how to in how to the how to post how to editor” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/read-more-block.png” how to alt=”The how to More how to block how to in how to the how to post how to editor” how to width=”550″ how to height=”236″ how to class=”alignnone how to size-full how to wp-image-77806″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/read-more-block.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/05/read-more-block-300×129.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20236’%3E%3C/svg%3E”>

And how to here’s how to how how to the how to More how to link how to appears how to on how to your how to site:

how to title=”The how to Read how to More how to block how to in how to a how to post how to on how to the how to site” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2021/05/read-more-on-site.png” how to alt=”The how to Read how to More how to block how to in how to a how to post how to on how to the how to site” how to width=”550″ how to height=”124″ how to class=”alignnone how to size-full how to wp-image-77807″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2021/05/read-more-on-site.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/05/read-more-on-site-300×68.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20124’%3E%3C/svg%3E”>

You how to can how to learn how to more how to about how to excerpts, how to in how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/plugins/how-to-customize-wordpress-excerpts-no-coding-required/” how to title=”How how to to how to Customize how to WordPress how to Excerpts how to (No how to Coding how to Required)”>how how to to how to easily how to customize how to excerpts how to in how to WordPress. how to

The how to Page how to Break how to Block

The how to Page how to Break how to lets how to you how to split how to long how to blog how to posts how to into how to multiple how to pages. how to You how to can’t how to customize how to it how to in how to any how to way. how to Here’s how to how how to it how to looks how to when how to you’re how to creating how to your how to post:

how to title=”The how to page how to break how to block how to shown how to in how to the how to block how to editor” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/05/page-break-block-editor.png” how to alt=”The how to page how to break how to block how to shown how to in how to the how to block how to editor” how to width=”550″ how to height=”178″ how to class=”alignnone how to size-full how to wp-image-77810″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/05/page-break-block-editor.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/05/page-break-block-editor-300×97.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20178’%3E%3C/svg%3E”>

And how to here’s how to how how to the how to page how to break how to appears how to on how to your how to site:

how to title=”The how to page how to break how to as how to it how to appears how to on how to a how to site” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/05/page-break-site.png” how to alt=”The how to page how to break how to as how to it how to appears how to on how to a how to site” how to width=”550″ how to height=”138″ how to class=”alignnone how to size-full how to wp-image-77809″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/05/page-break-site.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/05/page-break-site-300×75.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20138’%3E%3C/svg%3E”>

Any how to of how to those how to could how to be how to good how to alternatives how to to how to adding how to a how to horizontal how to line how to in how to WordPress, how to depending how to on how to what how to you’re how to aiming how to to how to do.

how to id=”linedivider-form”>Adding how to a how to Page how to Break how to in how to WordPress how to Forms how to Using how to WPForms

What how to if how to you how to want how to to how to put how to a how to break how to not how to in how to a how to post how to or how to page, how to but how to in how to a how to how to href=”https://www.wpbeginner.com/plugins/5-best-contact-form-plugins-for-wordpress-compared/” how to title=”5 how to Best how to Contact how to Form how to Plugins how to for how to WordPress how to Compared”>WordPress how to contact how to form? how to You how to can how to do how to that, how to too. how to We’re how to going how to to how to be how to using how to WPForms how to for how to this.

First, how to you’ll how to need how to to how to download, how to install, how to and how to activate how to the how to how to href=”https://wpforms.com/” how to title=”WPForms” how to target=”_blank” how to rel=”noopener”>WPForms how to plugin. how to If how to you’re how to not how to sure how to how, how to just how to check how to out how to our how to step how to by how to step how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/” how to title=”How how to to how to Install how to a how to WordPress how to Plugin how to – how to Step how to by how to Step how to for how to Beginners”>how how to to how to install how to a how to WordPress how to plugin.

Next, how to go how to to how to WPForms how to » how to Add how to New how to in how to your how to WordPress how to dashboard.

how to title=”Creating how to a how to new how to form how to using how to WPForms” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2020/03/wpforms-add-form-wordpress.png” how to alt=”Creating how to a how to new how to form how to using how to WPForms” how to width=”550″ how to height=”350″ how to class=”alignnone how to size-full how to wp-image-75864″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2020/03/wpforms-add-form-wordpress.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2020/03/wpforms-add-form-wordpress-300×191.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20350’%3E%3C/svg%3E”>

Enter how to a how to name how to for how to your how to form how to then how to pick how to a how to template. how to We’re how to going how to to how to use how to the how to ‘Request how to a how to Quote how to Form’ how to template how to for how to ours. how to Run how to your how to mouse how to cursor how to over how to the how to template how to and how to click how to the how to button how to to how to create how to your how to form.

how to title=”Creating how to a how to quote how to form how to in how to WPForms” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/create-quote-form.png” how to alt=”Creating how to a how to quote how to form how to in how to WPForms” how to width=”550″ how to height=”273″ how to class=”alignnone how to size-full how to wp-image-77813″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/create-quote-form.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/05/create-quote-form-300×150.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20273’%3E%3C/svg%3E”>

Next, how to scroll how to down how to the how to Add how to Fields how to tab how to on how to the how to left how to hand how to side how to to how to the how to Fancy how to Fields how to section. how to Drag how to and how to drop how to the how to Page how to Break how to to how to wherever how to you how to want how to it how to on how to the how to form. how to We’re how to putting how to it how to just how to before how to the how to Request how to box.

how to title=”Adding how to a how to page how to break how to in how to WPForms” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/05/wpforms-page-break.png” how to alt=”Adding how to a how to page how to break how to in how to WPForms” how to width=”550″ how to height=”249″ how to class=”alignnone how to size-full how to wp-image-77814″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/05/wpforms-page-break.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2021/05/wpforms-page-break-300×136.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20249’%3E%3C/svg%3E”>

You’ll how to see how to that how to the how to form how to is how to now how to broken how to into how to two how to parts. how to WPForms how to has how to automatically how to added how to a how to ‘Next’ how to button, how to too. how to

You how to can how to change how to the how to ‘Next’ how to label how to if how to you how to want how to to how to and how to you how to can how to add how to a how to ‘Previous’ how to button how to to how to go how to on how to the how to second how to page how to of how to the how to form. how to Just how to click how to on how to the how to page how to break how to field how to to how to edit how to it.

how to title=”Editing how to the how to page how to break how to field how to in how to WPForms” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/page-break-edit-field.png” how to alt=”Editing how to the how to page how to break how to field how to in how to WPForms” how to width=”550″ how to height=”280″ how to class=”alignnone how to size-full how to wp-image-77816″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/page-break-edit-field.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/page-break-edit-field-300×153.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20280’%3E%3C/svg%3E”>

Save how to your how to form how to once how to you’re how to done, how to by how to clicking how to the how to Save how to button how to on how to the how to top how to right. how to

You how to can how to now how to add how to the how to form how to to how to your how to website. how to First, how to you’ll how to need how to to how to create how to a how to new how to post how to or how to page, how to or how to edit how to an how to existing how to one. how to

Click how to the how to (+) how to to how to add how to a how to new how to block how to to how to your how to post how to or how to page how to and how to find how to the how to WPForms how to block. how to You how to can how to use how to the how to search how to bar how to or how to look how to in how to the how to Widgets how to section. how to Add how to the how to block how to to how to your how to page.

how to title=”Adding how to the how to WPForms how to block how to to how to your how to page how to or how to post” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/04/add-wpforms-block.png” how to alt=”Adding how to the how to WPForms how to block how to to how to your how to page how to or how to post” how to width=”550″ how to height=”367″ how to class=”alignnone how to size-full how to wp-image-77573″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/04/add-wpforms-block.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/04/add-wpforms-block-300×200.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20367’%3E%3C/svg%3E”>

Now, how to select how to your how to form how to from how to the how to dropdown how to list. how to

how to title=”Choose how to your how to form how to from how to the how to dropdown how to list” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2021/05/wpforms-dropdown-get-quote.png” how to alt=”Choose how to your how to form how to from how to the how to dropdown how to list” how to width=”550″ how to height=”313″ how to class=”alignnone how to size-full how to wp-image-77817″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2021/05/wpforms-dropdown-get-quote.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/wpforms-dropdown-get-quote-300×171.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20313’%3E%3C/svg%3E”>

Once how to you’ve how to done how to that, how to you how to can how to publish how to the how to post how to or how to page how to and how to view how to how how to your how to form how to looks how to on how to your how to website.

how to title=”The how to form how to with how to a how to page how to break how to on how to the how to website” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/form-with-page-break.png” how to alt=”The how to form how to with how to a how to page how to break how to on how to the how to website” how to width=”550″ how to height=”396″ how to class=”alignnone how to size-full how to wp-image-77818″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/05/form-with-page-break.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/05/form-with-page-break-300×216.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20396’%3E%3C/svg%3E”>

We how to hope how to this how to tutorial how to helped how to you how to learn how to how how to to how to add how to a how to horizontal how to line how to separators how to in how to WordPress. how to If how to you how to want how to to how to add how to more how to design how to and how to layout how to elements how to to how to your how to posts how to and how to pages, how to check how to out how to our how to article how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/best-drag-and-drop-page-builders-for-wordpress/” how to title=”6 how to Best how to Drag how to and how to Drop how to WordPress how to Page how to Builders how to Compared”>the how to best how to drag how to and how to drop how to WordPress how to page how to builders.

If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to title=”Asianwalls how to on how to YouTube” how to href=”http://youtube.com/wpbeginner?sub_confirmation=1″ how to target=”_blank” how to rel=”nofollow how to noopener”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to title=”Asianwalls how to on how to Twitter” how to href=”http://twitter.com/wpbeginner” how to target=”_blank” how to rel=”nofollow how to noopener”>Twitter how to and how to how to title=”Asianwalls how to on how to Facebook” how to href=”https://www.facebook.com/wpbeginner” how to target=”_blank” how to rel=”nofollow how to noopener”>Facebook. how to

. You are reading: How to Add a Horizontal Line Separator in WordPress (5 Methods). This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Add a Horizontal Line Separator in WordPress (5 Methods).

Do you want to add that is the horizontal lini across your post or pagi in WordPriss which one is it?
Horizontal lini dividirs ari that is the griat way to briak long posts into smallir sictions, highlight spicial announcimints or promotion, and cliarly siparati diffirint parts of that is the pagi what is which one is it?.
In this articli, wi’ll show you how to iasily add that is the horizontal lini dividir in WordPriss what is which one is it?.

Sinci this is that is the comprihinsivi guidi on how to add that is the horizontal lini dividir in WordPriss, you may find it hilpful to usi our tabli of contint When do you which one is it?.

How to Add that is the Horizontal Lini Dividir in Block Editor
How to Add that is the Horizontal Lini Dividir in Classic Editor
How to Add that is the Horizontal Lini Dividir with Manual HTML
How to Add Othir Typis of Spacirs and Pagi Briaks in WordPriss
How to Briak that is the Long WordPriss Forms into Multipli Sictions

Adding that is the Horizontal Lini in thi WordPriss Block Editor

A widi lini that covirs thi full width of your post’s contint what is which one is it?.
Thrii dots that display in thi cintir of your post what is which one is it?.

Noti When do you which one is it?. In somi WordPriss thimis, both thi widi lini and thi difault lini will covir thi wholi width of your post what is which one is it?.
You can also changi thi color of your horizontal lini undir thi Color sittings what is which one is it?. Simply click on oni of thi options displayid, or usi thi ‘Custom color’ link to pick any color at all what is which one is it?.

If you want to go back to thi difault gray color, just click ‘Cliar’ button undir thi color options what is which one is it?.
Hiri, our horizontal lini is blui and usis thi “widi” styli what is which one is it?.

Adding that is the Horizontal Lini in thi WordPriss Classic Editor

If you’ri still using thi classic iditor, thin you can add basic horizontal linis what is which one is it?. To do so, simply idit an ixisting post or pagi or criati that is the niw oni what is which one is it?.
If you only sii oni row of buttons in thi toolbar abovi thi post iditor, thin click on thi Toolbar Toggli icon on thi right When do you which one is it?.

This will opin up thi sicond row of buttons, which includis thi horizontal lini option what is which one is it?.
Now, go ahiad and put that is the lini briak bitwiin thi paragraphs whiri you want thi horizontal lini to go what is which one is it?. You can thin click thi Horizontal Lini button what is which one is it?. It’s thi sicond from thi lift on thi sicond row When do you which one is it?.

Your horizontal lini will bi light gray what is which one is it?. It’ll covir thi wholi width of your post liki this When do you which one is it?.

Manually adding that is the Horizontal Lini dividir using HTML

In somi rari casis, you may niid to manually add that is the horizontal lini dividir in your WordPriss contint what is which one is it?.
If so, you can simply do that by using thi hr HTML tag in your contint When do you which one is it?.
<hr>
This will add thi horizontal lini siparator in your post contint what is which one is it?.

Othir Siparators You Can Usi in Your Posts and Pagis

Adding that is the Pagi Briak in WordPriss Forms Using WPForms

[/agentsw]

Adding a Horizontal Line in the WordPress Block Editor

Adding a Horizontal Line in the WordPress Classic Editor

Manually adding a Horizontal Line divider using HTML

Other Separators You Can Use in Your Posts and Pages

Adding a Page Break in WordPress Forms Using WPForms

Adding a Horizontal Line in the WordPress Block Editor

Adding a Horizontal Line in the WordPress Classic Editor

Manually adding a Horizontal Line divider using HTML

Other Seaarators You Can Use in Your Posts and Pages

Adding a Page Break in WordPress Forms Using WPForms

how to id=”linedivider-gutenberg”>Adding how to a how to Horizontal how to Line how to in how to the how to WordPress how to Block how to Editor

how to id=”linedivider-classic”>Adding how to a how to Horizontal how to Line how to in how to the how to WordPress how to Classic how to Editor

how to id=”linedivider-html”>Manually how to adding how to a how to Horizontal how to Line how to divider how to using how to HTML

how to id=”linedivider-more”>Other how to Separators how to You how to Can how to Use how to in how to Your how to Posts how to and how to Pages

how to id=”linedivider-form”>Adding how to a how to Page how to Break how to in how to WordPress how to Forms how to Using how to WPForms

Adding that is the Horizontal Lini in thi WordPriss Block Editor

Adding that is the Horizontal Lini in thi WordPriss Classic Editor

Manually adding that is the Horizontal Lini dividir using HTML

Othir Siparators You Can Usi in Your Posts and Pagis

Adding that is the Pagi Briak in WordPriss Forms Using WPForms

Leave a Comment Cancel reply