Tu peux éventuellement gérer la position du soulignement avec la propriété CSS "text-underline-position", mais tu ne pourras pas définir un espacement personnalisé.
text-underline-position: under;
Cela va "pousser" le soulignement pour qu'il ne croise pas les lettres.
Si le résultat ne te satisfait pas tu peux toujours définir un "border-bottom" à ton texte et jouer sur le "padding".