css - border-bottom とテキストの部分の間の距離を縮めるにはどうすればよいですか?

Question

現在、ウェブサイトを構築していますが、問題が発生しました。ウェブページはこちらです。

次のように、リンクのみに 3px の下線を追加します。

テキストの行の高さが 56pt であるため、border-bottom がリンクから離れすぎています。text-decoration: underline薄すぎて、近すぎます。

この距離の約半分にする必要があります。負のパディングが存在しないため、どのように修正すればよいですか?

Answer 1

Answer 1: Accept that css has limitations and work round them.

Answer 2: The only way I can thing of doing this is a using a span displaying it is a block and adding a border and padding to the bottom - this process will open up a whole other can of worms though floats blocks inline text etc. So I would go back to answer 1.