CSSで見出しや段落の文字に引いた下線の位置を調整する方法です。
基本：text-decoration
まずはtext-decorationで傍線（下線）が表示できます。
text-decoration: underline;下線の位置や色を調整する
丁度よい位置（？）であれば、下記の方法もありかと思います。
text-underline-position: under;text-underline-position は CSS のプロパティであり、text-decoration プロパティの underline の値で設定される下線 (傍線) の位置を指定します。
https://developer.mozilla.org/ja/docs/Web/CSS/text-underline-position
まとめ
text-decoration: underline;……テキストに下線を引く
text-underline-position: …… テキスト傍線の表示位置を指定する
