テキストと下線の間のスペース

Question

使っています text-decoration:underline;しかし、テキストと下線は互いに接触しています。テキストと下線の間隔を広げることはできますか？

これ。テキストと下線の間にスペースを作りたい。

Answer 1

別のフォントを使用するか、代わりにborder-bottomを使用して、padding-bottomでスペースを制御できるようにします。

Answer 2

私は同じ問題を抱えていて、私は使用しました：

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