Накратко
Разстоянието на линията е отделно от височината на текстовия ред.
Полезно е да знаеш
text-underline-offset задава отместването на линията за подчертаване спрямо първоначалната ѝ позиция. То не е настройка за всички видове декорации: зачеркването и горната линия не получават същия ефект. [1]
Пример: a { text-underline-offset: 0.2em; }. Единицата em свързва разстоянието с размера на шрифта. Ако увеличиш стойността твърде много, връзката между текста и линията може да стане неясна. line-height управлява височината на реда и не е заместител. Прегледай букви с долни части и няколко съседни реда, за да избереш четим резултат.
Източници
За повече подробности и проверка на информацията: