cssborderunderlinethickness

Setting Underline Thickness in CSS

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

enter image description here

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?

Solution

  • 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