javascript - cssでコンテンツ領域の高さを減らす方法は?

Question

CSSでspanタグのコンテンツ領域の高さを下げる方法を誰か教えてもらえますか?

1. 一番下のオレンジ色の点線を上のテキストに近づけます。(border-bottom: 3px のオレンジ色のドット;) 2. 黄色のハイライト ボックスの高さを減らします。(本体{背景色:黄色})

以前、p タグについて同様の質問を投稿しましたが、このルールは span タグには適用されません。ブロックとインラインの違いによる推測。

cssで<p>のコンテンツ領域の高さを減らす方法は?

ありがとう！

Answer 1

セットしてみるdisplay: inline-block

span{
    display: inline-block;
    line-height: 1em !important; 
}

css で <p> のコンテンツ領域の高さを減らす方法から value line-height ?

Answer 2

<span style="line-height:70%"></span>