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;
}