0

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?

  • possible duplicate of [Edit line thickness of CSS 'underline' attibute](http://stackoverflow.com/questions/13840403/edit-line-thickness-of-css-underline-attibute) – KatieK May 15 '14 at 22:22

2 Answers2

0

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

Community
  • 1
  • 1
Tai
  • 1,206
  • 5
  • 23
  • 48
  • In the future, if one question is a duplicate of another, please flag it as a duplicate instead of answering it. – KatieK May 15 '14 at 22:22
  • @KatieK, from the looks of things, this is the first post of the user you are talking to. Perhaps cut them some slack as they would not know the rules. – SimplyAzuma May 15 '14 at 22:41
  • @MathewMacLean - Yes, I realize they are new; that's why I provided feedback and handled the flagging. What specifically would you have done differently? – KatieK May 15 '14 at 22:52
  • @KatieK the solution on that thread you've linked to would leave a border at the bottom of the paragraph only, whereas I need it under each line (as stated in my original message) –  May 16 '14 at 17:40
0

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

G-Cyrillus
  • 101,410
  • 14
  • 105
  • 129
  • works nicely thanks! Unfortunately there seems to be gaps in between my sentences, but maybe I can work around it or simply live with it! –  May 16 '14 at 17:46
  • do you mean in between p ? if so , do the code like this:

    sentence1

    sentence2 glued to 1

     – G-Cyrillus May 16 '14 at 17:55
  • ahh sorry I didn't realise you had uploaded a demo! I did a quick test in Firebug last night and there were little gaps in between sentences (not p's). Maybe that was just some of the other styles I had going on though so I'll have another tinker about ;) –  May 17 '14 at 10:35