Horizontal Rule <hr />

How do I do it?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi - Welcome

Use div block the add thikness to one of the sides of the div using borders

https://www.loom.com/share/f8018c0f1aa4408da025af3142ef0d0f

Or you can add a embed and put <hr> inside.

Historically, this has been presented as a horizontal rule or line. While it may still be displayed as a horizontal rule in visual browsers, this element is now defined in semantic terms, rather than presentational terms, so if you wish to draw a horizontal line, you should do so using appropriate CSS.

Ran into this, and had to problem solve more than just basic <hr> css rules. <hr style="border-bottom: 1px solid #bcbcbc;"> is not good enough it will do an awkward box without more rules on webflow. Defining way more rules worked though on webflow: <hr style="display: block; height: 1px; border: 0; border-top: 1px solid #bcbcbc; margin: 1em 0; padding: 0;">. Hope this is helpful for this common web element problem.