space between text and underline

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

I had same issue then i used :

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