How to add a divider line?

Ask us anything How do I?
1

How do I add a divider into weweb? You know, a simple line to divide sections… :smiley:

2

everything in a web page is a box, a divider is a box without height but with borders and margins, unless you want to use some fancy lines with svg :slight_smile:

1 Like
3

If you really want THE LINE

4

That’s right, and it’s also good for accessibility.
If you want to only use a default weweb component to ease styling you can add the role attribute set to separator to tell assistive technology that the element is a separator (source)

5

Wait… so how do I implement this? :relieved:

6

That’s the method I’m going for now… hahahaha the caveman method :stuck_out_tongue: but it works, so who cares~

1 Like
7

html element with <hr />

8

Yup, you create a HTML block and add <hr> into it. That simple.