Line in a text box

What’s the best way to put a line in the middle of text box, like this?

I tried using spaces with underline but it does not scale properly when responsive.

I realize I could add a new box with a single border that would be responsive but then I have to break up my entire text box several times. Is that ultimately the best way?

You can just use a regular Group element with a fixed height of 1px or 2px and set the Background Color to whatever color you need the line to be. Then you can set the width to not fit to content, and it will responsively stretch to fill the width of the parent group.

Right, then I have to break up my entire page of text into several text boxes and insert a group between every text box, correct? Yeah, that’s a bit awkward when editing the text and moving text around. I was hoping to do it inside the text box.

@1theritzy I see. In that case, you can use the bb-code tag for a “horizontal rule”. Just add a line with “[hr]” in your text element and make sure bb-code is not disabled. For example:

1 Like