Making underline start before text [closed]

I am trying to achieve something like:

this image

where the underline starts before the text, and the text has a margin.

I have tried by adding an empty div to my paragraph like this:

<div style="background-color: black; height: 2px; width: 100%; margin-top: 30px;"></div>

but it doesn't quite achieve the desired effect.

I am looking for a solution, whatever approach will be fine, as long as it solves my problem.

Thanks :)