space between text and underline [duplicate]

Question

This question already has an answer here:

• How to increase the gap between text and underlining in CSS 14 answers

i am using text-decoration:underline; but text and underline are touching each other.can i increase space between text and underline?

this one. i want to make space between text and underline.

Answer 1

Either use a different font or use a border-bottom instead so that you can control the space with padding-bottom.

Answer 2

I had same issue then i used :

.underline_text {
      border-bottom: solid 2px #000000;
      display: inline;
      padding-bottom: 3px;
}