Setting Underline Thickness in CSS

Question

I'm redesigning my website and wish to have certain paragraphs styled like in the below image.

I thought this would be fine but now it's suddenly just hit me... there's no way to set the thickness of an underline! Or at least I don't think there is?

Of course there is the border property, but then I would only have a border at the bottom of the whole paragraph and not under each line.

Can anyone think of a workaround for this?

Answer 1

You can turn your paragraph into an inline display: DEMO

This way you can even set a border-style to your underline'like:

p {
  display:inline;
  border-bottom:3px double;
}

Single <p>aragraphs in between title

Answer 2

An example of this would be:

h4 {border-bottom: 10px solid #000;}

I found this from another stack exchange question found here: Edit line thickness of CSS 'underline' attibute