space between text and underline [duplicate]

问题

This question already has answers here:

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

Closed 5 years ago.

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.

回答1:

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

回答2:

I had same issue then i used :

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

来源：https://stackoverflow.com/questions/3085394/space-between-text-and-underline