Javascript 如何降低<；的内容区域高度；p>；用css？

有人能告诉我如何用css降低p标签内容区域的高度吗

我想,， 1.将底部的橙色虚线靠近上面的文本。（底部边框：3件橙色虚线；） 2.减小黄色突出显示框的高度。（正文{背景色：黄色}）

调整属性“线条高度”和“高度”没有帮助

谢谢

---

去掉p标签的边距和填充物

p {
margin: 0;
padding: 0;
}

如果这不适用于您，请将其放入具有指定高度的div中

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

</div>

---

您应该能够使用“LineHeight”属性更改高度，确保没有其他css覆盖它。以确保您可以添加！重要的是，最后要这样：

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

---

如果这样做有效，请返回代码，确保没有其他元素更改行高

不会降低内容区域的高度，但会导致文本重叠。请显示代码好吗？这将更容易解释。使用jfiddle.netwhat如果我使用而不是？因为代码不适用于，请创建一个小提琴。

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