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.
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.