How to increase width of underline for the multiline text when on hover

Viewed 1641

Fellow brothers in code,

I am trying to achieve custom text-decoration: underline; effect for the multiline text between <p> tags. Similar to one, showed in the picture below.

enter image description here

Would you mind to share some ideas or solutions for this problem. Do you think it is possible to achieve result with only CSS using :before :after or is it a case for JS to come in hand?

Many thanks for all possible help. Will be looking forward.

6 Answers
Related