How to make a border/underline not extend

Design help General
1

Hi. Quick question i cant seem to figure out…

How do I make a border not extend whole screen, but just a bit? See pics below on how it looks now vs how I ideally want it. I just want a short line there to help break up the content.

How it is now:

image
image782×188 10.1 KB

What I want:
image

In case its helpful, here are the settings I have on the border now that it doesnt work
image

Btw. I understand why it extends the border all the way, its cause the element does:
image

But i just cant figure out how I can make it just a short line

2

At the minimum the border will be the width of the text.

So you simply need a colored DIV underneath the text, of the width and height you need, and that will draw your line. You need a short “line” element, not an underline or a border, here.

1 Like
3

thanks for quick reply @vincent.

Not sure if I understand you correctly. I tried creating a div with the proper size and it looks good now:

image
image808×137 9.25 KB

But if i adjust the size of the screen its not sticking to the same place:

Now its almost gone for example:

image
image783×147 8.54 KB

1 Like
4

figured it out - had to width settings

1 Like
5

hello i, happy to be there