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

Question

使用してtext-decoration:underline;いますが、テキストと下線が接触しています。テキストと下線の間のスペースを増やすことはできますか?

これです。テキストとアンダーラインの間にスペースを作りたい。

Answer 1

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

Answer 2

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

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