Helpful resources
Need more help?
Check out the Webflow community.
Free Webflow templates
The best free Webflow templates.
Hire a Webflow expert
Partner with a certified expert.
How can I add Horizontal Rule and Break Rule elements in Webflow?
Published on
September 22, 2023
To add Horizontal Rule and Break Rule elements in Webflow, you can follow these steps:
- Select the element or section where you want to add the Horizontal Rule or Break Rule.
- Click on the plus icon (+) to open the element menu.
- Under "Elements," scroll down and select "Divider" to add the Horizontal Rule.
- Webflow will automatically add a default Horizontal Rule element to your selected section.
- To customize the Horizontal Rule, select it and use the options in the right sidebar. You can adjust the width, color, thickness, and alignment.
-
To add a Break Rule, you can use an empty paragraph element (
Using these steps, you can easily add Horizontal Rule and Break Rule elements to your Webflow project and customize them to fit your design needs.
Additional Questions:
- How do I adjust the width of a Horizontal Rule element in Webflow?
- Can I customize the color and thickness of a Horizontal Rule in Webflow?
- What is the CSS class of a Break Rule added in Webflow?