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

Question

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

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

プロパティ「line-height」と「height」を調整しても役に立ちません...

ありがとう！

Answer 1

p タグからマージンとパディングを取り除きます。

p {
margin: 0;
padding: 0;
}

それがうまくいかない場合は、指定された高さの div に入れます。

<div class="myDiv">
<p>your p content</p>

</div>

スタイル;

.myDiv {
margin: 0;
padding: 0;
height: 300px; //whatever height you want
width: 300px; //whatever width you want
}

Answer 2

「line-height」プロパティで高さを変更できるはずです。それを上書きする別のcssがないことを確認してください。次のように最後に !important を追加できることを確認します。

p {
  line-height: 1em !important; 
}

それが機能した場合は、コードに戻り、行の高さを変更する別の要素がないことを確認してください